반응형

분류 전체보기 46

[Claude Code 실전 정복 #6] 레거시 코드 리팩토링을 AI한테 맡겨봤더니 — 2,000줄짜리 파일이 이렇게 됐어요

cherryplan 프로젝트 초기 코드를 다시 열었을 때 솔직히 눈을 감고 싶었어요.2024년 초에 급하게 짠 utils.js 하나에 함수가 47개였어요. 인증 로직이랑 날짜 포맷팅이랑 API 호출 헬퍼가 전부 한 파일에 섞여 있었고, 주석은 "나중에 정리하자"라고 써놓은 채로 6개월이 지나 있었어요. 새 기능 붙일 때마다 "어디 있더라?" 검색하는 시간만 5~10분씩 나갔어요. 파일 하나 건드리면 연결된 다른 곳에서 터지는 것도 반복됐고요.리팩토링 해야 한다는 건 알았는데 타이밍을 못 잡고 있었어요. 이걸 어디서부터 건드려야 하는지 감이 안 잡히는 것도 있었고, 혼자 2,000줄 분석하고 재구성할 엄두가 안 났던 것도 솔직히 있어요.Claude Code한테 맡겨봤어요. 그냥 파일 던지고 "분석해줘"라고..

개발 실무 2026.05.16

Cursor 쓰다가 Claude Code로 갈아탄 7년차 개발자의 솔직 후기

설 연휴 직전이었어요. 갑자기 "설날 세뱃돈 게임 만들면 재밌겠다" 싶어서 Cursor 켰습니다. 바이브코딩 처음 도전하는 거라 기대 반 설렘 반이었는데 — 결과부터 말하면, 완성은 했어요. 근데 과정이 좀 험했습니다.Cursor가 제 의도를 물어보지 않고 그냥 자기 판단대로 코드를 짜버리는 거예요. "이 정도면 되겠지?" 하고 진행하다가 나중에 제가 "아 이건 아닌데" 하면서 롤백. 또 짜고, 또 롤백. 토큰은 토큰대로 날리고, 시간은 시간대로 날리고.seollal-game.vercel.app 설날 세배 타이밍 - 미니게임어른 마음에 딱 맞게 세배하면 세뱃돈을 받아요! 게이지가 중앙에 올 때 클릭하세요. 타이밍에 맞춰 절하기를 클릭하세요!seollal-game.vercel.app 에 올라간 결과물은 그..

개발 실무 2026.05.15

Claude에 MCP 연결하면 뭐가 달라지냐고요? 노션·피그마·구글캘린더 세팅 실전기

MCP 세팅하기 전에 저는 Claude랑 대화할 때마다 이런 걸 반복했어요."나 체리플랜이라는 1인 브랜드 운영 중이고, 티스토리 블로그랑 네이버 블로그 병행하고 있어. 오늘 쓸 글 주제는…" — 매번 컨텍스트를 처음부터 설명하는 거죠. 대화가 끊기면 또 처음부터. Claude는 이전 대화를 기억 못 하니까 매번 소개부터 해야 했어요.근데 MCP(Model Context Protocol) 연결하고 나서 달라졌어요. 이제 Claude가 제 노션 페이지를 직접 읽고, 구글 캘린더 일정을 확인하고, 피그마 파일에 접근해요. 제가 설명 안 해도 컨텍스트를 이미 알고 있는 거예요. 특히 claude.ai 앱에서 MCP 연결해두면 대화할 때 체감이 완전히 달라요.이번 글에서 제가 실제로 연결한 노션 + 피그마 + ..

개발 실무 2026.05.14

2026년 프론트엔드 개발자의 직무가 바뀌고 있어요 — 7년차가 체감한 변화

제가 처음 입사했던 7년 전에 JD(직무기술서)를 아직도 기억해요. "React 사용 경험자 우대", "REST API 연동 경험", "Git 사용 가능자". 이게 전부였어요. CSS 잘 짜고, 컴포넌트 잘 쪼개고, 상태 관리 잘 하면 됐어요. 그게 프론트엔드 개발자의 전부였고, 저도 그렇게 커리어를 쌓아왔어요.근데 올해 초에 이직 준비하는 주니어 개발자 친구한테 요즘 JD 캡처 몇 개를 받아봤어요. 읽다가 멈칫했어요. "Docker 기반 배포 경험 필수", "AWS 또는 Vercel 인프라 운영 경험", "CI/CD 파이프라인 구축 경험 우대"가 필수 항목에 들어가 있는 거예요. 예전엔 백엔드 JD에서나 보던 것들이었는데.7년 동안 프론트엔드만 했는데, 뭔가 판이 바뀌고 있다는 게 느껴졌어요. 그래서 ..

개발 실무 2026.05.13

2026년 5월 2주차 AI 업계 요약: Claude·Gemini·MCP, 뭐가 달라졌을까요?

📅 2026년 5월 2주차 | 체리플랜이 개발하면서 직접 챙겨본 AI 뉴스들저는 요즘 Claude Code를 거의 매일 써요. 주로 사이드 프로젝트에서 API 연결하거나 컴포넌트 리팩토링할 때 붙여두는데, 솔직히 말하면 이번 주 들어서 체감 속도가 달라졌어요. "엇, 뭔가 한도가 늘었나?" 싶어서 공식 채널 뒤져봤더니 진짜 바뀐 게 있더라고요. Claude만이 아니라 Gemini도, MCP 생태계도 이번 주에 굵직한 변화들이 생겼어요. 개발 입문자분들한테도 "이런 게 왜 중요한지" 최대한 쉽게 풀어볼게요.Claude / Anthropic — 이번 주에 유독 많이 터졌어요Claude Code 사용 한도가 두 배가 됐어요Anthropic이 SpaceX와 컴퓨팅 자원 계약을 체결했어요. SpaceX의 Col..

AI 정보 2026.05.12

[Claude Code 실전 정복 #5] 에러 메시지 붙여넣으면 알아서 고쳐주는 버그 수정 실전기 (2026)

시리즈: Claude Code 실전 정복 | 5편작성자: 체리플랜 | 7년차 프론트엔드 개발자이전 편: Claude Code로 React 컴포넌트 만들기 — AI Diary부터 Movie Log까지 [Claude Code 실전 정복 #4] Claude Code로 React 컴포넌트 만들기 — AI Diary부터 Movie Log까지 실전 (2026)시리즈: Claude Code 실전 정복 | 4편작성자: 체리플랜 | 7년차 프론트엔드 개발자1편: [설치 + 첫 실행]2편: [VS Code 연동 + 실전 워크플로우]3편: [CLAUDE.md 완전 정복]컴포넌트 하나 만들려고 디자인 고민cherrycoding0.tistory.com cherryplan 허브 프로젝트에서 Movie Log 미니앱 만들다가 이런..

개발 실무 2026.05.11

[Claude Code 실전 정복 #4] Claude Code로 React 컴포넌트 만들기 — AI Diary부터 Movie Log까지 실전 (2026)

시리즈: Claude Code 실전 정복 | 4편작성자: 체리플랜 | 7년차 프론트엔드 개발자1편: [설치 + 첫 실행]2편: [VS Code 연동 + 실전 워크플로우]3편: [CLAUDE.md 완전 정복]컴포넌트 하나 만들려고 디자인 고민하고, props 구조 잡고, 스타일 입히고 — 이게 생각보다 오래 걸리잖아요.저도 그랬어요. cherryplan 허브 프로젝트 시작할 때, 9개 미니앱을 다 만들어야 한다는 게 막막했어요. 앱 하나당 컴포넌트가 최소 3~5개는 나오는데, 45개 컴포넌트를 다 직접 처음부터 짜야 하면 언제 끝나나 싶었거든요.Claude Code 쓰고 나서 달라진 건 이거예요. 첫 컴포넌트 하나를 제대로 만들어서 디자인 시스템을 잡아두면, 나머지는 그 기준으로 쭉 만들어줘요. 색상, 폰..

개발 실무 2026.05.10

[Claude Code 실전 정복 #3] CLAUDE.md 완전 정복 — 설정 한 번으로 매 세션이 달라지는 이유 (2026)

시리즈: Claude Code 실전 정복 | 3편작성자: 체리플랜 | 7년차 프론트엔드 개발자1편: [Claude Code 설치부터 첫 실행까지]https://cherrycoding0.tistory.com/46 [Claude Code 실전 정복 #1] 설치부터 첫 실행까지 — 7년차 개발자가 겪은 진짜 과정 (2026)시리즈: Claude Code 실전 정복 | 1편작성자: 체리플랜 | 7년차 프론트엔드 개발자하루 종일 구글링해도 안 풀리던 문제가 터미널 한 줄로 해결됐어요.7년 동안 개발하면서 처음으로 "이건 진짜 혁명cherrycoding0.tistory.com2편: [VS Code 연동 + 실전 워크플로우]https://cherrycoding0.tistory.com/47 [Claude Code 실전..

개발 실무 2026.05.09

[Claude Code 실전 정복 #2] VS Code 연동 + 실전 워크플로우 — 7년차 개발자의 프롬프트 패턴 공개 (2026)

시리즈: Claude Code 실전 정복 | 2편작성자: 체리플랜 | 7년차 프론트엔드 개발자1편 보기: [Claude Code 설치부터 첫 실행까지]https://cherrycoding0.tistory.com/46 [Claude Code 실전 정복 #1] 설치부터 첫 실행까지 — 7년차 개발자가 겪은 진짜 과정 (2026)시리즈: Claude Code 실전 정복 | 1편작성자: 체리플랜 | 7년차 프론트엔드 개발자하루 종일 구글링해도 안 풀리던 문제가 터미널 한 줄로 해결됐어요.7년 동안 개발하면서 처음으로 "이건 진짜 혁명cherrycoding0.tistory.com Claude Code 설치했는데 어떻게 써야 할지 모르겠다는 분들 많아요.저도 그랬어요. 설치는 했는데, 터미널 열어놓고 뭘 물어봐야 ..

개발 실무 2026.05.08

[Claude Code 실전 정복 #1] 설치부터 첫 실행까지 — 7년차 개발자가 겪은 진짜 과정 (2026)

시리즈: Claude Code 실전 정복 | 1편작성자: 체리플랜 | 7년차 프론트엔드 개발자하루 종일 구글링해도 안 풀리던 문제가 터미널 한 줄로 해결됐어요.7년 동안 개발하면서 처음으로 "이건 진짜 혁명이다" 싶은 순간이었어요.Claude Code 쓰기 전에는 이랬어요. 에러 메시지 복사 → 구글 검색 → Stack Overflow 찾기 → 버전 다르다고 적용 안 됨 → 다시 검색 → 유튜브 튜토리얼 → 따라해도 안 됨 → 또 검색. 이 사이클을 하루에 몇 번씩 반복했어요.Claude Code 쓰면서 바뀐 건 단순해요. 지금 상황을 말로 설명하면 Claude가 프로젝트 파일을 직접 읽고, 원인을 찾고, 코드를 수정해요. 제가 구글링하던 시간이 그냥 없어졌어요.이번 편에서는 Claude Code 설치 ..

개발 실무 2026.05.07

LangGraph 콘텐츠 자동화 파이프라인 2편 — Railway 배포 + 실제 운영하면서 생긴 일들 (2026)

시리즈: LangGraph 콘텐츠 자동화 | 2편 이전 편:LangGraph로 콘텐츠 자동화 파이프라인 만들기 — 리서치부터 초안 발행까지 실전 코드 공개 LangGraph로 콘텐츠 자동화 파이프라인 만들기 — 리서치부터 초안 발행까지 실전 코드 공개매일 블로그 글 쓰는 게 힘드셨죠? 저도 그랬어요. 그래서 AI 에이전트한테 시켰습니다.1일 1포스팅. 말은 쉬운데, 실제로 유지하다 보면 한계가 와요.주제 잡고 → 자료 찾고 → 구조 잡고 → 글cherrycoding0.tistory.com 1편을 따라하다 보면 생기는 문제가 있어요."코드는 이해했는데, 이거 어떻게 자동으로 돌려요?"저도 처음엔 그게 문제였어요. 파이프라인 자체는 로컬에서 잘 돌아가는데, 결국 내가 터미널 열고 python main.py ..

개발 실무 2026.05.06

[ChatGPT 완전정복 #4] Few-shot 프롬프트 실전편 — "예시 3개가 설명 30줄보다 낫다" (2026)

시리즈: ChatGPT 완전정복 | 4편 / 25편 이전 편[ChatGPT 완전정복 #3] ChatGPT한테 논리적으로 생각시키는 법 — CoT 프롬프트 실전 [ChatGPT 완전정복 #3] ChatGPT한테 논리적으로 생각시키는 법 (2026) — 7년차 개발자의 CoT 프롬프트 실시리즈: ChatGPT 완전정복 | 3편 / 25편[ChatGPT 완전정복 #1] ChatGPT 거짓말 줄이는 방법 4가지 (2026) → https://cherrycoding0.tistory.com/24 [ChatGPT 완전정복 #1] ChatGPT 거짓말 줄이는 방법 4가지 (2026) — 7년차 개cherrycoding0.tistory.com 솔직히 제가 프롬프트 공부 꽤 했다고 생각했어요. CoT 쓰는 법도 알고, 역..

AI 정보 2026.05.05

ChatGPT랑 Claude가 갑자기 '만능 비서'가 된 이유 — MCP 입문 완전 정복

AI 코딩 도구 쓰시는 분들, 한 번쯤 이런 경험 있지 않나요?Claude한테 "우리 프로젝트 디렉토리 구조 보고 버그 찾아줘" 했더니"죄송하지만 저는 파일 시스템에 직접 접근할 수 없어요..."그 순간 느끼는 그 허탈감. 저도 수십 번 겪었어요.그런데 언제부턴가 달라졌어요.Cursor로 개발하다 보면 AI가 제 파일을 직접 열고, GitHub 이슈를 읽고, 터미널 명령어를 날리고 있더라고요."어? 이게 어떻게 가능하지?" 싶어서 파고들었더니 MCP라는 개념이 나왔어요.그날부터 저는 MCP 없이는 AI 코딩 도구를 못 쓰는 몸이 됐습니다.MCP, 이게 뭔데요?한 줄 정의: MCP(Model Context Protocol)는 AI 모델이 외부 툴·서비스·파일시스템 등과 표준화된 방식으로 소통할 수 있게 해..

AI 정보 2026.05.04

LangGraph로 콘텐츠 자동화 파이프라인 만들기 — 리서치부터 초안 발행까지 실전 코드 공개

매일 블로그 글 쓰는 게 힘드셨죠? 저도 그랬어요. 그래서 AI 에이전트한테 시켰습니다.1일 1포스팅. 말은 쉬운데, 실제로 유지하다 보면 한계가 와요.주제 잡고 → 자료 찾고 → 구조 잡고 → 글 쓰고 → 교정하고 → 발행하는 전 과정이 직장인 기준으로 하루에 2~3시간씩 잡아먹거든요. 개발 일도 하면서 블로그까지 유지하는 건 체력 싸움이에요.그래서 LangGraph로 콘텐츠 자동화 파이프라인을 만들었어요. 결론부터 말하면, 지금은 제가 하는 일이 딱 두 가지예요. "주제 입력" 과 "최종 편집 후 발행 버튼 누르기". 그 사이의 리서치, 구조 잡기, 초안 작성, 사실 확인은 에이전트가 알아서 해요.오늘은 그 파이프라인을 실제 코드와 함께 공개할게요.LangGraph가 뭔데요? — 핵심만 30초 요약이..

개발 실무 2026.05.03

AI 에이전트 시대 본격 개막 — "이제 AI가 알아서 일한다" (2026 개발자 실전 가이드)

Google Cloud, Microsoft가 공식 선언했어요. 2026년은 AI가 시키는 대로 하는 시대가 아니라, AI가 스스로 판단해서 처리하는 시대예요.솔직히 말하면, 처음엔 "AI 에이전트"가 그냥 마케팅 용어인 줄 알았어요.ChatGPT한테 질문하고 답 받는 거랑 뭐가 다른가 싶었거든요. 그런데 바이브코딩으로 콘텐츠 자동화 파이프라인을 만들다 보니 느낌이 달랐어요. AI가 단순히 "대답"하는 게 아니라, 도구를 직접 호출하고, 결과를 보고 다음 행동을 결정하고, 실패하면 다시 시도하는 걸 보면서 "아, 이게 에이전트구나" 싶었거든요.2026년 Google Cloud 공식 AI Agent 트렌드 리포트에 따르면, 2026년까지 기업 앱의 40% 이상에 AI 에이전트가 탑재될 거라고 해요. 2025..

AI 정보 2026.05.02
반응형