포켓몬 MVP 그 후 할 것!

Hwang Tae Young·2023년 1월 25일
0

저번 슬라이드 포스팅을 마치고, 설 연휴를 보내고 돌아왔다!
이번 포켓몬 토이프로젝트를 포스팅 하겠다.

🚀 프로젝트명 : next를 공부할 겸 포켓몬 Api를 사용해보자!

🗓️ 기간 : 2022/12/24 ~ 2023/01/19

💡 소개 : next로 포켓몬 openApi를 사용하여 간단한 포켓몬 도감 완성하기!

💡 기능

  1. 무한스크롤로 맨 아래 스크롤시 api호출하여 다음 차례 포켓몬들 보여주기
  2. 포켓몬 검색하기
  3. 매 접속 or 새로고침 마다 새로운 포켓몬 10마리 메인 슬라이드에 랜덤으로 보여주기

👨🏻‍💻 사용 라이브러리 & 프레임워크

  • next.js
  • tailwindCSS
  • axios
  • typeScript
  • React-query
  • jotai

✅ 후기

생각한 것 보다 여러가지 일이 많았어서 예상 기간보다 너무 오래걸렸던 이번 토이 프로젝트. 그리고 next.js를 사용해서 한다고는 했지만, 단지 cra를 가져다 쓴 것 처럼 next자체도 가져다가 거기다 코드만 작성한 것이기 떄문에 처음에 목표를 세워두었던 next를 공부하며 프로젝트를 완성한 것 같은 기분은 들지 않는다. next.js를 사용해서 얻는 이점이라든가, 코드의 효율성등을 전혀 고려하지 않고 만든 이 프로젝트를 리팩토링을 진행 해보려고 한다. 그리고 다시 next로 내 개인 포폴 사이트를 배포보는 것이 앞으로의 목표! 일단은 이 프로젝트에서 내가 추가로 해야할 것들 몇가지 적어보겠다.

1. 스켈레톤 UI 적용 시키기

  • 현재는 데이터를 완전히 받아오지 않은 상태에서도 요소들이 보여서 보이는것 안보이는것 나눠지고 있는데, 데이터가 전부다 받아와지면 화면을 한번에 보여주는 것으로 만드는 것

2. 반응형 작업

  • 원래부터 할 것으로 명시 되어있기는 했지만, 목표일보다 완성이 늦어질 것 같아 내 맘대로 뒤로 빼두었다. 반응형도 완성하고 전체적인 css를 손 봐야 할 것 같다.

3. README 작업

  • 리팩토링까지 완료하고 리드미 작업을 시작해 보겠다.
profile
더 나은 개발자가 되기 위해...☆

0개의 댓글