✔️ 파일구조 짜기

아직 component를 잘게 쪼개는것도 익숙하지 않은 내게
ethan이 많은 도움을 주었다.
처음엔 Main Page를 하나의 컴포넌트로 만들었는데, 내용도 너무 방대하고
코드도 너무 길어져서 컴포넌트를 잘게 쪼개기로 했다.

그리고 velopert님의 자료를 참고해서 공부하다보니
컴포넌트를 만들 때, Presentational Component와 Container Component로 나누어서
작업하는 방법에 대해 알게 되어서 바로 따라해보았다 ㅎㅎ
나는 우선 엄격하게 나눠서 작업하기보다는, 최대한 컴포넌트를 자잘하게 쪼개는게 좋단 말에
기능을 담당하는 컴포넌트와 UI를 담당하는 컴포넌트를 나누어 작업하기로 했다.

components - 기능의 컴포넌트
containers - UI의 컴포넌트
globals - 전역스타일을 지정할 컴포넌트
modules - redux
routes - router 컴포넌트
types - 지저분하게 늘어놓아질 타입들을 정리

📌 페이지를 어떻게 그릴까

Main Page

링크를 타고 들어오면 가장 먼저 보여질 페이지.
들어갈 내용이 많다보니 컴포넌트를 잘 쪼개야겠단 생각이 들었다.

Profile Page (Groom,Bride)

Map Page

✔️ 이슈 해결하기

처음 작업을 계획 했을 때, 이걸 어떻게 해낼 수 있을까.. 싶은 생각으로 시작했는데,
작업을 진행할수록 배로 해야 할 일들이 생겨났다,,,ㅎ
그래서 난잡하게 생겨나는 작업들을 정리해두고 순서대로 처리해야겠단 생각에
깃헙을 적극적으로 사용해보기로 했다.

Project

Project 라는 기능이 있다는걸 이번에 작업하면서 알게 되었다.
M1은 기능적인 부분에 대한 작업이고,, M2로 넘어가서 스타일링 리팩토링 어쩌구저쩌구....
issue와 Pull requests와 연결해서 사용할 수 있다길래

• issue에 해야 할 작업들을 정리
• Project 메뉴에서 작업할 부분에 대해 표시
• 코드 작업 후 PR 날리기
• 코드리뷰 후 리팩토링 후 업데이트
• merge가 되면 git pull origin master 작업 후 다음 작업 시작

그동안 git 작업에 대해 익히기 위해서 억지로라도 terminal에 명령어를 입력해서
작업을 진행하곤 했지만, 그럼에도 계속 헷갈리는 부분이 많았는데
이번 프로젝트를 진행하면서 어느정도 익숙해진 것 같다.

이제 issue에 올렸던걸 참고하면서 Main Page부터 정리해보자!