WDYTA

이번 팀 프로젝트를 진행하면서 1주차에는 공통 컴포넌트 구현을 목표로 잡았다. 그 중에 나는 Icon과 Image 공통 컴포넌트를 맡게 되었으며, 다양한 기술 스택을 적용해 보면서 실력 향상에 초점을 맞추며 구현해 나갔다.위 아이콘들이 프로젝트 내에서 사용되는 모든 아

1주차의 공통 컴포넌트 구현에 이어 2주차에는 프로필 페이지의 UI를 구현해 보았다. Next.js의 app router를 이용하다보니 라우팅에 대한 이점이 있었고 최대한 활용을 해보려고 했다.프로필 페이지를 맡다 보니 폴더명을 profile로 지정했고, profil

UI는 모두 구현했으니, API 연동 시작해보자! 프로필 카드 API 연동 모든 API를 불러오는 axios가 아닌, fetch를 통해 가져왔다. axios보다는 별도의 라이브러리 설치를 하지 않고 사용할 수 있는 fetch를 사용하게 되었다. 구현하기에 앞서 초기

프로젝트 기간동안 해결하지 못했던 쿼리키 무효화 이슈..드디어 해결을 했다. 문제 상황은 아래와 같았다. 😤 A사이트에서 찜하기, 상품 추가, 리뷰 달기 기능을 수행하면 변경된 데이터가 B사이트에 바로 반영이 되어야 하는데, 새로고침을 해야 반영이 되었다. 삽질을 많

프로젝트를 마무리하고 성능 개선을 좀 더 하고싶어 리팩토링을 했다. 이미지 최적화를 통해 좀 더 로딩 속도를 빠르게 하기를 원했고, prefetch 적용 전과 후를 비교함으로써 어떠한 차이가 있는지 좀 더 딥하게 공부를 해보았다.Next.js에서 Image 컴포넌트를