리하의 Devlog

2018년부터 시작해서 현재까지도 유지보수, 개발을 진행하고 있는 집반찬연구소 쇼핑몰 입니다.기능 개발, SEO, 통계, API 등 많은 작업을 진행하고 있습니다사이트명 : 집반찬연구소주요 작업 : PC, 모바일 웹 리뉴얼 및 개발 유지보수솔루션 : 고도몰 이나무4 독립형개발 환경 : LAMP (Linux + Apache + MySql + PHP)사이트주소 : https://www.zipbanchan.co.kr 집반찬 연구소는 "식사 준비하는데 얼마나 걸려요?" 라는 사소한 질문에서 시작된 반찬 연구소 입니다.50년 동안 식사 준비 시간만 6.25년이 걸리고 이러한 식사 준비 시간을 좀 더 행복한 곳에 사용할 수 있도록 하기 위해 만들어 졌다고 해요. 상세 작업 내역퍼블리싱백엔드 개발PC, 모바일 웹 리..

클로드 코드를 쓰기 시작한 지 9개월쯤 됐습니다. 처음 몇 달은 그냥 프롬프트만 주구장창 쳤습니다. 터미널에 요구사항 쓰고, 코드 나오면 확인하고, 또 쓰고. 그것만으로도 충분히 빨라서 만족했으니까요.문제는 세션이 길어질 때 생겼습니다. 대화가 쌓이면 답변이 점점 이상해지고, 엉뚱한 파일을 건드리기 시작하고, 어제 디버깅하던 컨텍스트가 오늘 기능 개발에 섞여 들어옵니다. 그때부터 슬래시 명령어를 하나씩 익혔는데, 결론부터 말하면 명령어를 아는 것과 모르는 것의 차이가 프롬프트를 잘 쓰는 것보다 큽니다.이 글은 클로드 코드 명령어를 사전식으로 나열하지 않습니다. 실제 작업 흐름 순서대로 프로젝트 세팅 -> 작업 중 -> 배포 전 -> 세션 사이 필요한 시점에 쓰는 명령어만 정리했습니다.명령어는 버전에 따라..

클로드 코드를 사용하면서 제일 궁금했던 게 바로 현재 내 토큰이 얼마나 남았는지가 궁금합니다.그래서 저는 항상 클로드 사이트의 사용량 페이지를 항시 띄워두고 자주 새로고침을 하며 확인을 했어요. 클로드 사이트에서 확인을 하는 것도 점점 귀찮아지면서 상단 바에 표시할 수 있는 코덱스 바 같은 위젯도 알아보며 많은 걸 사용해 봤어요. 하지만 그것도 역시 계속 클릭해서 확인해야 했고 단순 현재 세션의 사용량만을 계산하여 실제 남은 토큰 양과 다르게 나오는 경우가 많았습니다. (위젯 중에는 개인적으로 코덱스바가 정확하고 좋았어요!)그리고 컨텍스트 사용량이 표시되기는 하지만 이미 많이 차버린 경우에 표시해주기 때문에 미리 관리하기가 힘들었어요.컨텍스트 사용량 표시가 없다가 큰 작업 들어가기 초반에 갑자기 떠버리면..

클로드를 매일 쓰다 보면 한 번쯤 궁금해지는 게 있다. “내가 지금 토큰을 얼마나 쓰고 있지?”, “이러다 사용 제한에 걸려서 하던거 마무리 안되는거 아니야?” 특히 Claude Code로 작업하다 보면 5시간 안에 토큰이 훅훅 줄어드는 게 체감됩니다. 사용 환경에 따라 확인 방법이 다르기 때문에, API 사용자, Claude Code 사용자, claude.ai 웹/앱 사용자 세 가지로 나눠서 정리했습니다. ">1. API 사용자Anthropic API로 직접 호출하거나 “종량제(pay-as-you-go)”로 사용하는 경우, Claude Console의 Usage 페이지가 가장 정확합니다.👉 바로가기 : https://console.anthropic.com/settings/usage Console 왼..

터미널에 익숙한 개발자분들이라면 한 번쯤은 생각해 봤을 거예요."VS Code 안에 있는 AI 말고 터미널에서 바로 실행할 수 있는 건 없나?"저는 처음에 Chat GPT를 이용해서 오류를 복붙하며 사용하기 시작했어요.물론 그것도 너무 잘했는데 코드 조각만 보고 답변을 주는 거라 가끔 헤매는 경우도 있어서 프로젝트를 잘 이해해서 해줄 수는 없을까 생각했어요.그러던 중 터미널에서 사용할 수 있는 클로드 코드를 알게 되었고 사용하기 전부터 너무 기대감에 설레었던 거 같네요.그렇게 지난 6개월간 거의 모든 프로젝트의 주력 도구로 사용해왔습니다.물론 초기에는 내가 짠 코드를 망가트리지 않을까 하는 걱정에 소극적으로 사용했지만 지금은 많을 영역에 사용을 하고 있어요.Spring Boot + React 기반의 커머..

정규식을 시각적으로 표현해주는 사이트가 있습니다.https://regexper.comRegexperregexper.com예를 들어 이메일 패턴을 입력하면/^[0-9a-zA-Z]+@[0-9a-zA-Z]+[\.]{1}[0-9a-zA-Z]+[\.]?[0-9a-zA-Z]+$/ 이렇게 이미지로 보기좋게 표시해 준답니다.각 자리별로 어떤 문자를 허용하는지 이런 것들을 쉽게 확인하실 수 있어요생성된 이미지는 다운로드가 가능하답니다.정규식 궁금하신 분들은 한번 들어가서 사용해보세요😁