웹 앱 개발 환경 설정

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

웹 개발

대상자

• 초보 웹 개발자 또는 프론트엔드/백엔드 개발자
• 난이도: 초보자 대상, 기본 도구와 설정 절차 설명

핵심 요약

• 필수 도구: Node.js (LTS 버전 권장), npm, Vite, VS Code + ESLint, Prettier, Vue - Official 확장 프로그램
• 터미널 에뮬레이터는 node -v, npm -v 등 명령어 실행 필수
• Vite는 Vue 앱 개발을 위한 빠른 설정 도구로, 복잡한 구성 없이 사용 가능

섹션별 세부 요약

1. 필수 도구 목록

• Node.js 설치: LTS 버전 (장기 지원 안정 버전)을 공식 사이트에서 다운로드
• npm은 Node.js 설치 시 자동으로 포함
• Vite: Vue 앱을 위한 빠른 개발 서버로, 복잡한 설정 없이 사용 가능
• VS Code: 무료 고성능 코드 편집기, ESLint, Prettier, Vue - Official 확장 프로그램 추천

2. 터미널 에뮬레이터 사용

• Windows: Windows + r → cmd 입력
• macOS: 응용 프로그램 → 유틸리티 → 터미널.app 실행
• 명령어 실행: node -v, npm -v을 통해 설치 여부 확인

3. 개발 환경 구성

• Vite는 Vue 프로젝트를 위한 빠른 빌드 도구로, 복잡한 설정 없이 바로 사용 가능
• VS Code 확장 프로그램:
• ESLint: 코드 품질 관리
• Prettier: 자동 코드 포맷팅
• Vue - Official: Vue 개발 지원

결론

• LTS 버전의 Node.js 사용을 권장하고, Vite와 VS Code를 통해 빠른 개발 환경 구성
• 터미널에서 node -v, npm -v 명령어 실행으로 설치 여부 확인
• ESLint와 Prettier 확장 프로그램을 통해 코드 품질 관리와 일관된 포맷팅 유지