일주일 동안 공부한 내용

• 서버 액션 (Server Actions) 개념 및 활용

• 폼 기반 서버 액션 및 이벤트 핸들러 사용법

• 캐시 전략: unstable_cache, React Query 캐시

• 데이터 유효성 검증 (zod), useActionState

• 라우팅 고급 기술 (병렬 라우트, 인터셉팅 라우트)

• SEO 및 메타데이터 설정

• 라우팅 동작 방식 및 코드 분할, 프리패칭

회고

이번 주는 Next.js App Router의 핵심 기능들과 고급 라우팅 기법들을 깊이 있게 배울 수 있었던 시간이었다. 특히 서버 액션과 캐시 전략을 공부하면서 서버-클라이언트 간 데이터 흐름에 대한 이해가 많이 높아졌다. 병렬 라우트나 인터셉팅 라우트처럼 평소 잘 접하지 않던 기능들을 실습해보며 다양한 UI/UX 패턴도 익힐 수 있었다. 강의자료가 정말 꼼꼼하게 정리되어 있어서 따라가기 수월했고, 아직 개념적으로 낯선 부분들도 많지만 천천히 반복해서 읽으면서 익숙해지고 있는 거 같다. 실용적인 내용이 많아 정말 유익했고, 전체적인 프론트엔드 구조에 대한 이해가 한층 넓어진 것 같다.

미션

이번주 미션은 서버 액션(Server Actions)에 대한 개념과 필요성을 정리하고, 공식 문서를 바탕으로 서버 컴포넌트와 클라이언트 컴포넌트에서의 활용법을 블로그 형식으로 작성하는 것이었다. 처음에는 use server 같은 지시어가 익숙하지 않았고 개념이 좀 어려웠는데, 강사님이 준비해주신 강의자료 덕분에 점점 익숙해졌다. 클라이언트와 서버의 역할을 나누는 데 있어서 굉장히 많은 걸 배운 느낌이다. 역시 쉽진 않았지만 진짜 많이 배웠다!