List view
- 팀원 각각의 스케쥴에 맞게 각자 진행하는 스터디 1. 자바스크립트 기초 - 1.1 처음 만나는 자바스크립트 - 1.2 변수와 상수 - 1.3 자료형 - 1.4 형변환 - 1.5 연산자 - 1.6 조건문 - 1.7 반복문 - 1.8 함수 - 1.9 스코프 - 1.10 객체 - 1.11 배열 2. 자바스크립트 실전 - 2.1 Truthy & Falsy - 2.2 단락 평가 - 2.3 객체 자료형 자세히 살펴보기 - 2.4 반복문 응용하기 - 2.5 구조 분해 할당 - 2.6 스프레드 연산자와 rest 매개변수 - 2.7 배열과 메서드 - 2.8 Date 객체와 날짜 - 2.9 비동기 처리 3. Node.js - 3.1 Node.js란? - 3.2 Node.js 환경 설정하기 - 3.3 비주얼 스튜디오 코드 - 3.4 Node.js 패키지 - 3.5 Node.js 모듈 시스템 - 3.6 라이브러리 사용하기 4. 리액트 시작하기 - 4.1 리액트의 특징 - 4.2 리액트 앱 만들기 - 4.3 리액트 앱의 동작 원리 5. 리액트의 기본 기능 다루기 - 5.1 컴포넌트 - 5.2 JSX - 5.3 컴포넌트에 값 전달하기 - 5.4 컴포넌트와 상태 - 5.5 Ref p1. 카운터 앱 만들기 6. 라이프 사이클과 리액트 개발자 도구 - 6.1 리액트 컴포넌트와 라이프 사이클 - 6.2 useEffect - 6.3 리액트 개발자 도구 p2. 할일 관리 앱 만들기 (CRUD) 7. useReducer와 상태관리 8. 최적화 9. 컴포넌트 트리 전체에 데이터 공급하기 p3. 감정 일기장 만들기 10. 웹 스토리지 이용하기 11. 감정 일기장 배포하기
No due date•0/1 issues closedCh1 사전렌더링 Ch2 page router - 페이지 라우팅 설정하기 - 네비게이팅 - 프리페칭 - API Routes - 스타일링 - 글로벌 레이아웃 설정하기 - 페이지별 레이아웃 설정하기 - Next.js의 사전 렌더링과 데이터페칭 - SSR - SSG(정적 경로에 적용하기, 동적 경로에 적용하기, fallback옵션 설정하기) - ISR (on Demand Revalidation) - SEO - 배포 Ch3 app router - 페이지 라우팅 설정하기 - 레이아웃 설정하기 - 리액트 서버 컴포넌트 이해, 주의사항 - 네비게이팅 Ch4 데이터 페칭 - 데이터 페칭 in App Router - Next.js의 데이터 캐싱 - 리퀘스트 메모이제이션 Ch5 페이지 캐싱 - 풀 라우트 캐시(동적 경로에 적용하기) - 라우트 세그먼트 옵션 - 클라이언트 라우터 캐시 Ch6 스트리밍과 에러핸들링 - 스트리밍(페이지 스트리밍, 컴포넌트 스트리밍) - 스켈레톤UI - 에러 핸들링(error.tsx) Ch7 서버 액션 - 서버 액션(리뷰 추가, 조회, 재검증 구현) - 추가적인 재검증 방식 살펴보기 - 클라이언트 컴포넌트에서의 서버액션 - 리뷰 삭제 기능 구현하기 Ch8 고급 라우팅 패턴 - 병렬 라우트(parallel route) - intercepting route - parallel & intercepting route Ch9 최적화와 배포 - 이미지 최적화 - 검색엔진 최적화(SEO) - 배포하기 - 배포 후 최적화
Due by April 19, 2026