사용하는 기술 스택

• Next.js
  • pre-reloading 을 통해 미리 데이터가 렌더링된 페이지를 가져올수 있게 해주므로 사용자에게 더 좋은 경험을 주고, 검색 엔진에 잘 노출 될 수 있도록 해주는 SEO에서도 장점을 얻을 수 있다
• Recoil
  • 리코일을 활용하면 간결한 코드로 작성하여 전역상태를 관리 할 수 있다.
• Tailwind-css + styled-component
• Typescript
  • 코드 가이드 및 자동 완성 → 개발 생산성 향상
    • 변수에 대한 타입이 지정되어 있기 때문에 VSCode에서 해당 타입에 대한 API를 미리 보기로 띄워줄 수 있고 따라서, API를 다 일일이 치는 것이 아니라 tab으로 빠르고 정확하게 작성해나갈 수 있습니다.
  • 에러의 사전 방지
    • 에러를 사전에 미리 예방할 수 있습니다.
• Axios
• Eslint, Prettier
• 라이브러리
  • Toast UI Editor
  • intersection observer target element가 화면에 노출되었는지 여부를 간단하게 구독할 수 있는 API

git 관리

커밋 취소하는 방법

conflict 충돌 처리 방법

코딩 정보

TailwindCSS 사용기

Recoil 사용기