Claude Code 첫 실행
프로젝트 폴더에서 Claude Code를 시작하고 첫 명령을 내립니다
Next.js 프로젝트가 준비되었으니, 이제 Claude Code를 프로젝트에서 실행해 보겠습니다. 이 시점부터 본격적인 바이브코딩이 시작됩니다.
프로젝트 폴더에서 Claude Code 시작
Claude Code 실행
claude인터페이스 확인
Claude Code가 실행되면 터미널에 프롬프트(>)가 나타납니다. 여기에 자연어로 명령을 입력하면 됩니다.
반드시 프로젝트 폴더에서 실행하세요
Claude Code는 현재 폴더의 파일들을 읽고 수정합니다. 프로젝트 폴더가 아닌 다른 위치에서 실행하면, Claude Code가 프로젝트 파일을 찾지 못합니다.
첫 번째 명령: 프로젝트 구조 확인
Claude Code에게 프로젝트를 분석해달라고 요청해 봅시다:
이 프로젝트의 구조를 설명해줘Claude Code가 프로젝트의 파일과 폴더를 분석하고, 각각의 역할을 한국어로 설명해줍니다.
간단한 수정 요청
이번에는 메인 페이지를 수정해 봅시다:
메인 페이지의 제목을 '나의 첫 번째 앱'으로 바꿔줘Claude Code가 src/app/page.tsx 파일을 찾아서 수정합니다.
권한 승인 이해하기
Claude Code가 파일을 읽거나 수정할 때, 권한 승인을 요청할 수 있습니다.
| 권한 | 설명 | 일반적인 선택 |
|---|---|---|
| 파일 읽기 | 프로젝트 파일의 내용을 읽습니다 | 허용 |
| 파일 수정 | 파일 내용을 변경합니다 | 확인 후 허용 |
| 명령어 실행 | 터미널 명령어를 실행합니다 | 확인 후 허용 |
권한 승인 팁
- Yes: 이번 한 번만 허용합니다
- Always allow: 같은 유형의 작업을 앞으로 항상 허용합니다 (편리하지만, 처음에는 하나씩 확인하는 것을 추천합니다)
유용한 바이브코딩 예시
프로젝트에서 시도해볼 수 있는 명령어 예시입니다:
헤더에 네비게이션 바를 추가해줘다크 모드를 지원하게 해줘/about 페이지를 새로 만들어줘. 간단한 자기소개 내용으로메인 페이지에 카드 3개를 그리드로 배치해줘명령어 작성 팁
- 구체적으로 요청할수록 원하는 결과를 얻기 쉽습니다
- 한 번에 너무 많은 것을 요청하기보다, 작은 단위로 나누어 요청하세요
- 결과가 마음에 들지 않으면 "이전으로 되돌려줘"라고 말할 수 있습니다
Claude Code 종료
바이브코딩을 마치려면 아래 명령어를 입력합니다:
/exit또는 Ctrl + C를 두 번 누르면 됩니다.