프로젝트 1주일 전 - Toy Project(2)

오후 1시부터 팀 회의를 진행했다. 각자 만든 웹페이지 공유부터 시작했다.

1

내가 구현 못한 것 : nav의 탭을 클릭하면 색깔이 바뀌는 동시에 특정 페이지로 link 되는 기능.
NavLink를 사용하면 된다고 팀원분이 말씀해주셔서 참고.
https://v5.reactrouter.com/web/api/NavLink

2

백엔드와 프론트엔드를 합쳐보는 시도를 했다.
network error를 해결하는 데 꽤 많은 시간이 소요되었다.
처음에는 http인데 https로 써서 오류. ☑️ 해결
그 다음에는 cors 문제인가 했더니, server에서 보내준 게시판 정보를 board.boardname으로 client에서 받아야 하는데 board.name으로 받아서 에러가 났다. (중간에 여러번 수정해서, 몇군데는 수정 못한 부분이 있던 게 원인) ☑️ 해결
get은 잘 되는데 post에서 못받아왔다. Postman으로 천천히 시도해봤더니 잘 되었다. body-parser 밑에 express.json() 이 위치해 있어야 한다는 게 포인트인지는 잘 모르겠다. (middleware는 순서가 중요하다고 했지만, 이게 문제의 해답이었는진 확실치 않다)
node.js로 실행하면 잘 작동하였다. pm2 의 문제로 결론이 났다. (추후 배포할 때 EC2 사용하려면 pm2를 써야하는데 나중에도 에러나면 어떻게 해결할지.) ☑️ 해결
👉 시간은 생각보다 많이 소요되었지만, 기본적인 프론트 - 백 연결은 잘 되었다.

오후 5시에 제대로 된 기획을 시작했다. Figma로 flow chart를 작성하는 것보다 Miro가 더 편리한 것 같아서 이번에는 flow chart, wireframe 둘 다 Miro를 쓸 것 같다.
오후 7시쯤 종료했다.

보완할 점

• 동적 라우팅, 정적 라우팅에 대해 알기
• 내가 최대한 잘 배워갈 수 있는 환경 조성하기