전제 지식 관리

막힘 기반 보충 학습

Next.js 학습은 웹 기본기와 React 이해를 바탕으로 하지만, 부족한 부분은 해당 단원에서 바로 보완해도 흐름을 잃지 않습니다.

Web

HTML, CSS, JavaScript

페이지 구조, 스타일 적용, 이벤트 처리의 기본 역할을 구분합니다.

React

컴포넌트와 hooks

props, state, useEffect 흐름을 먼저 떠올립니다.

CLI

터미널 작업

프로젝트 생성, 패키지 설치, 개발 서버 실행을 명령으로 확인합니다.

Node

실행 환경

node, npm, lockfile이 프로젝트 실행의 바탕입니다.

단원 진행 중 자주 막히는 지점과 보충 범위

JSX가 헷갈릴 때 태그처럼 보이는 문법과 JavaScript 표현식이 섞입니다. 컴포넌트 반환값, props 전달, 조건부 렌더링만 짧게 복습합니다.
서버와 브라우저가 섞일 때 코드가 어디서 실행되는지 불분명해집니다. 파일 상단의 use client 여부와 데이터 접근 위치를 표시합니다.
설치 오류가 날 때 Node 버전, 패키지 매니저, lockfile 상태가 원인일 수 있습니다. 에러 전문보다 첫 실패 지점과 사용한 명령을 먼저 기록합니다.