Nextjs포트폴리오 2

포트폴리오 웹사이트 클론코딩 회고록

https://www.youtube.com/watch?v=OPaLnMw2i_0&list=PL6QREj8te1P7gixBDSU8JLvQndTEEX3c3 어떤 스프린트를 해볼까하다가 Next를 좀 더 익숙하게 다뤄보고자 하는 마음에 클론코딩을 하나 더 해보기로 했다. 저번에 했던 포트폴리오 웹사이트인데 전혀 다른 구성과 디자인으로 해보았다. 일단 완성본부터 보자. 솔직히 유튜브 영상 썸네일이 너무 까리해보여서 선택하기는 했음. SPA(single page application)이고 페이지 구성은 -헤더와 푸터 -Hero 섹션 -Projects 섹션 -Technology 섹션 -Timeline 섹션 - Accomplishments 섹션 헤더와 푸터는 그렇게 어려운 부분이 없었다. 컴포넌트를 좀더 잘게 쪼개어 ..

Next.js 포트폴리오 만들기 회고

이 글은 '개발하는 정대리' 님의 Next.js 포트폴리오 사이트를 듣고 실습한 후에 작성하는 회고록입니다. https://www.youtube.com/watch?v=KvoFvmu5eRo&t=5717s 사용된 스택 - Next js - tailwind css - Notion API - LottieFiles (그림 삽입) 구현 목표 1. 홈페이지 - LottieFiles에서 Lottie 삽입하기 - Tailwind 라이브러리에서 헤더와 푸터 가져오기 - 포트폴리오 페이지와 링크 연결 - 헤더와 푸터에서 홈페이지 링크 연결 2. 프로젝트 페이지 - Notion에서 데이터 테이블 생성한 후 fetch로 데이터 가져오기 - 가져온 데이터를 컴포넌트 하나를 map하는 구조로 화면 생성 - 컴포넌트에 삽입할 데이터..

웹/Next.js 2022.06.30
728x90