개발환경
학습 목표: 패키지 매니저·스크립트·환경변수·개발 오류의 점검 순서를 정리합니다. 선수 지식: 폴더 이동과 코드 편집기 사용에 익숙하면 시작할 수 있습니다. 초급·중급·고급의 목표를 확인하고 현재 공개된 글부터 학습하세요. 빈 단계는 계획을 유지하며 내용을 차례로 보강합니다.
단계별 학습 목표
각 단계의 학습 목표입니다. 공개된 글은 위의 단계별 링크에서 바로 볼 수 있습니다.
초급 목표
터미널과 패키지 및 실행 스크립트의 기본을 익혀, 개발 프로젝트를 실행하고 흔한 설치 오류를 확인하는 방법을 다룹니다.
학습 주제
- 터미널과 경로
- 패키지와 실행 스크립트
- 환경 변수 기초
중급 목표
도구 설정과 의존 관계를 이해하여, 팀원마다 달라지는 실행 환경과 빌드 및 코드 검사 문제를 해결하는 방법을 다룹니다.
학습 주제
- 의존성 충돌과 잠금 파일
- 코드 검사와 포맷
- 개발 서버와 빌드 진단
고급 목표
재현성과 유지보수 비용을 기준으로, 여러 프로젝트의 도구 체계와 환경 변경 및 검증 절차를 설계하는 방법을 다룹니다.
학습 주제
- 재현 가능한 개발 환경
- 공통 설정과 작업 공간
- 의존성 갱신과 검증
단계 안에서는 학습 순서대로 표시합니다. 선택 참고는 필수 진도에 포함하지 않습니다.
초급 2개
학습 1 / 6 · 필수 학습
pnpm 사용법: 설치·기본 명령어·워크스페이스 설정학습 2 / 6 · 필수 학습
환경변수 .env 파일 차이: local, example, development 기준
이 단계의 학습 글은 준비 중입니다.
중급 4개
학습 3 / 6 · 필수 학습
Vite import.meta.env undefined 해결: VITE_ prefix 기준학습 4 / 6 · 필수 학습
ESLint flat config 규칙 적용 안됨 해결: eslint.config.js 기준학습 5 / 6 · 필수 학습
pnpm install 오류 해결: lockfile·workspace 점검 순서학습 6 / 6 · 필수 학습
VS Code 1.113 업데이트: MCP와 Thinking Effort 변화
이 단계의 학습 글은 준비 중입니다.
고급 0개
이 단계의 학습 글은 준비 중입니다.
개념·참고 5개
참고 1 / 5 · 선택 참고
Yarn 사용법: Corepack 설치와 Classic·Modern 차이참고 2 / 5 · 선택 참고
npm install 의존성 충돌 해결: ERESOLVE 오류가 날 때 해결법참고 3 / 5 · 선택 참고
Tailwind CSS Unknown at rule 경고 해결: VS Code와 PostCSS 설정 확인참고 4 / 5 · 선택 참고
Storybook Failed to fetch dynamically imported module 해결 (Vite)참고 5 / 5 · 선택 참고
VS Code Copilot 디버깅: Agent Debug Log와 Chat Debug
이 단계의 학습 글은 준비 중입니다.