투더제이
코딩 클래스
코드에디터
설치 및 세팅
VS Code로 수업 환경을 준비합니다
0-2 · 도구 설치편
1. 코드에디터란?
코드를 작성하는 작업 공간
코드에디터
코드를 쓰고, 파일을 정리하고, 터미널을 열어 실행까지 하는 프로그램입니다.
파일 열기 ↓ 코드 작성 ↓ 터미널 실행 ↓ 결과 확인
2. 어떤 에디터가 있을까?
VS Code vs Antigravity vs Cursor AI
에디터
특징
수업 기준
VS Code
가장 대중적인 기본 코드에디터
설치 기준
Antigravity
AI 에이전트 중심 개발 환경
소개만
Cursor AI
AI 코딩 기능이 강한 에디터
단과기초편
💡
수업에서는
VS Code
로 설치와 실습을 진행합니다.
3. Chrome 설치
브라우저는 Chrome 기준
1
Chrome 검색
— 공식 다운로드 페이지 접속
2
설치 파일 다운로드
— 내 운영체제에 맞게 설치
3
실행 확인
— 개발자도구 열기까지 확인
왜 Chrome?
개발자도구와 크롤링 실습을 설명하기 가장 표준적인 브라우저입니다.
4. VS Code 설치
코드 작성 도구 준비
1
VS Code 다운로드
— 공식 사이트에서 설치
2
강의 폴더 열기
— 파일 하나가 아니라 폴더 전체를 열기
3
터미널 확인
— VS Code 안에서 터미널 패널 열기
5. Node.js 설치
자바스크립트 실행 환경 준비
설치 흐름
Node.js 공식 사이트 접속
LTS 버전 다운로드
설치 후 터미널 재시작
확인 명령어
node --version npm --version
NEXT
0-3. 원격 요청 하는 방법
다음 강에서는 원격으로 접속하고 요청하는 흐름을 촬영용으로 정리합니다.
다음 강의로 이동