본문 바로가기

분류 전체보기64

Claude Code로 5분 만에 로그인 페이지 만들기 VS Code에서 Claude Code 대화창을 준비하는 방법코딩을 한 줄도 모르는 상태에서 웹페이지를 만든다는 게 가능할까요. Claude Code를 쓰면 실제로 가능합니다. 이른바 바이브 코딩(vibe coding)이라고 부르는 방식인데, 원하는 결과물을 말로 설명하면 AI가 코드를 대신 작성해 주는 것입니다. 이 글에서는 로그인 페이지 하나를 처음부터 끝까지 만들어 보면서, 바이브 코딩이 실제로 어떻게 동작하는지 체험해 보겠습니다.먼저 VS Code를 열고, 왼쪽 사이드바에서 Claude Code 아이콘을 클릭합니다. 대화창이 나타나면 준비가 된 것입니다. 아직 확장 프로그램(extension)을 설치하지 않았다면, 확장 탭에서 "Claude Code"를 검색해 설치하면 됩니다. API 키 설정도 .. 2026. 4. 12.
Claude Code에서 한국어와 영어 성능 차이, 진짜 있을까 Claude Code를 처음 사용하다 보면 자연스럽게 드는 의문이 있습니다. "한국어로 써도 되나? 아니면 영어로 써야 더 똑똑하게 답해주나?" 특히 영어가 편하지 않은 입장에서는 이게 꽤 중요한 질문입니다. 결론부터 말하면, 결과 품질 면에서의 성능 차이는 걱정할 수준이 아닙니다. 하지만 토큰(token)이라는 개념 때문에 한국어를 쓸 때 숨겨진 비용이 발생합니다. 이 글에서는 그 차이가 정확히 무엇인지, 그리고 어떻게 대응하면 되는지 설명합니다. Claude는 한국어를 어떻게 처리하는가 — 다국어 능력의 실체Claude는 Anthropic이 설계한 대규모 언어 모델(LLM)로, 학습 단계에서 영어를 포함한 수십 가지 언어의 텍스트를 함께 학습했습니다. 한국어도 그 학습 데이터 안에 포함되어 있습니다.. 2026. 4. 12.
Claude Code에서 PowerShell vs cmd, 어떤 터미널을 써야 할까 Claude Code에서 PowerShell vs cmd, 어떤 터미널을 써야 할까Claude Code 설치 가이드를 찾아보면 어디서나 "터미널을 열고 명령어를 입력하세요"라는 문장이 등장합니다. 그런데 막상 Windows 컴퓨터 앞에 앉으면 cmd(명령 프롬프트), PowerShell, Git Bash처럼 비슷해 보이는 창이 여러 개 있고, 어느 걸 열어야 하는지 바로 알기 어렵습니다. 이 글에서는 각 터미널의 실질적인 차이를 정리하고, Claude Code 입문자가 어떤 선택을 해야 하는지 명확하게 정리하겠습니다.터미널이 뭔지 모르겠는데, 꼭 써야 하나요?터미널(terminal)은 컴퓨터에게 글자로 명령을 내리는 창입니다. 마우스로 아이콘을 클릭하는 대신, 키보드로 명령어를 입력해서 프로그램을 설치하.. 2026. 4. 12.
Claude Code로 Git 커밋 메시지 자동 작성하는 법 Git 커밋 메시지를 자동으로 써야 하는 이유코드를 수정한 뒤 Git에 저장하려면 커밋 메시지(commit message)를 작성해야 합니다. 이 메시지는 "무엇을 왜 바꿨는지" 기록하는 짧은 메모입니다. 문제는, 이 메모를 매번 쓰는 게 생각보다 귀찮다는 점입니다.특히 초보자일수록 커밋 메시지를 어떻게 써야 할지 고민하는 시간이 깁니다. "fix bug"라고만 쓰자니 나중에 뭘 고쳤는지 알 수 없구요, 너무 길게 쓰자니 매번 부담이 됩니다. 결국 "update", "수정" 같은 의미 없는 메시지가 쌓이게 되네요.Claude Code를 사용하면 이 과정을 자동화할 수 있습니다. 코드 변경 사항을 분석해서 적절한 커밋 메시지를 자동으로 생성해 줍니다. 직접 고민하지 않아도 일관된 품질의 메시지가 만들어지니.. 2026. 4. 12.
Claude Code 컨텍스트 윈도우 초과 오류 해결법 컨텍스트 윈도우 초과 오류가 발생하는 이유Claude Code를 사용하다 보면 갑자기 "context window exceeded"라는 오류 메시지를 만나는 경우가 있어요. 이 오류는 대화가 길어지면서 Claude Code가 한 번에 처리할 수 있는 텍스트 분량을 넘어섰을 때 발생해요. 컨텍스트 윈도우(context window)란 AI 모델이 한 번에 읽고 기억할 수 있는 텍스트의 최대 크기를 의미해요. 쉽게 비유하면 책상 위에 올려놓을 수 있는 서류의 양이 정해져 있는 것과 같아요.Claude Code는 대화를 주고받을 때마다 이전 대화 내용을 함께 모델에 전달해요. 여기에 코드 파일을 읽거나 프로젝트 구조를 탐색한 결과까지 누적되면 컨텍스트가 빠르게 차오르게 돼요. 특히 큰 파일을 통째로 읽거나, .. 2026. 4. 12.
Claude Code에서 원하는 코드를 얻는 프롬프트 작성법 프롬프트가 결과를 바꾸는 이유Claude Code는 사용자가 입력한 프롬프트(prompt)를 기반으로 코드를 생성합니다. 같은 기능을 요청하더라도, 어떻게 말하느냐에 따라 결과물의 품질이 완전히 달라집니다. 마치 식당에서 "맛있는 거 주세요"라고 하는 것과 "매운 닭볶음탕 2인분, 덜 짜게 해주세요"라고 하는 것의 차이와 비슷합니다.바이브 코딩(vibe coding)이란 AI에게 자연어로 지시해서 코드를 만드는 방식을 말합니다. 이 방식에서 프롬프트는 유일한 소통 수단입니다. 코드를 직접 짜지 않는 만큼, 내가 원하는 것을 정확히 전달하는 능력이 핵심이 됩니다. 프롬프트를 잘 쓴다는 건 결국 "내가 뭘 원하는지 명확하게 설명하는 것"입니다.제가 직접 써보니, 처음에는 짧고 모호하게 요청해서 원하지 않는 .. 2026. 4. 12.

티스토리툴바