Next.js_study
1.라이브러리와 프레임워크 차이
라이브러리(Library)와 프레임워크(Framework)는 둘 다 개발을 쉽게 하기 위한 도구이지만 서로 다른 개념이다. 각자의 특징과 목적이 있으며 개발자는 이를 적절히 구분하여 사용할 줄 알아야한다.정의라이브러리는 특정 작업을 수행하는 데 필요한 미리 작성된 코드
2. NPM 패키지 네이밍 규칙
본격적인 개발 준비를 위해 프로젝트 폴더를 생성하던 중 첫 오류를 마주쳤다.프로젝트 폴더를 생성하면서 이름을 nextjs_beginner라고 지었는데, URL-friendly 하지 않다는 오류를 마주했다.이를 해결하기 위해 알아본 결과, \_ 즉 언더스코어 문자 때문이
3.Next.js 시작하기: 설치와 기본 설정
Next.js를 본격적으로 시작하기 위해 필요한 패키지를 설치하고 설정을 진행하였다. 설치 과정과 기본 설정 방법은 다음과 같다.Next.js 프로젝트를 시작하기 위해 React, Next.js, 그리고 React의 요소를 DOM에 렌더링하는 React-DOM을 설치한
4.Next.JS에서의 라우팅
2025.1.6 화요일의 공부기록
5.usePathname hook 및 CSR&SSR
2025.1.6 화요일의 공부기록-이어서
6."use client"와 Hydration
2025.1.7 수요일의 공부기록
7.Layouts에 대해
2025.1.7 수요일의 공부기록
8.Route Groups 와 Metadata
2025.1.7 수요일의 공부기록
9.Dynamic Routes(동적 라우팅)
2025.1.12 일요일의 공부기록
10.Data Fetching
2025.1.13 월요일의 공부기록
11.Loading UI and Streaming
2025.1.13 월요일의 공부기록
12.Parallel Request(병렬호출)
2025.1.14 화요일의 공부기록
13.Suspense
2025.1.14 화요일의 공부기록
14.error.tsx
2025.1.14 화요일의 공부기록
15..module.css 파일
2025.1.15 수요일의 공부기록
16.Dynamic Metadata
2025.1.15 수요일의 공부기록
17.Vercel 배포 및 오류 해결
2025.1.15 수요일의 공부기록
18.Prefetch
2025.1.15 수요일의 공부기록
19.Tailwind CSS
2025.1.27 월요일의 공부기록
20.Tailwind CSS Modifiers
2025.1.31 금요일의 공부기록
21.Tailwind CSS Modifiers - 2
2025.1.31 금요일의 공부기록
22.Tailwind CSS Modifiers - 3 (state modifiers)
2025.2.2 일요일의 공부기록
23.Tailwind CSS Modifiers - 4
2025.2.4 화요일의 공부기록
24.Tailwind CSS-Directives
2025.2.5 수요일의 공부기록
25.Tailwind CSS Plugins
2025.2.5 수요일의 공부기록
26.Route Handlers
2025.2.7 금요일의 공부기록
27.Server Actions
2025.2.7 금요일의 공부기록
28.useFormStatus
2025.2.7 금요일의 공부기록
29.useActionState(useFormState)
2025.2.8 토요일의 공부기록
30.Zod를 활용한 유효성 검증
2025.2.9 일요일의 공부기록
31.Zod를 활용한 유효성 검증 에러 메시지 처리
2025.2.10 월요일의 공부기록
32.Zod를 활용한 유효성 검증-2
2025.2.14 금요일의 공부기록
33.Coerce 및 Validator 모듈
2025.2.15 토요일의 공부기록
34.Prisma 초기 세팅
2025.3.20 목요일의 공부기록
35.Prisma-models
2025.3.21 금요일의 공부기록
36.Prisma Client
2025.3.21 금요일의 공부기록
37.Prisma Studio
2025.3.22 토요일의 공부기록
38.Relations
2025.3.22 토요일의 공부기록
39.Password Hashing (bcrypt로)
2025.3.23 일요일의 공부기록
40.Cookie, Session 그리고 iron-session
2025.3.24 월요일의 공부기록
41.superRefine - Zod
2025.3.24 월요일의 공부기록
42.로그아웃 기능 구현 (+ notFound 처리)
2025.3.28 금요일의 공부기록
43.Middleware
2025.3.31 월요일의 공부기록
44.Runtime
2025.3.31 월요일의 공부기록
45.Github Authentication
2025.4.9 수요일의 공부기록
46.Twilio를 이용한 SMS 인증 구현-준비
2025.6.26 목요일의 공부기록
47.Twilio를 이용한 SMS 인증 구현-토큰 검증
2025.6.27 금요일의 공부기록
48.Twilio를 이용한 SMS 인증 구현-Twilio 연동
2025.6.28 토요일의 공부기록
49.Route Groups와 Layout 활용
2025.6.29 일요일의 공부기록
50.Next.js에서 Loading UI 구현하기 (Skeleton UI)
2025.6.29 일요일의 공부기록
51.Next.js의 Image 컴포넌트
2025.7.1 화요일의 공부기록
52.Intl.RelativeTimeFormat 과 toLocaleString 이용한 상대 표현
2025.7.2 수요일의 공부기록
53.Next.js와 Prisma를 이용한 Pagination
2025.7.10 목요일의 공부기록
54.Faker로 쉽게 더미 데이터 생성하기
2025.7.10 목요일의 공부기록
55.IntersectionObserver로 무한 스크롤 구현하기
2025.7.11 금요일의 공부기록
56.<label> 태그의 활용
2025.7.16 수요일의 공부기록
57.URL.createObjectURL()로 파일 미리보기 구현
2025.7.17 목요일의 공부기록
58.useActionState
2025.7.19 토요일의 공부기록