25.08.20 / JUN
이번 포스트에서는 바이브코딩 도구인 커서(Cursor AI)를 이용해서 구글 뉴스 컬렉션 중 테크뉴스를 추천하는 기능을 구현하는 방법을 소개합니다.
P1. 커서 바이브코딩 실무활용 튜토리얼 영상
P2. 바이브코딩 구현 결과물: 워드프레스 플러그인 (v0.6)
저의 테크뉴스 모음: 구글 컬렉션 링크
https://www.google.com/collections/s/list/yFbKlgObHIwHLGkBqmiCJYeXavXSpQ/a8FONifnfsU
현재 버전 v0.6은 뉴스 수집기능은 성공적으로 구현됐지만 너무 작은 폰트 크기 등은 추후 개선이 필요합니다. 다음 바이브코딩에서 개선해야겠네요.
주성엔지니어링, 세계 최초 원자층성장 장비 출하
반도체·디스플레이·태양광 장비 기업 주성엔지니어링은 세계 최초로 원자층성장(ALG) 반도체 제조장비를 글로벌 반도체 기업에 공급한다고 18일 밝혔다.기존 반도체 공정은 회로를 수 나노미터(nm) 단위까지 줄이는 방향으로 발전해 왔다. 그러나 미세화 공정이 점차 한계를 맞고...
헬스장 최소한으로 가고 최대한으로 좋은 체력과 몸 유지하는 비법 5
현실은 냉혹하다. 야근과 체력 고갈로 헬스장에 매일 가는 건 미션 임파서블급. 매일 운동하지 않는 사람들은 어떻게 운동 스케줄을 짜야 할까?헬스장에 다닌다고 하면 꼭 듣는 말이 있다. '몇 분할로 하세요?” 2분할, 3분할, 5분할. 마치 운동에도 공식이 있는 것처럼 들린다. 현실은 다
크롬용 번역기 확장 프로그램을 제작했습니다!! | GeekNews
깃허브 링크: https://github.com/Meapri/EdgeTranslate-v3크롬 웹스토어 링크: https://chromewebstore.google.com/detail/edge-translate/…첫 개인 프로젝트로 번역기 확장 프로그램을 제작하여 크롬 웹스토어에 업로드 하였습니다!이 확장은 원본 오픈소스가 유지보수가 안되어 크
Amazon 직원들, AI 사용 압박에 불필요한 작업을 만들어 AI 토큰 소비량을 부풀리는 | GeekNews
Amazon이 직원들의 AI 토큰 소비량을 추적하면서, 일부 직원들이 내부 AI 도구 MeshClaw를 활용해 불필요한 AI 에이전트를 생성하는 방식으로 사용량을 인위적으로 늘리고 있음직원들은 AI 토큰 소비량 추적이 품질보다 사용량을 앞세우는 분위기를 만들었다고 보며, 이에 따라 역인센티브 구조 발생Amazon 측은 회사 차원의 AI 사용 지표나 내부 리
Github 19만스타에 빛나는 Claude Code 플러그인 Superpowers 사용기 | GeekNews
AI 코딩 도구의 가장 큰 문제는 기획 없이 폭주한다는 것단순히 '메모앱 만들어'라고 요청하면 사용자의 의도를 무시하고 기획에 없던 기능까지 추가하곤 함이 문제를 해결하기 위해 등장한 것이 Claude Code 플러그인 Superpowers현재 188,000개 이상의 깃허브 스타를 받고 있는 이 도구는 코딩 전에 기획 단계를 강제Superpowers의 핵심
AI 분야의 다음 최대 해자는 "조직"이다 | GeekNews
AI 업계에서 제품, 워크플로, 기술적 우위가 빠르게 수렴하고 복제 가능해지면서, 기업의 조직 구조 자체가 가장 강력한 경쟁 해자로 부상위대한 기업은 단순히 뛰어난 인재가 모이는 곳이 아니라, 특정 유형의 인재가 비로소 자신을 표현할 수 있게 해주는 조직적 발명품최고의 기업은 보상이 아닌 정체성 경쟁을 통해 인재를 확보하며, 특별함·운명감·소속감·증명 욕구
P3. 이번 바이브코딩 프로세스 요약
1. 아이디어 메모 단계
- 핵심 메시지: “필요한 기능은 불편함 속에서 나온다”
- 기존 뉴스 소비 과정에서 불편한 점 정리
- 아이디어를 짧게 메모 → 기능 요구사항으로 변환
- 예시: “구글 컬렉션을 자동으로 불러와 블로그에 게시”
- 비주얼 제안:
- 메모장 아이콘 ✏️
- 불편함 → 아이디어 → 구현 흐름 다이어그램
2. 커서 프롬프트 작성 및 실행
- 핵심 메시지: “커서와 대화하며 코드로 바꾸기”
- 구상한 아이디어를 자연어 프롬프트로 작성
- Cursor 편집기에 붙여넣고 실행
- 챗GPT 스타일 답변을 통해 요구사항 검증
- 비주얼 제안:
- 프롬프트 입력창 💬
- 코드 자동 생성 아이콘 ⚙️
3. 빌드 시작과 진행
- 핵심 메시지: “커서가 확인하고, 자동으로 빌드한다”
- 커서가 요구사항을 재확인 후 빌드 시작
- 이번 빌드 소요시간: 약 15분
- 사용자 개입은 최소, 결과는 자동 생성
- 비주얼 제안:
- 진행바(Progress bar)
- 로딩 아이콘 ⏳
4. 배포 및 설치
- 핵심 메시지: “다양한 플랫폼으로 배포 가능”
- 배포 타겟:
- 모바일 앱 📱
- 웹앱 🌐
- 노션 📒
- 워드프레스 플러그인 🔌 (실습 예시)
- 실습에서는 블로그용 워드프레스 플러그인으로 설치
- 비주얼 제안:
- 플랫폼 로고 나열
- 배포 화살표 → 워드프레스
5. 결과 확인과 개선
- 핵심 메시지: “한 번에 성공! 하지만 개선은 계속된다”
- 첫 빌드 성공 🎉
- 지난번 Kiro 사용 때 실패 → 이번엔 Cursor로 성공
- 개선 포인트: 작은 폰트 크기, UI 최적화 필요
- 비주얼 제안:
- 성공 화면 캡처 🎯
- 체크리스트 아이콘 ✔️
이번 포스트를 읽어주셔서 감사합니다. / 첫 포스팅: 25.08.20 / 포스트 문의: JUN (naebon@naver.com)
