앱 시작과 첫 대화

1. 홈페이지 '빈 방' 만들기

바탕화면에 내 홈페이지의 모든 파일이 들어갈 빈 폴더(방)를 하나 만들겠습니다.

💡 주의하세요! 폴더 이름에 한글이나 띄어쓰기를 넣으면 나중에 인터넷에 올릴 때 에러가 날 수 있습니다. 반드시 영어 소문자와 빼기 기호(-)만 써주세요!

2. 인공지능 비서를 '빈 방'에 초대하기

방금 만든 빈 방(my-site 폴더)을 인공지능 비서에게 보여줄 차례입니다.

1. 방금 설치한 Claude 데스크탑 앱을 실행하고, 위쪽의 Code 탭을 누르세요.
2. 입력창 근처의 프로젝트 폴더 선택(또는 Open Folder) 버튼을 눌러 바탕화면의 my-site 폴더를 고르세요. 비서는 이 폴더 안에서만 일합니다. (폴더를 마우스로 꾹 누른 채 앱 화면 한가운데로 드래그해서 놓아도 됩니다)

이렇게 하면 앱 화면 왼쪽에 my-site라는 글자가 나타납니다. 빈 방이라 아직 파일은 아무것도 없는 게 정상이에요!

3. 첫인사 나누기

자, 이제 비서와 카카오톡 하듯 대화를 나눠볼까요? 앱 화면 가운데 입력창에 아래처럼 치고 엔터를 누르세요.

인공지능 비서가 "비어 있다"고 대답할 거예요. 정상입니다! 이제 우리가 코딩 초보라는 걸 확실히 알려줍시다.

Claude가 "알겠습니다"라고 대답하면 모든 준비가 끝났습니다!

앱 사용 꿀팁 3가지

1. "이렇게 할까요?" (권한 요청): 비서가 파일을 만들거나 고치기 전에 "내가 이렇게 해도 될까?" 하고 물어봅니다. 어떤 파일이 어떻게 바뀌는지 보여주는 비교 화면(diff)을 읽어보고, 괜찮으면 수락(Yes) 버튼을 누르세요. 읽지 않고 계속 누르는 습관만 조심하면 됩니다.
2. 바로바로 확인하기: 비서가 파일을 고치면, 화면 오른쪽(미리보기 패널)에 내 홈페이지 모습이 실시간으로 나타납니다.
3. "방금 한 거 취소!": 맘에 안 들게 고쳤나요? 그냥 대화창에 "방금 한 거 되돌려줘"라고 말하면 원래대로 싹 돌려줍니다. 마법 같죠?

오늘의 실습 체크

다음 강의

길었던 준비가 끝났습니다. 4강에서는 인공지능 비서에게 "내 홈페이지 뼈대 좀 만들어줘!"라고 명령해서, 드디어 눈앞에 내 홈페이지가 나타나는 기적을 맛보게 됩니다!