Next.js로 뭘 해볼까?

Hwang Tae Young·2022년 12월 23일
0
post-thumbnail

Next.js를 공부하면서 이제 저거 가지고 뭘 만들어 볼까 하다가,,,,,,
일단은 간단하게 포켓몬 open api를 이용해서 포켓몬들을 가져오고 하는,,,?
간단한 카드UI를 입힌 엄청나게 간단한 프로젝트를 한번 만들어 볼까 한다!

✅ 사용할 스텍들

  • Next.js
    당연하게도 이번에 공부해봤으니까 한번 써봐야지!

  • React-Query (TanStack Query)
    서버상태관리에는 React-Query가 내가 써보기도 했고, 여러가지 기능으로 data fetching에는 뭘 하든 좋은 것 같다.
    그런 의미에서 React-Query를 공부하면서 한번 더 사용해봐야겠다.

  • Axios
    가장 대중적인 데이터 통신 라이브러리이기도 하고, es6에 나온 fetch보다 크로스브라우징과 기능적인 면에서도 훨씬 좋은 것으로 알고 있다.
    그래서 이번에도 이녀석을 써볼까 한다!

  • Context Api?
    전역상태관리를 할지 안할지 아직 모르겠어서 미정! 하게된다면 평소에 안써봤던 ContextApi를 사용해봐야겠다.

  • tailwind-css
    스타일은 얘로 해야겠다. 나한테는 className에 css들을 넣는게 훨씬 직관적이고, 개발속도도 빠르게 할 수 있는 것 같다.
    물론,,,, 코드 짜다보면 className이 너무 길어지는 그런 것도 있다는 단점이 있지만,,,,,

✅ 예상하는 기능

  1. 무한 스크롤
  2. 선택한 포켓몬 몬스터볼에 담기
  3. 반응형웹
  4. 소셜로그인 검색기능

✅ 예상 기간

1~2주 정도 걸리지 않을까 한다!! 일정이 좀 있어서 띄엄띄엄 진행이 될 것 같다! 그래도 화이팅해서 해봐야겠다~~~!!!

마무리

이렇게 차근차근 하나씩 조금씩이라도 쌓아서 나를 좀 더 채우는 나중에는 더 잘 채울 수 있는 계기가 되면 좋겠다!
글 쓰는거도 제발,,, 실력아 늘어라,,, ㅎㅎㅎㅎ

profile
더 나은 개발자가 되기 위해...☆

0개의 댓글