📢 코딩팩토리 스킨 배포합니다 — 다운로드 / 스킨 설명 / 사용법 안내 안녕하세요, 코딩팩토리입니다.열심히 준비해 온 코딩팩토리 스킨을 드디어 배포하게 되어 이렇게 공지글을 작성합니다. 🎉 저는 2017년부터 티스토리를 운영해오면서 늘 하나의 바람이 있었습니다.바로 “언젠가는 나만의 스킨을 만들어보자” 하는 것이었죠. 블로그를 운영하다 보면 글을 돋보이게 하면서도 광고 배치, 위젯 활용, 반응형, 디자인까지 모두 챙기고 싶은 순간이 많습니다. 하지만 현실은 늘 아쉬웠습니다. 깔끔한 구조와 가독성, 구글 SEO 최적화, 애드센스 수익 극대화, 그리고 빠른 로딩 속도까지 모두 만족시키는 스킨을 찾는 건 쉽지 않았기 때문입니다. 그래서 결국 직접 만들기로 했습니다. 수백 번의 테스트와 디자인 수정 끝에 완성된 결과물이 바로 이번 코딩팩토리 스킨입니다. 이 스킨은 단순히 보기 좋..

[바이브 코딩] 임산부 필수 정보 총정리 사이트(마마케어)를 만들었습니다! 곧 제 와이프가 출산을 앞두고 있습니다. 임신 기간 내내 옆에서 지켜보다 보니, 생각보다 챙겨야 할 정보가 정말 많더라고요. "지금 몇 주차야?", "이 시기에 엽산 계속 먹어야 해?", "단축근무는 언제부터 신청할 수 있어?", "국민행복카드 바우처 어디서 써?", "지원금은 어떤 거 받을 수 있고, 언제 신청해야 해?" 하는 질문들이 쏟아지는데, 찾아보면 정보가 여기저기 흩어져 있고 지역마다 정책도 조금씩 달라서 매번 찾아다니는 게 여간 번거로운 게 아니었어요. 그래서 직접 만들어봤습니다😂 임신 시기에 꼭 알아야 할 정보들을 한 곳에 모아 정리한 사이트인데요. 요즘은 Claude(클로드)와 같은 AI 바이브 코딩으로 이 정도 사이트는 뚝딱 만들 수 있거든요. 만삭의 몸으로 바쁜 시간 쪼개서 완성해준..

[블로그 리뉴얼] 📢 코딩팩토리 자체 스킨을 만들었습니다. 저만의 블로그 스킨을 적용했습니다. 안녕하세요. 코딩팩토리입니다😊 오늘은 새로운 블로그 스킨 적용 소식을 전해드리려고 합니다. 이번에 적용한 스킨은 제가 직접 HTML, CSS, JS를 설계하고 제작한 100% 커스텀 스킨입니다. 디자인부터 레이아웃, 세부 UI/UX까지 모두 제가 원하는 방향으로 구현했으며, 기존에 사용해 왔던 여러 티스토리 스킨에서 느꼈던 단점은 보완하고, 장점만 최대한 살렸습니다. 사실 티스토리 스킨을 직접 만들어보고 싶다는 생각은 예전부터 있었습니다. 웹 개발자로 일하면서 늘 다른 사람이 만든 스킨을 사용한다는 점이 마음 한편에 걸렸거든요. 그 계기가 된 것이 바로 JB-FACTORY의 JB SKIN 167입니다. 2018년 12월부터 지금까지 사용해 온 유료 스킨으로, 5만 ..

[블로그] 와디즈 펀딩을 시작합니다 - 블로그로 제 2의 월급 만들기! 최소한의 스트레스로 운영하는 법 안녕하세요 코딩팩토리입니다. 와디즈에서 티스토리를 주제로 펀딩을 오픈하게 되어 홍보차 이 글을 작성합니다. 리워드는 전자책과 강의 두 가지 카테고리로 구성되어 있습니다. 강의는 너무 많은 사람들이 몰리면 부담스럽지만 이왕이면 책은 많이 팔렸으면 좋겠습니다. 전자책만큼은 정말 정성껏 만들었습니다. 작년 6월부터 매일 퇴근 후 저녁, 그리고 주말 집 앞에 있는 카페를 매일 드나들며 책의 퀄리티를 높이기 위해 노력하였습니다. 책을 작성하며 남들은 어떻게 전자책을 작성했는지 궁금하여 크몽에서 팔리고 있는 전자책도 몇 권 사보았으나 후기가 좋은 책들도 제가 보기에는 제 책의 퀄리티가 훨씬 높다고 생각하고 더 나아가 제가 만든 이 책이 지금까지 시중에 풀려있는 그 어떤 전자책보다도 정보의 질과 양 모두 최고라고 확..

[블로그] 2025년을 돌아보며 – 연말 회고록 안녕하세요, 코딩팩토리입니다. 다사다난했던 2025년이 끝나고, 2026년을 맞이하는 새해 첫 날에 작년 한 해를 돌아보며 이 글을 작성합니다. 2025년은 별점을 줄 수 있다면 5점 만점을 주고 싶을 정도로, 제 인생에서 꽤 의미 있는 한 해였다고 생각합니다. 특별히 뭔가 대단한 일을 해냈다기보다는, 2024년에 세워두었던 계획들이 하나둘 마무리되었던 해였기 때문입니다. 티스토리 스킨을 완성했습니다.2024년의 가장 큰 목표 중 하나는 “내가 직접 만든 티스토리 스킨을 완성해보자” 였습니다. 그동안 바쁘다는 핑계로 미뤄두고 있던 스킨을 다시 꺼내 구조를 처음부터 정리하고, 모바일·PC 반응형도 하나하나 손보면서 결국 제가 만족할 만한 스킨을 완성할 수 있었습니다. 그리고 조심스럽게 크몽에 올려봤는데요...

[블로그] 2024년도 블로그 결산 - 다양한 플랫폼에서 글을 쓰려고 합니다. 안녕하세요, 코딩팩토리입니다. 어느새 2024년이 저물고, 또 한 해를 돌아보는 글을 작성하게 되었습니다. 이번 해는 티스토리 블로그의 하락이 두드러졌던 해였지만, 제 인생에서는 한 단계 도약했던 의미있는 1년이었다고 생각합니다. 블로그의 변화와 방향성2023년에 이어 2024년에도 제 티스토리 블로그의 하락 추세는 계속되었습니다. 하락의 주요 원인은 챗GPT와 같은 AI의 등장입니다. 사람들이 코딩 관련 내용을 검색 포털이 아닌 AI로 옮겨가면서, 저와 같은 코딩 카테고리의 티스토리 블로그들은 살아남기 어려운 현실이라고 생각합니다. 그래서 저는 코딩 중심으로 쓰고 있었던 글의 카테고리를 더욱 확장하여 앞으로는 다양한 플랫폼에서 다양한 주제로 글을 쓰려고 합니다. 앞으로는 세 가지 플랫폼에서 각기 다른 ..

[Claude Code] 클로드 코드 내장 슬래시(/) 명령어 모음집 클로드 코드를 사용하다 보면 /로 시작하는 다양한 내장 명령어들을 만나게 됩니다. 처음엔 낯설게 느껴질 수 있지만, 자주 쓰는 몇 가지만 익혀두면 작업 흐름이 훨씬 편해집니다. 오늘은 클로드 코드 공식 문서를 기준으로 클로드 코드 내장 명령어들을 정리해보겠습니다. 📍 공식 문서에서 명령어 목록 확인하는 방법아래에 링크된 클로드 코드 공식 문서에 들어가보시면 현재 클로드 코드에 내장된 모든 / 명령어를 확인할 수 있어요. 문서가 계속 업데이트되는 편이라, 헷갈릴 때마다 한 번씩 들러서 확인해보는 습관을 들이면 좋습니다.https://code.claude.com/docs/en/commands Commands - Claude Code DocsComplete reference for commands avail..

[Claude Code] 클로드 코드 확장 사고 모드(Extended Thinking)란 무엇인가? (ultrathink) 이번 포스팅에서는 클로드 코드(Claude Code)의 확장 사고 모드(Extended Thinking)에 대해 정리해보겠습니다. 이 기능은 클로드가 답변하기 전에 내부적으로 더 깊이 추론하는 기능인데, 활성화 방법과 프롬프트 키워드, 그리고 최근 바뀐 부분까지 함께 정리해볼게요. 확장 사고 모드란?확장 사고 모드는 클로드가 프롬프트를 받자마자 바로 답하지 않고, 내부적으로 여러 접근법을 검토한 뒤 답변을 내놓는 기능입니다. 그러면 조금 더 고차원적인 답변을 내놓을 확률이 높겠죠? 현재는 기본적으로 활성화되어 있습니다만 그만큼 토큰을 더 많이 소모하기 때문에, 토큰이 부족한 상황이라면 끄고 쓰는 게 나을 때도 있습니다. 확장 사고 모드 켜고 끄기클로드 터미널에서 "/config" 명령어를 입력하여 con..

[Claude Code] 클로드 코드 플랜모드에서 '대화형 질문'으로 더 정확하게 작업 지시하기 오늘은 클로드 코드(Claude Code)에 새롭게 추가된 대화형 질문(Interactive Questions) 기능을 소개해드리려고 합니다. 클로드 코드가 사용자의 요청을 더 정확하게 이해하고, 불필요한 추측 없이 작업을 수행할 수 있도록 도와주는 기능인데요. 실제 사용 흐름을 따라가며 어떤 점이 편리해졌는지 정리해보겠습니다. 어떤 기능인가요?기존에는 클로드 코드에 다소 추상적인 요청을 하면, 클로드가 나름의 판단으로 세부 사항을 추측해서 작업을 진행하는 경우가 많았습니다. 현재 챗GPT나 제미나이는 이런 방식으로 동작하고 있는데요. 하지만 이 경우 AI가 알아서 작업하기에 원하는 방향과 다르게 결과물이 나오면 다시 프롬프트를 수정해야 하는 번거로움이 있었죠. 이번에 추가된 대화형 질문 기능은 이런 문..

[Claude Code] 클로드 코드 권한 모드 정리 - 디폴트, 엑셉트 에딧, 플랜 모드, 바이패스 모드 오늘은 클로드 코드가 클로드 코드를 권한 모드(Permission Mode) 기본적으로 어떻게 행동할지를 결정하는 네 가지 권한 모드를 하나씩 자세히 정리해보려고 합니다. 이전에 다뤘던 "특정 도구나 명령어에 대한 개별 권한 설정"과는 다른 개념인데요, 특히 실무에서 가장 유용하게 쓰이는 플랜 모드(Plan Mode)는 꼭 이해하고 넘어가시는 걸 추천드려요. 개별 권한 설정 vs 권한 모드, 뭐가 다를까?먼저 헷갈리기 쉬운 개념부터 정리하고 넘어가겠습니다. 개별 권한 설정은 "이 도구를 써도 되는지", "이 명령어를 실행해도 되는지"를 하나하나 규칙으로 지정하는 것을 말합니다. 예를 들어 특정 bash 명령어는 항상 허용하고, 특정 파일 삭제 명령어는 항상 차단하는 식의 세밀한 규칙이죠. 반면 권한 ..

[Claude Code] 클로드 코드 권한 관리 - /permissions로 AI에게 뭘 시킬지 내가 정하기 Claude Code를 쓰다 보면 이런 경험, 다들 있으시지 않나요? npm install 실행하려고 하니 "허용할까요?" 팝업이 뜬다허용 눌렀더니 이번엔 npm test 돌리겠다고 또 팝업이 뜬다.작업 하나 끝내는 동안 "Allow" 버튼을 열 번도 넘게 누른다그러다 결국 참지 못하고 --dangerously-skip-permissions 같은 옵션으로 죄다 우회해버리는데, 막상 그렇게 켜두면 "혹시 얘가 이상한 명령어 실행하면 어쩌지" 하는 불안감이 또 스멀스멀 올라오기도 합니다. 이번 포스팅에서는 Claude Code의 권한(permission) 시스템이 어떻게 동작하는지, 그리고 /permissions 명령어와 settings.json 설정으로 어떻게 "이건 자동으로 허용, 이건 무조건 물어보기,..

[Claude Code] 클로드 코드는 어떤 에디터를 사용해야 할까? (VS Code, Cursor, Antigravity) 클로드 코드에 관련해서 꼭 한번씩 듣는 질문이 있어요. "커서(Cursor)를 써야 할까요?" "VS Code가 더 낫나요?" "안티그래비티(Antigravity), 인텔리제이(IntelliJ)"로 클로드 코드를 사용하면 안되나요?" 이런 에디터에 관련된 질문들을 많이 받는데요. 오늘은 이 질문에 대한 답과 함께, 코드 에디터들의 관계를 한번 정리해봤습니다. 결론부터: 뭘 써도 상관없다결론부터 말씀드리자면 VS Code, Cursor, Antigravity, IntelliJ, 심지어 그냥 터미널까지 — 아무거나 사용해도 됩니다. 이유는 클로드 코드가 애초에 "에디터 위에서 돌아가는 기능"이 아니라 터미널에서 실행되는 독립적인 AI 코딩 도구이기 때문입니다. 💡 핵심 포인트터미널을 열고 claude 명령..

[Claude Code] 클로드 코드 토큰 절약하는 10가지 방법(토큰 사용량 줄이기) 매달 정해진 토큰(사용량) 안에서 클로드코드를 쓰다 보면, 정작 중요한 작업 전에 토큰이 바닥나서 당황했던 경험 다들 한 번쯤 해보셨을 텐데요. 개인적인 생각에 클로드 코드는 토큰을 낭비하는(?) 방식으로 점차 진화하고 있는것 같아요. 이렇게 해서 돈을 더 벌려고 하는 엔트로픽의 목적일까요..? 하지만 방법은 있습니다. 알고 보면 대화창을 어떻게 관리하느냐에 따라 같은 작업을 하고도 쓰는 토큰량이 꽤 차이가 나는데요. 오늘은 공식 문서를 바탕으로, 클로드코드에서 토큰을 아껴 쓰는 실전 방법들을 정리해봤습니다. 클로드코드(Claude Code) 토큰 절약하는 법 — 실전 팁 정리 1. 컨텍스트는 쌓아두지 말고 그때그때 비우기클로드코드는 대화(세션) 안의 모든 맥락을 매 요청마다 다시 API로 보내는 구..

[Claude Code] 클로드 코드 배우기 전 알아야 할 터미널 기본 명령어 정리 (Windows/Mac) 클로드 코드(Claude Code)는 터미널 기반으로 동작하는 AI 코딩 도구예요. 클로드 코드를 사용할때 터미널 기본기를 다져두면 훨씬 수월하게 클로드 코드를 사용할 수 있는데요. 특히 개발 경험이 없는 분들은 검은 화면에 텍스트 명령어만 봐도 지레 겁부터 먹기 쉬운데 알고 보면 몇 가지 명령어만 손에 익히면 되는 아주 간단한 도구입니다. 이번 포스팅에서는 터미널이 뭔지, 왜 배워야 하는지, 그리고 Windows·Mac에서 각각 어떻게 쓰는지 정리해봤습니다. 터미널이란 무엇인가 평소 우리는 컴퓨터를 어떻게 사용하나요? 마우스로 폴더를 더블클릭해서 열고, 우클릭 메뉴로 새 폴더를 만들고, 필요한 폴더 안으로 다시 이동하는 식으로 사용합니다. 이렇게 그림(아이콘)과 마우스를 이용해서 컴퓨터를 다루는 방..

[Claude] 클로드 요금제 추천 - 나에게 맞는 플랜 고르는 법 클로드(Claude)를 써보려는데 요금제가 여러 개라 뭘 골라야 할지 헷갈리는 분들 많으실 텐데요. 이번 글에서는 클로드의 각 요금제가 뭐가 다른지, 그리고 어떤 사용 패턴에 어떤 플랜이 맞는지 정리해봤습니다. 요금제 한눈에 보기※ 가격은 세금 별도이며 Anthropic 정책에 따라 변경될 수 있습니다. 먼저 알아두면 좋은 것들웹·앱 채팅, 클로드 코드, Claude Cowork 등 모든 사용량은 하나의 풀을 공유합니다. 즉 채팅을 많이 쓴 날은 코드 작업에 쓸 수 있는 한도도 함께 줄어듭니다.사용 한도는 5시간 단위로 롤링 초기화되고, 유료 플랜에는 주간 한도도 추가로 걸려 있습니다.Max의 "5배/20배"는 정확한 메시지 개수가 아니라 Pro 대비 상대적인 배수입니다. 대화 길이, 사용하는 모델, 기..

[Claude Code] 클로드 코드 설치 / 다운로드 및 초기설정(for window) + 간단한 사용법 요즘 개발자들 사이에서 가장 많이 언급되는 AI 도구 중 하나가 바로 클로드 코드(Claude Code)인데요. 클로드 코드는 터미널에서 실행되는 AI 코딩 에이전트로, 단순히 코드를 추천해주는 걸 넘어서 프로젝트 폴더 안의 파일을 직접 읽고 수정하고 새로 만들어주는 도구입니다. 이번 글에서는 윈도우 기준으로 설치부터 초기 설정, 그리고 간단한 사용법까지 한 번에 정리해 봤습니다. ※ 클로드 코드 공식문서를 확인하시려면 아래 링크를 참고해 주세요.https://code.claude.com/docs/ko/overview 개요 - Claude Code DocsClaude Code는 코드베이스를 읽고, 파일을 편집하고, 명령을 실행하고, 개발 도구와 통합하는 에이전트 코딩 도구입니다. 터미널, IDE, 데스크..