유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

Next.js & Supabase Tutorial - Tailwind CSS를 사용하여 UI 개선하기 2

구디사는 개발자 9Diin

2024. 12. 7.

0

#frontend
  • Next.js 프로젝트에서 발생하는 오류를 해결하는 방법: npm , node module, package-lock.json 파일 삭제 후 재설치. 🧰

  • 불필요한 코드는 제거하여 코드 간결성 확보. ✂️

  • UseEffects를 사용하지 않는 부분은 코드를 삭제하여 불필요한 부분 최소화. 🤖

  • 캘린더 코드를 간결하고 명확하게 작성하여 코드 가독성 향상. 🗓

  • Max-Width를 설정하여 화면 띄우는 부분을 제어. 🪟

  • Tailwind CSS를 사용하여 화면 구성 및 디자인을 간소화하고 조정. 🎨

  • 레이아웃 관리를 위한 main.scss 파일을 작성하여 코드 정리 및 재사용성 향상. 🗂️

  • 컴포넌트의 구조를 'actidsection' 통해 구성하여 컨텐츠의 정렬 및 배치 효율성 높임. 📦

  • 부분 UI를 모듈화하여 훅 (hook) 형태로 관리하는 방식으로 확장성 높임. 🚀

Recommanded Videos