맛집 앱 프로젝트

 

Next.js 개념 & 장점

  • Next.js: 서버사이드 렌더링(SSR)을 제공하는 React 프레임워크
  • 라우팅 시스템을 내장하고 있으며, SEO에도 우수함
  • SSR 뿐만 아니라, 정적 사이트 생성(SSG)를 지원하여 사전에 페이지를 미리 렌더링 & 캐싱 가능
 
  • 성능 최적화: SSR 및 SSG를 사용하여 초기 로딩속도 개선, 성능 최적화
  • SEO 최적화: SSR로 검색엔진 최적화 용이, 페이지 제목, 메타 태그 설정 용이
  • 확장성: 기존 리액트 앱을 쉽게 마이그레이션 가능, 다양한 데이터 fetching 및 라이브러리 통합
  • 거대한 커뮤니티: 큰 커뮤니티와 다양한 플러그인 및 라이브러리 지원
  • 보안: CSRF 및 XSS 공격 보호하는 내장된 보안 기능
 
 

Tailwind 개념 & 장점

  • Tailwind CSS: 스타일링을 더욱 편하게 도와주는 CSS프레임워크
  • 클래스 이름을 사용하여 스타일을 적용하는 방식
  • 프로젝트에 맞게 커스터마이징이 가능, 특정 디자인 시스템 구축 활용
  • 개발 생상성 향상
  • 일관된 디자인
  • 커스터 마이징 용이
  • 클래스 기반 스타일링
  • 유연한 그리스 시스템
  • 반응형 레이아웃
  • 플러그인 및 확장성
 

Next-auth 개념 & 기능

  • Next Auth: 사용자 인증 작업 라이브러리
  • 인증
  • 세션관리
  • 인증 제공자 통합
  • JWT 토큰
  • 세션 저장소