📚 진행한 공부

• Next.js를 이용한 개인과제

📖 Next.jsx를 이용한 개인과제

구현 예시

주어진 포켓몬 api를 이용해 홈페이지에 불러오기

포켓몬을 클릭하면 해당 포켓몬의 상세 정보를 보여주는 페이지 만들기

학습을 끝내면 아래 항목에 대한 자신감을 얻을 수 있음

• NextJS 의 라우팅 방식에 대한 이해
• NextJS 렌더링 방식에 대한 기본적인 이해와 활용
• 서버 컴포넌트와 클라이언트 컴포넌트의 이해와 활용
• Router Handler 에 대한 이해와 (+ 활용)
• Tailwindcss 에 대한 설정과 사용방법

필수 구현 사항

PokemonList.tsx

과제 가이드에서 주어진 포켓몬 api를 src/app/api/pokemons 폴더 안에 route.ts 로 만들어 준 후 불러와서 사용했다