본문 바로가기

전체 글286

Claude Skills 을 활용한 Codex 코드 리뷰 Claude Code Skills + Codex CLI 목적 : AI 코드 리뷰 자동화, 토큰 효율 극대화 Claude Skills Agent Skills - Claude DocsCreate, manage, and share Skills to extend Claude's capabilities in Claude Code.docs.claude.com 왜 Skill를 사용했나?문제 상황개발자: "이 커밋 리뷰 좀 해줘"Claude: *수백 줄 파일 읽기* → *분석* → *제안*결과: 수만 토큰 소비, 긴 대기 시간 해결 방법개발자: "코덱스로 리뷰해줘"Claude: *Codex CLI 실행* → *백그라운드 대기*Codex: *독립적으로 분석* → *결과만 전달*결과: 수백 토큰만 소비, 병렬 작업 가.. 2025. 10. 25.
선택과 책임의 연속인 개발 생활 : 소프트웨어 개발 원칙들 : 하나의 프로젝트가 하나의 회사가 되기까지 최근 참여한 프로젝트에서 현재 상황에 어떤 개발 방식이 나은지 Claude와 대화했습니다.그 답변 중에 "YAGNI 원칙"이라는 게 나왔는데, 처음 보는 용어여서 "YAGNI 원칙"에 대해 알아봤습니다.YAGNI(You Aren't Gonna Need It) — "지금 필요하지 않은 기능은 미리 구현하지 말라"는 원칙. 이 원칙이 개발생활에 줄곧 들어온 "재활용성과 확장성을 고려한 %*#@*%_"과 모순되는 게 아닌지라는 생각이 들더라고요. 문득 머릿속에 떠오른 건 3년 전 경험이었습니다.# 소프트웨어 개발 원칙들1. YAGNI (You Aren't Gonna Need It)의미: 지금 필요하지 않은 기능은 미리 구현하지 말라목표: 미래의 필요에 대한 예측보.. 2025. 8. 9.
CSS 문법 뒤엔 자료구조가 있다 : 브라우저가 CSS를 해석하는 방식 CSS를 작성하다 보면 마치 "키-값" 쌍으로 데이터를 어딘가에 넘겨주는 듯한 느낌이 든다.payload를 post에 태워보내 듯.정말 CSS는 그런 식으로 동작하는 걸까?브라우저는 이 선언형 언어를 어떻게 해석하고, 어떤 흐름으로 사용자 화면에 렌더링하는 건지 궁금해졌다.1. CSS는 선언형이자 "맵" 기반 구조CSS는 기본적으로 속성: 값 형태의 선언적 문법을 갖고 있다이는 내부적으로도 마치 자바스크립트 객체나 JSON처럼 "맵(Map) 구조"로 처리된다 .box { color: red; font-size: 16px;} → 내부 구조는 다음처럼 해석된다{ "color": "red", "font-size": "16px"} 2. CSS는 어떻게 브라우저에.. 2025. 7. 26.
[Cursor]현재 작업 중인 파일 위치에 포커스 주는 법 📍Cursor (VS Code)에서 현재 작업 파일(탭)을 왼쪽 사이드 바(파일리스트)에서 선택 상태로 설정하는 법[IntelliJ] 현재 작업 중인 파일 위치에 포커스 주는 법(webstorm, phpstorm 등)지난 인텔리제이 세팅에 이어 이번엔 다른 팀원분이 "현재 작업 파일을 왼쪽에서 선택되어 보이게 하고 싶은데 안된다"는 문의가 있어서 찾아봤습니다.IDE는 초기에 세팅하면 그상태로 쭉 쓰게 되니, 새로운 IDE를 설치하고 사용할 때 기존의 세팅값과 다른 경우가 꽤 있는 듯합니다. Cursor도 결국 VScode 기반이라 세팅도 VScode처럼 해주면 되는데요. 1. VS Code 상단 메뉴 → Preferences → VS Code Settings(단축키: ⌘, 또는 Ctrl+,) 2.. 2025. 7. 12.
[Webstorm] px을 rem으로 바꾸는 플러그인 px2rem : px을 rem으로 바꾸는 플러그인 1. px2rem 설치 2. root 폰트 사이즈 지정 3. px단위 입력한 소스에서 단축키 option(⌥) + d 치면 자동으로 변환됨 px2rem - IntelliJ IDEs Plugin | Marketplacethis is a tool of converting px to rem/vw/vh in a css/less file by a few settings. there are three ways to convert: short-cut key, code intention, code completion. you...plugins.jetbrains.com 이 플러그인은 그로스로그의 한 프로젝트를 하면서 갓예승님이 알려주신 플러그인인데 실제 업.. 2025. 7. 12.
2024.07 뭔가 기록해둬야할 것 같은 요즘 : AI의 시대 뭔지 모르겠는데 기록해둬야 할 것 같은 기분.큰 변화가 생길 땐 오히려 더 고요한 느낌이 드는데 요즘 그렇습니다.생각들이 그때그때 조각조각 나있는데 미래의 나에게 도움이 될 것 같아 기록해 봅니다. 1. ChatGPT를 업무에 적극활용한 지 1년이 되어갑니다.그 외 deepseek, perplexity 등은 나오는 데로 찍먹 했지만 깊은 활용까지는 아니었는데요. ChatGPT는 업무를 넘어서 일상까지 함께하는 용도라 나쁘지 않게 사용하고 있습니다.사주, 인간관계 상담 이런 것. 🫢기승전 "너같은 사람 드물어!💞"최근엔 사용빈도가 낮아져서 구독해지를 고민 중입니다. 2. 그럼에도 결단을 내릴 수 없는 게 최근 메일이 하나 왔는데요.최근 OpenAI에서 장애가 났었나 보더라고요. (사용하지 않을 .. 2025. 7. 12.
URL에 물음표가 왜 붙어요? <form>의 기본 1. 문제 : 동료에게 "이 url에 물음표가 왜 붙어요?"라는 질문을 받았다# 예시http://localhost:3000/login? 해당 결과에 따로 router.push('?')나 query string 처리를 두지 않았기 때문에 ?가 붙는 이유를 알 수 없었다. 예시 { handleLogin() }}> LOGIN const handleLogin = async () => { const data: any = await fetchLogin({ userId, email }); if (data?.status === 200) { localStorage.setItem("accessToken", data?.data?.accessToken); window.location.reload(); //.. 2025. 6. 28.

티스토리툴바