도구 고르기

처음엔 ChatGPT 하나만 켭니다

초보자가 가장 많이 막히는 지점은 'ChatGPT를 써야 하나, Claude를 써야 하나, 다른 코딩 도구를 써야 하나'입니다. 이 사이트에서는 그 고민을 줄이기 위해 ChatGPT를 기본 도구로 정합니다. 처음에는 ChatGPT 하나만 켜고 기획, 질문, 코드 요청, 에러 설명을 모두 여기서 시작하세요.

Claude를 써도 같은 방식으로 따라갈 수 있습니다. 하지만 처음부터 여러 AI를 비교하면 공부의 초점이 도구 선택으로 흩어집니다. 중요한 것은 어떤 AI가 더 좋은가가 아니라, 한 도구에 내 상황을 정확히 설명하고 작은 단위로 일을 시키는 습관입니다.

또 하나를 고정합니다. 이 사이트에서는 여러 앱을 동시에 만들지 않고 `공부 기록 앱` 하나를 계속 가져갑니다. 기획, 요구사항, 화면, 데이터, 테스트, 배포를 모두 같은 예제로 이어가면 단계 사이의 연결이 훨씬 잘 보입니다.

ChatGPT는 코드를 실행하는 곳이 아닙니다

ChatGPT는 질문하고 답을 받는 곳입니다. 기획을 정리하고, 프롬프트를 만들고, 코드 예시를 받고, 에러 메시지를 설명받는 데 좋습니다. 하지만 ChatGPT 입력창 안에서 웹앱이 실제로 실행되는 것은 아닙니다. 코드는 별도의 실행 환경에 붙여넣고 브라우저에서 확인해야 합니다.

처음에는 StackBlitz, CodeSandbox, Replit 같은 브라우저 실행 환경을 생각하면 쉽습니다. 나중에 파일이 많아지고 직접 폴더를 관리해야 하면 VS Code나 Cursor 같은 코드 에디터로 넘어갈 수 있습니다. CLI는 선택입니다. 명령어가 익숙해진 뒤에 천천히 들어가도 늦지 않습니다.

정리하면 ChatGPT는 선생님이자 작업 지시서 작성 도구입니다. 실행 환경은 코드를 돌려보는 작업대입니다. GitHub는 저장 지점이고, Cloudflare Pages 같은 배포 도구는 다른 사람이 볼 수 있는 공개 URL을 만드는 곳입니다.

첫 조합은 네 칸이면 충분합니다

첫 조합은 ChatGPT, 실행 환경, 저장, 배포 네 칸으로 나누면 됩니다. ChatGPT에는 질문을 붙여넣습니다. 실행 환경에는 코드를 붙여넣고 브라우저에서 확인합니다. GitHub에는 잘 되던 상태를 저장합니다. 배포 도구에는 결과물을 공개합니다.

도구 이름은 나중에 바뀔 수 있고 가격 정책도 바뀔 수 있습니다. 그래서 이 사이트의 핵심은 특정 제품을 외우는 것이 아니라 역할을 구분하는 것입니다. 그래도 처음 따라 할 때는 ChatGPT를 기본으로 고정하면 덜 흔들립니다.