[1주차 미션 구현 화면]

시작하기 전

• 프론트엔드 개발자를 준비하면서 단순히 React UI로 구현하는 것만 아니라 SSR, React Query, Recoil 등 요구 받는 기술 스택이 많음을 깨닫고, 경쟁력을 갖출 필요성을 느낌

• 그러다가 졸업하면서 할 일을 찾고 있었고, 꾸준히 무언가를 해낼 의지를 받으며 스텝업 할 무언가를 찾은게 인프런 워밍 업 클럽 풀스택이었다.

배운 것

• NextJs & SSR

  • ServerSide Rendering이 어떤 장단점을 가지고, client/server action을 구분해서 사용

  • SSR을 활용하기 위한 NextJs 입문

• Tailwind Css

  • 클래스명으로 css 스타일을 쉽게 적용할 수 있는 tailwindcss를 활용

  • 쓰기 간편한 UI 라이브러리인 material tailwind, font awesome등을 활용

• Recoil

  • 간편한 상태관리 라이브러리

  • 기술 문서 가독성이 좋아서, 다 읽어보고 atom과 selector의 의미를 명확히 이해함

• React-query

  • 상태관리 라이브러리

  • 이에 대해서는 자세히 못봤으니, 다시 공부해봐야겠다.

• Supabase

  • 서버 및 데이터베이스 관리를 해주기 위한 인프라?

  • 사용하기 간편한게 좋은 것 같다

  후기

• 강사님 버전이랑 안맞게 시작해서 그런지 온갖 호환성 에러가 나서 미치는 줄 알았다.

  • 어떻게든 내 버전에 맞게 고칠려다가 그냥 package.json 등 환경 관련된 정보를 멘토님 레포에서 복붙했더니 고쳐졌다.

  • 노드 버전 및 의존성 버전 맞추는게 이렇게나 중요한 것임을 깨닫게 된 일주일이었다.

• 하루 밀리니 일주일이 힘들다

  • 평일 중 하루를 일정이 있어서 손을 뗀 대가로, 일요일을 반납했다.

  • 꾸준히 정진하는 다음 주를 가져보자