픽셀 단위까지 그대로 카피해 보는 X - Next JS 13 사용 해보기 -

• (1) 자기소개

브라질 상파울루에 거주하고 있는 디자이너입니다. 노마드 코더 카카오 클론을 시작으로 코딩에 입문 하였습니다. 10주 스터디도 둘다 졸업하고 리액트 위주로 노마드에 있는 강좌를 듣고 있습니다. NextJS 13을 공부중인데 이번 트위터 클론을 통해 적용해 보고자 합니다.

• (2) 메인 페이지 와이어프레임 사진

  

• (3) 포인트 색상/로고/기타 구현하고 싶은 사항

피그마로 여기저기 컴포넌트를 줏어다가 만들어본 와이어프레임 사진입니다.

보시다시피 이번에 소폭 변경된 X를 픽셀단위 그대로 카피하고자 합니다.

최대한 구현 가능한 기능도 그대로 구현 해 볼 생각입니다.

• (4) 고민

NextJS가 갖고있는 장점인 상황에 맞는 렌더링 방식을 적절하게 적용해 보고자 합니다만,

제가 노마드코더 당근마켓 클론에서 배운 12 버전에서 최근 13버전으로 오면서 변경사항이 많아

도큐멘트를 봐 가면서 할 생각입니다.

당근 마켓 클론 코딩이 곧 업데이트 되는 걸로 알고 있는데, 그 전에 이번 챌린지를 통해 Next js 를 예습해 보고자 합니다.