0-1 · 왕초보 개발 환경 세팅 가이드

투더제이 코딩 클래스

왕초보 개발 환경
세팅 가이드

코딩을 시작하기 전에 준비할 도구들

0-1 · 준비편

오늘의 흐름

무엇을 준비해야 할까?

1 어떤 컴퓨터를 준비하면 좋은지 보기

2 개발 환경이 무엇인지 이해하기

3 수업에 필요한 기본 프로그램 확인하기

4 AI 결제는 무엇을 선택하면 좋은지 판단하기

5 CLI가 무엇인지 감 잡기

1. 어떤 컴퓨터를 사야할까요?

Windows vs Mac

Windows

가격 선택지가 넓음
대부분의 프로그램 호환 쉬움
처음 시작하기 부담이 적음

Mac

개발 환경이 깔끔함
터미널 사용이 편함
디자인·영상 작업과 함께 쓰기 좋음

💡 결론: 둘 다 가능합니다. 이미 가진 컴퓨터가 있다면 먼저 그걸로 시작하세요.

2. 개발 환경이란?

코딩을 하기 위한 작업 책상

개발 환경

코드를 작성하고, 실행하고, 결과를 확인하기 위해 컴퓨터에 준비해 두는 도구 모음입니다.

코드 작성 ↓ 프로그램 실행 ↓ 결과 확인 ↓ 수정하고 다시 실행

💡 오늘 목표는 전문가처럼 다 아는 것이 아니라, 수업을 따라올 수 있는 기본 세팅을 만드는 것입니다.

3. 설치할 프로그램

수업 전 준비물 5가지

Chrome 브라우저

웹사이트 확인, 개발자도구, 크롤링 실습에 사용합니다.

코드 에디터

코드를 작성하는 프로그램입니다. 수업에서는 VS Code 기준으로 진행합니다.

Node.js

JavaScript 실행과 웹 개발 도구 설치에 필요합니다.

Python

크롤링, 자동화, 데이터 처리 실습의 기본 언어입니다.

PHP

웹 서버와 백엔드 기초를 이해할 때 사용하는 서버 언어입니다.

작업 폴더

강의 파일을 한곳에 모아두는 전용 폴더입니다.

4. 어떤 AI를 결제해야 할까요?

ChatGPT vs Claude vs Gemini

AI	강점	추천 상황
ChatGPT	질문, 코딩 도움, 이미지 활용에 강함	처음 하나만 고를 때
Claude	코딩 특화, 긴 글 이해, 코드 설명	긴 자료를 많이 다룰 때
Gemini	이미지 활용, 구글 서비스 연동, 검색·문서 흐름	Gmail·Docs·Drive를 많이 쓸 때

💡 왕초보 기준: 처음에는 하나만 결제해도 충분합니다. 코딩 수업용이라면 ChatGPT 또는 Claude 중 하나로 시작하세요.

5. CLI란?

명령어로 컴퓨터를 조작하는 방식

GUI

마우스로 버튼을 누르고 메뉴를 클릭하는 방식입니다.

폴더 더블클릭 파일 드래그 버튼 클릭

CLI

터미널에 글자로 명령어를 입력하는 방식입니다.

cd project python app.py npm install

한 줄 정리 CLI는 개발자가 컴퓨터에게 직접 지시하는 대화창입니다.

READY

이제 코딩할 준비를 합니다

개발 환경의 의미를 알고,
필수 프로그램과 AI 선택 기준, CLI 개념까지 잡았습니다.

다음: 0-2. 코드에디터 설치 및 세팅