[TOY PROJECT] Fake-Search

코드 스테이츠의 부트캠프 과정이 끝나고 취업을 준비해야 하는 단계가 왔다. 그동안 프로젝트에 집중하느라 잊었던 부분을 복습하고 기술 면접과 관련된 질문들을 정리하고 이력서를 작성하면서 개인 프로젝트를 하나 해보고 싶다는 생각이 들었다. 그동안 팀 프로젝트만 진행해왔기

개인 프로젝트이기 때문에 모든 목업페이지를 혼자서 만들어야했지만 필요한 페이지 수가 적고 이전 프로젝트를 통해서 CSS에 대한 이해가 어느정도 높아져서 생각보다 빠르게 진행할 수 있었다. 반응형을 고려하면서 width를 설정하고 탭메뉴, 모달 등 state가 필요한 부

목업 페이지를 완성하고 검색 페이지 설정을 제외한 다른 설정의 기능 구현을 먼저 시작하였다. 유저 정보가 데이터베이스에 저장되는 부분까지 한번에 구현하는 것이 편할 것이라고 생각해서 Sequelize의 migration이나 회원가입과 관련된 API 처럼 서버에 필요한

이번에 블로깅하는 검색 페이지 설정 파트가 제일 까다로웠던 부분이였다. 라이브러리들을 사용했지만 이미지 업로드, 드래그 앤 드롭을 통한 순서 변경, 각 섹션의 JSON 타입의 데이터 추가/삭제 등 한 페이지에 구현해야 할 기능들이 많아서 머릿속으로 생각했던 코드들이 정

이번에는 기능 구현의 거의 마지막 파트였던 검색 기능과 검색 페이지를 구현했다. 미리보기 기능은 검색 페이지 설정에서 새창으로 검색 화면을 볼 수 있는 기능이기 때문에 검색 페이지가 구현되면 컴포넌트를 복사해 이벤트를 없애서 구현하였다.검색 기능은 검색 창에 단어를 입

이번 프로젝트의 주요 기능은 구현을 마쳤기 때문에 이번 파트에서는 모바일 화면에서도 서비스를 정상적으로 이용할 수 있도록 반응형 페이지를 구현하고 처음 접속하는 유저가 서비스를 이용할 수 있도록 매뉴얼을 팝업으로 보여주도록 구현하였다.이 서비스를 기획한 의도가 영화나

회고 블로깅의 마지막 파트로 배포에 관련된 글을 작성하지만 실제로 AWS에서 CodePipeline을 통해 자동화를 진행한 것은 프로젝트의 초반이었다. 프로젝트를 진행하면서 빌드나 배포 과정에서 문제가 발생할 수 있기 때문에 서버를 구현한 날 배포 자동화를 진행하게 되