Skipalong's tistory

오늘은 지난 3주간 달려왔던 최종프로젝트 중간발표가 있었다. 우리 조는 국내 여행 정보 사이트를 만들었는데 백엔드 과정을 듣고있다보니 프론트엔드는 많이 부족했지만 프론트엔드도 구현과 배포까지했다는 점이 고무적이고 백엔드적으로는 개인적으로는 기획한 기능을 모두 구현하였고 팀적으로도 대부분의 기능을 구현해서 만족스러운 프로젝트였다. 나는 이런식으로 여행코스 추천 게시글 , 댓글, 좋아요 부분을 구현하였다. 내가 맡은 부분에서의 핵심은 데이터를 동적으로 페이징, 정렬해서 원하는 조건의 데이터를 보여주는 것이었고 QueryDsl로 구현하였다. 이제 남은 기간에는 유저피드백과 성능개선, 추가기능등 유지보수 작업을 할 것이고 이러한 작업이 백엔드 개발자에겐 매우 중요하다고 생각해서 남은 기간동안 그간 해온 CRUD..

오늘도 프론트 작업을 하느라 백엔드 공부는 기술면접으로 대체하였다. TDD(Test-Driven Development) TDD란 테스트 주도 개발의 약어로 소프트웨어 개발 방법론 중 하나이다. TDD는 개발자가 소프트웨어를 개발할 때 테스트 케이스를 먼저 작성하고, 그 후 코드를 작성하는 방식을 강조한다. TOD의 이점으로는 버그의 조기 발견, 코드의 사용법과 예상 동작을 문서화하는 역할,안정성 향상 등 소프트웨어 개발 프로세스를 개선하는데 기여한다. OAuth(Open Authorization) 인터넷 사용자들이 비밀번호를 제공하지 않고, 다른 웹사이트 상의 자신들의 정보에 대해 웹사이트나 애플리케이션의 접근 권한을 부여할 수있는 개방형 표준 방법이다. OAuth2.0의 주요 인증 흐름은 다음과 같습니..

오늘은 프론트엔드로 백엔드api를 적용하는 작업을하느라 백엔드쪽으로 공부를 많이 하지 못해서 기술면접 준비를 한 것을 간단하게 정리해보겠다. CI/CD CI/CD는 Continuous Integration와 Continuous Deployment의 약자로, 소프트웨어 개발과 배포를 자동화하는 개발 방법론이다. CI는 코드 통합과 자동 테스트를 지속적으로 수행하고, 이를통해 코드 충돌을 방지하고 품질을 유지하는. 것이 목표이다. CD는 테스트를 통과한 코드를 자동으로 프로덕션 환경에 배포한다. 이를 통해 더 빠른 소프트웨어 릴리스, 품질 향상, 비용 절감을 이룰 수 있다. 다양한 CI/CD 도구와 서비스를 활용하여 구현할 수 있다. 클래스형과 함수형의 차이를 설명해주세요. 어떤 방식을 주로 사용하였고 그 ..

오늘은 이번에 프론트엔드를 vue.js를 사용하게되면서 vue에 대한 공부를 조금 해본것을 정리해보겠다. 우선 vue를 사용하기위해 설정을 하는 법은 node.js(npm)을 설치해준후 터미널에서 vue cli를 설치해주면 된다. 설치 확인을 해보려면 터미널에서 vue --verision을 쳤을때 이렇게 나온다면 정상적으로 된 것이다. 그런 뒤 우리 프로젝트에서는 vue화면의 header layout를 설정해준 후 화면을 채워줄 vue component파일을 이런식으로 만들어서 화면을 채워주면 된다. 위쪽 에서는 화면을 꾸며주고 아래쪽에서는 api를 호출하고 함수를 정의하는 등의 로직을 적어주면 된다. 그리고 router.js 파일에 path에는 매핑할 url을 적어주고 component에는 작성한 vu..

오늘은 프로젝트의 백엔드 서버를 어느정도 완성을 하여 이제 프론트엔드를 만들어보려 했는데 백엔드 과정을 듣고 있어서 프론트엔드에 대한 정보가 팀원 다들 많이 부족하다고 했다. 그래서 프론트를 만들 서비스를 React를 선택할지 Vue를 선택할지 다들 어려워해서 그 둘에 대해 찾아 보았다. 일단 React는 코드 스타일과 문법이 다양해서 자유도가 높고 개발자의 개성을 잘 살릴 수 있는 서비스라고 정보를 찾았다. 그리고 Vue는 문법이 어느정도 정형화되어있어 자유도가 떨어지지만 협업시에 코드스타일이 비슷하게 되어서 가독성이 높고 문법이 그렇게 다양하지 않아서 초보자들이 사용하기에 React보다 적합하다고한다. 우리는 프론트엔드 개발자가 아니라 우리가 백엔드에 만들어놓은 api를 프론트를 통해 보여주는것에 의..

보호되어 있는 글입니다.