개발 기본
IDE
IDE는 코드를 작성, 탐색, 실행, 디버깅하기 위한 통합 개발 환경입니다.
쉬운 설명
코드를 작성, 탐색, 실행, 디버깅하기 위한 통합 개발 환경.
배경과 쓰임까지 이해하기
조금 더 자세히
IDE는 코드를 작성하고 수정하고 실행하는 통합 개발 환경입니다. 보통 개발자는 파일 탐색기, 코드 편집기, 터미널, 오류 표시, 디버거, 확장 기능을 오가며 작업합니다. IDE는 이런 도구들을 한 화면 안에서 다룰 수 있게 해줍니다.
예를 들어 VS Code, Cursor(커서), IntelliJ, Xcode 같은 도구가 IDE 또는 IDE에 가까운 개발 환경으로 쓰입니다. 파일 이름 검색, 자동완성, 코드 이동, Git 변경사항 확인, AI 코딩 보조 같은 기능도 함께 제공되는 경우가 많습니다. 한마디로, IDE는 개발자가 오래 머무르며 코드를 만들고 고치는 작업실입니다.
실제로는 이렇게 만나요
VS Code나 Cursor(커서)처럼 프로젝트 폴더를 열고, 파일을 수정하고, 터미널(Terminal)을 함께 띄워 `npm run dev`를 실행하는 도구를 떠올리면 됩니다.
- 이런 거 할 때 나와요 바이브 코딩에서는 AI가 만든 코드를 사람이 읽고 고치는 시간이 계속 생깁니다. IDE는 파일 탐색, 자동완성, 오류 표시, 확장 기능으로 그 작업을 편하게 만듭니다.
- 이렇게 생겼어요 왼쪽에는 파일 목록, 가운데에는 코드 편집기, 아래쪽에는 터미널이나 오류 패널이 함께 보입니다.
- 나오는 화면 예시 VS Code나 Cursor에서 프로젝트 폴더를 열어둔 화면
헷갈리기 쉬운 점
IDE가 편해도 Git, CLI, 빌드(Build) 같은 기본 흐름을 완전히 대신하지는 않습니다. 문제가 생기면 내부에서 어떤 명령이 실행되는지 이해해야 합니다.
왜 알아두면 좋을까요?
바이브 코딩에서는 AI가 만든 코드를 사람이 읽고 고치는 시간이 계속 생깁니다. IDE는 파일 탐색, 자동완성, 오류 표시, 확장 기능으로 그 작업을 편하게 만듭니다.
Checklist
실제로 볼 때 확인할 것
- 01
프로젝트 루트 폴더를 정확히 연다
- 02
확장 기능이 너무 많아 충돌하지 않는지 본다
- 03
내장 터미널과 Git 패널을 함께 활용한다