Claude Code 입문: 비전공자가 30분 만에 포트폴리오 사이트 만들기
목차 바이브 코딩이란 무엇인가 Claude Code 설치와 환경 설정 첫 번째 프로젝트 시작하기 포트폴리오 사이트 실제 제작 자주 묻는 질문 오늘 5분 실습 바이브 코딩이란 무엇인가 바이브 코딩(Vibe Coding)은 2025년 Andrej Karpathy가 제안한 개념으로, AI에게 자연어로 지시하여 소프트웨어를 만드는 새로운 개발 방식입니다. 전통적인 개발은 수년간의 프로그래밍 언어 학습이 필요했지만, 바이브 코딩은 “내가 원하는 것을 말하면 AI가 코드를 작성한다”는 철학에서 출발합니다. 핵심은 간단합니다. 여러분이 해야 할 일은 무엇을 만들고 싶은지 명확하게 설명하는 것뿐입니다. “사용자 이름과 이메일을 입력받는 회원가입 폼을 만들어줘”라고 말하면, Claude Code가 HTML, CSS, JavaScript를 모두 작성해 줍니다. 비전공자에게 바이브 코딩이 특히 강력한 이유는 세 가지입니다. 첫째, 문법 암기가 필요 없습니다. 둘째, 오류가 발생해도 AI에게 오류 메시지를 그대로 붙여넣으면 수정해 줍니다. 셋째, 아이디어에서 결과물까지의 시간이 극적으로 단축됩니다. 실제 현업 개발자들도 바이브 코딩을 활용해 프로토타입 제작 속도를 10배 이상 높이고 있습니다. Claude Code 설치와 환경 설정 Claude Code는 Anthropic이 만든 AI 코딩 에이전트로, 터미널에서 동작합니다. 처음에는 터미널이 낯설게 느껴질 수 있지만, 이 글을 따라하다 보면 금세 익숙해질 것입니다. 중요한 것은 터미널을 능숙하게 다루는 것이 아니라, Claude Code와 대화하는 법을 익히는 것입니다. Node.js 설치 확인 Claude Code를 사용하려면 먼저 Node.js가 설치되어 있어야 합니다. Mac에서는 터미널(응용 프로그램 – 유틸리티 – 터미널), Windows에서는 명령 프롬프트나 PowerShell을 열고 아래 명령어를 입력하세요. node -...