2024년 7월~8월 개발 회고

- Next.js의 getStaticProps를 사용한 서버사이드 렌더링. 서버사이드 렌더링을 어떨 때 쓰는지 알게 됐다.

- 크롤링 구현

- 구글 캘린더 연동 구현

- 크롤링해온 데이터를 구글 캘린더와 연동시켜 유저마다 자신의 개인 구글 캘린더에 전시회 정보를 저장할 수 있게 했음

- 범용적으로 쓰이는 레이아웃을 만들어 router별로 다르게 적용할 수 있게 함

- 페이지네이션 구현

- 연도 내림차순으로 정렬해서 보여주는 코드 작성

- 파일 끌어서 넣는 드래그 앤 드롭 구현

- 유저의 타입(작가, 갤러리 유저)에 따라 기능(작가 추가 여부)을 다르게 구현

- math.random 사용해 랜덤한 숫자를 생성한 후 padding에 랜덤한 숫자를 넣어 사진이 무작위로 놓여있는듯한 레이아웃 만듬- SEO를 위해 페이지의 제목에 div로 감싸져 있던 것들을 h1으로 수정

- 무한로딩되던 에러가 있었는데 원인은 useEffect에서 loading이 바뀔 때마다 open이 렌더링되고 open이 렌더링되면 또 loading이 렌더링되도록 작성되어서였음..  useEffect를 하나로 합쳐놨던것을 따로 분리해 해결

- mousePosition (현재 마우스의 위치), window.innerwidth(창의 너비) 를 각 2개, 3개의 기준으로 나누고, 2 * 3 총 6가지의 경우에 따라 다르게 컴포넌트 렌더링

- router.locale을 받아와 국가별로 다른 언어로 렌더링

- 숫자 파싱 에러 해결