[WIL] 12월 3~4주차 회고🎄 (생존코스 ~10주차)

3~4주차에는 사이드 프로젝트인 소스마켓의 많은 부분을 구현하였고, 생존코스의 쇼핑몰 프로젝트를 따라 구현해보면서 많은 것들을 배웠다. 소스마켓의 경우에는 Next.js로 처음 구현해본 프로젝트다 보니 생각보다 간단한 부분에서 시간이 걸리는 부분들이 있었다. 특히 컨텐츠마다 모달을 띄워서 post 요청을 해야하는 부분에서 좀 어려움이 있었다. 리액트에서는 portal만 잘 쓰면 되는 문제였는데, 라우팅 방식이 리액트와 다른 넥스트의 경우 Parallel Routes와 Intercepting Route를 활용하여 구현하는 부분을 시도했고, 어려운 부분이 있었으나 빼먹은 defalt.jsx나 page.jsx을 제대로 설정하니 잘 동작하였다. 추가적으로 모달 뒷부분의 스크롤에 대한 문제와 pagination 기능을 store 기능을 사용해서 디벨롭해보고 싶다.

 

생존코스의 경우에는 디자인 시스템을 공부하였고, 본격적인 쇼핑몰 프로젝트에 들어갔다. fetch에 관련된 과정을 다양한 훅들로 분리하고, fetch한 데이터들을 store에 저장하여 활용하는 부분이 신기했다. 막대한 양의 코드를 알기 쉽게 하나씩 분리해나가는 과정이 신기하기도 하고, 너무 속도가 빨라서 어렵기도 너무 어려웠다. 전반적인 흐름들을 이해하는데 보다 집중해야겠다.

 

[Next.js] 라우팅으로 모달 구현하기