[velog 클론코딩 1차 후기]

👀 velog clone coding에 적용

1. next.js

2. typescript

3. redux toolkit

---

👀 velog clone coding에 위 3가지를 적용한 이유

1. 전 회사에서 next.js를 처음 접했는데 그 프로젝트를 중간 투입되어서 next.js가 그냥 react와 뭐가 다른지

영문도 모르고 지나가서 처음 설정부터 도전해보고 싶었다. 

2. typescript도 좋다는 이야기만 자주 스쳐들었고 찍먹만 했는데 쓰면서 직접 장점을 느껴보고 싶었다.(아직도 찍먹느낌..

2주간 신청해놓은 챌린지를 통해 좀 더 파볼예정)

3. redux toolkit은... 전역 상태관리도 하고 부끄럽지만 firebase 대용으로 써보기로 했다. 그리고 redux와 다른점도 궁금했고.

 

---

👀 velog clone coding 하면서 느낀점 (+ 부족했던 점)

모든것이 다 부족했던것 같다..🥲

 

써보니 typescript의 장점이 명확하게 느껴졌지만 능숙하게 쓰기전까지는 매번 진행시간이 두배로 걸릴것같다.

한걸음 한걸음 나아갈때마다 어김없이 마주치는 빨간줄들..ㅠ

그래서 다음주부터 typescript 2주 챌린지를 통해서 좀더 익숙해지는 노력을 하기로 마음먹었다. (+ 1일 1커밋까지 챙기자!)

 

next.js도 다행히 이번 클론코딩 공부 길잡이 해주신분을 통해 react로 쓸때와 다른점도 알게되었고 한술은 뜬 느낌이여서 늘 감사하다.😅

하지만 getStaticProps, getStaticPaths, getServerSideProps 이런 부분은 봐도봐도 아직 이해가 잘 가진 않아서 다시 한번

살펴봐야 될것 같다..

 

redux toolkit도 그냥 redux의 차이점에 대해 쓰면서 자연스럽게 알게되어서 좋았다.

개인적인 느낌으로는 redux보다 좀더 간단하고 편하게 쓸수있는 느낌이 들었다.

나중에 firebase로 데이터를 보여주는 걸로 바꿔봐야 될것같다. 지금은 휘뚜루마뚜루 느낌🥲

 

---

👀  velog clone coding github + vercel

velog clonecoding vercel :  https://velog-clone-nextjs-git-80-create-pages-write-whtnqls124578.vercel.app/

https://velog-clone-nextjs-git-80-create-pages-write-whtnqls124578.vercel.app/

 

 

velog clonecoding github : https://github.com/whtnqls124578/velog-clone-nextjs

GitHub - whtnqls124578/velog-clone-nextjs