본문 바로가기

분류 전체보기190

OpenAI 하네스 엔지니어링 1. 도입부: 이 팀은 무슨 실험을 했나글 첫머리에서 저자는, 팀이 수동으로 코드 한 줄도 쓰지 않고 소프트웨어 제품의 내부 베타를 구축·출시하는 실험을 했다고 말한다. 그 제품은 실제 내부 일일 사용자와 외부 알파 테스터가 있었고, 출시·배포·장애·수리까지 다 겪었다고 한다.애플리케이션 로직, 테스트, CI 구성, 문서, 관측 가능성, 내부 툴링까지 모든 코드 라인을 Codex가 작성했다고 한다. 작성 속도는 사람이 직접 썼을 때보다 대략 10분의 1 시간 정도였다고 추정해.2. “사람이 조정하고, 에이전트가 수행”저자는 팀의 목표가 단순히 AI로 코드 조금 써보는 게 아니라, 엔지니어링 속도를 몇 배 높일 수 있는 방식을 찾는 것이었다고 말한다. 그러려면 소프트웨어 엔지니어의 주된 업무가 더 이상 코.. 2026. 4. 27.
Anthropic 장기 실행 애플리케이션 개발을 위한 Harness 설계 핵심 목표에이전트 코딩의 최전선에서 성능을 좌우하는 핵심은 하네스 설계입니다. 여기서는 클로드를 활용하여 프런트엔드 설계와 장기 실행 자율 소프트웨어 엔지니어링 분야에서 성능을 더욱 향상시킨 방법을 소개합니다.지난 몇 달 동안 저는 서로 연결된 두 가지 문제에 집중해 왔습니다. 하나는 Claude가 고품질의 프론트엔드 디자인을 생성하도록 만드는 것이고, 다른 하나는 사람의 개입 없이 완전한 애플리케이션을 구축하도록 하는 것입니다. 이 작업은 초기 프론트엔드 디자인 역량 개선과 장시간 실행되는 코딩 에이전트 환경(harness)에 대한 연구에서 출발했습니다. 동료들과 함께 프롬프트 엔지니어링과 하니스 설계를 통해 Claude의 성능을 기본 수준보다 크게 향상시킬 수 있었지만, 결국 두 영역 모두에서 한계에.. 2026. 4. 27.
코드 한줄 작성하지 않고 하네스 엔지니어링으로 출시하기 들어가며이 글은 3년간 안드로이드 개발자로 근무했던 내가 2026년 6월 말 출시 예정인 AI 콘텐츠 플랫폼 'imAI'의 프론트엔드 Web 개발을 맡게 되면서, 하네스 엔지니어링(Harness Engineering) 방식으로 1개월간 개발을 진행하며 정리한 기록이다.1부. 하네스 엔지니어링 도입 배경1. 하네스 엔지니어링을 시작하게 된 사연팀 이전 이후, 나는 PM 1명, 백엔드 1명과 함께 AI 콘텐츠 플랫폼 'imAI'를 빠르게 출시하라는 미션을 받았다.문제는 디자인이었다. 디자인팀의 다른 업무 일정과 겹쳐, 디자이너는 출시 직전에야 합류하기로 협의된 상태였다. 그래서 팀 내에서 경력이 가장 많은 내가 리드를 맡아 플랫폼 개발을 끌고 가야 했다.1-1. 당시 상황당시 우리 팀이 처한 상황은 다음과 .. 2026. 4. 26.
[Virgin road] Vite Proxy와 CORS 문제 해결 Vite 개발 서버에서 백엔드 API를 호출할 때 Invalid CORS request 에러가 발생했다.vite.config.ts에 proxy 설정을 했음에도 불구하고 CORS 에러가 났다.CORS란?CORS(Cross-Origin Resource Sharing)는 브라우저 전용 보안 정책이다.브라우저는 HTTP 요청을 보낼 때 Origin 헤더를 자동으로 붙인다.Origin: http://localhost:5173서버는 이 Origin을 보고 허용된 출처인지 판단한다.http://localhost:5173 → 허용 목록에 없음 → CORS 거부https://virginroad.store → 자기 자신 → 허용중요한 점은 CORS는 브라우저에서만 적용된다. Android/iOS 앱이나 curl, Post.. 2026. 3. 16.
[Virgin road] React Bits 의 Ballpit 코드를 수정해보자. 결혼 축하 편지를 남기는 플랫폼이다. 방 페이지에서 하객들이 작성한 편지마다 그들의 이름이 새겨진 공이 둥실둥실 떠다니는 모습을 보여주고 싶었다. 마치 축제의 풍선처럼, 행복한 순간들이 공중을 떠다니는 느낌을 표현하기 위해서죠.이를 구현하기 위해 오픈소스로 공개된 Three.js 기반의 물리 시뮬레이션 Ballpit 컴포넌트(링크)를 활용했다. 하지만 그대로 적용하기엔 여러가지 문제가 있었다. 1. 공에 편지 작성자 이름 추가2. 이벤트 리스너 메모리 누수3. W 클래스 (물리 엔진) - Vector3 객체 풀링4. Z 클래스 (InstancedMesh) - NDC 연산 버퍼 사전할당5. maxBoundary 중복 계산 제거 이 글에서는 이 문제들을 어떻게 해결했는지, 그리고 추가로 진행한 최적화 작업들.. 2026. 3. 9.
리엑트로 PDF 를 만들어보자 현재 개발하고 있는 서비스 버진로드 는 2026. 3. 9.
React 프로젝트 와 API 구조 구성 (feat. 환경변수 Mock 사용법) 이 글에서는 API 스펙을 받았지만, 실제 서버가 개발되지 않았을 때 쉽게 전환 할 수 있는 구조를 실제 프로젝트(Virgin Road)를 기반으로 설명한다.문제 상황API 문서는 완성 되었지만 구현을 안되었을때전체 구조도1. 타입 정의API에서 정의한 타입을 미리 작성해 둔다.src/types/room.tsexport type Recipient = 'GROOM' | 'BRIDE' | 'BOTH';export interface LetterSummary { writerName: string; recipient: Recipient;}export interface Room { roomCode: string; groomFirstName: string; groomLastName: string; brid.. 2026. 2. 26.
[Oh! my SecendBrain] 4. Phase 1 개발 목표Phase 1의 목표는 일단 동작하게 만드는게 목표다.동작이라 함은 FastAPI를 통해 로컬 AI 를 사용해 메모를 의미기반으로 찾고 내가 작성한 내용을 AI로 분류 후 메모를 옵시디언에 작성하는것이다. 이걸 API 스펙을 작성하면 다음과 같다.POST /api/v1/notes/process # 새 노트 정리 및 저장POST /api/v1/search # 의미 기반 노트 검색POST /api/v1/batch/process # 미처리 노트 일괄 임베딩GET /api/v1/notes/list .. 2026. 2. 20.
[Oh! my SecendBrain] 3. 개발 계획 어떻게 만들 것인가아이디어는 잡혔다. 이제 실제로 어떻게 만들지 계획을 잡아보자.결론부터 말하면, 이 프로젝트는 크게 4개의 Phase로 나눠서 진행할 예정이다. 한 번에 완성된 제품을 만들려 하지 않고, 단계별로 동작하는 결과물을 만들어가는 방식을 선택했다.전체 구조를 먼저 이해하자본격적인 계획 전에, 이 서비스가 어떤 구조로 동작하는지 간단히 짚고 넘어간다.핵심 컴포넌트는 딱 4개다.FastAPI가 메인 서버 역할을 하고, Ollama가 로컬에서 AI 모델을 실행한다. LanceDB는 노트를 벡터로 저장해서 의미 기반 검색을 가능하게 하고, Obsidian Vault는 실제 마크다운 파일이 저장되는 곳이다.입력 경로는 두 가지다. 메신저(Slack, WhatsApp 등)로 보내거나, 직접 API를 호.. 2026. 2. 20.
[Oh! my SecendBrain] 2. 아이디어와 서비스 개요 아이디어의 출발점지난 글에서 이야기했듯, 나는 Claude Code로 옵시디언 볼트를 주기적으로 정리해왔다. 결과물은 만족스러웠지만 한 가지 찜찜함이 항상 남았다."내 개인적인 생각들이 외부 서버로 나가고 있다는 것."그러던 중 oh-my-opencode와 OpenClaw를 접하면서 머릿속에 딱 하나의 그림이 그려졌다."이걸 조합하면, 내 노트북 밖으로 데이터가 한 바이트도 나가지 않는 AI 두 번째 뇌를 만들 수 있지 않을까?"그게 Oh My Second Brain의 시작이다.한 줄로 설명하면옵시디언 노트를 AI가 주기적으로 연결·정리하고 새로운 아이디어를 발굴해주는 서비스. 단, 모든 처리는 내 노트북 안에서만.기존에 Mem.ai나 Notion AI 같은 서비스들도 비슷한 걸 하긴 한다. 그런데 이것.. 2026. 2. 20.
[Oh! my SecendBrain] 1. 소개 나는 아이디어나 생각나는 정보들, 정리해야 하는 정보들은 항상 옵시디언에 작성하곤 한다.이유는 노션은 유료인 부분도 있고 옵시디언이 md 파일로 되어 있어 Claude Code 에 기획안을 작성하고 정리해 달라고 하기 편하기 때문이다. 또 개인 로컬에 작성하기 때문에 뭔가 개인적인 느낌이 있다.또 뭔가 나의 불규칙적인 아이디어들을 연결되어 생각들이 정리되고 새로운 아이디어가 떠오르곤 하기 때문에 자주 애용한다.그런데 문제는 md 파일이 늘어나고 나의 정보들이 많아질 수록 내가 직접 정리하고 연결하는것이 뭔가 노트가 유기적으로 살아있는 느낌이 안든다. 뭐랄까.... 옛날 노트들은 죽은 느낌이랄까? (다들 이런 생각들 많이 한다더라...)그래서 옵시디언 고수들을 자신들의 다양한 노하우와 노트정리법을 공유하곤.. 2026. 2. 20.
Server State Management 1. Server State Management (서버 상태 관리)가장 정확한 표현입니다. 클라이언트 상태(useState)와 서버 상태를 분리합니다.2. Custom Hooks Pattern (커스텀 훅 패턴)useCreateRoom, useVerifyEmail 같은 재사용 가능한 훅으로 로직을 캡슐화합니다.3. Data Fetching Abstraction (데이터 페칭 추상화)API 호출을 선언적으로 관리하는 추상화 레이어입니다.목적🎯 핵심 목적서버와의 통신을 "상태"가 아닌 "비동기 이벤트"로 다루기구체적 목적들1. 서버 상태와 클라이언트 상태 분리`// ❌ 기존: 서버 데이터를 클라이언트 상태로 관리 const [data, setData] = useState(null); const [loadi.. 2026. 2. 11.
[나도 AI 개발자] 자막 추출 AI 개발해보기 (1) 또 우리 팀에 이사님이 아래의 사진과 같이 하나의 캡쳐사진을 웍스 단체 DM에 보내며 자막 추출 AI를 만들라 해본다...뭐 당연히 우리 팀에서는 나한테 시키면서 이번에도 해보라고 한다.솔직히 뭔지도 모르고 아는건 없지만 저번에 해봤던 ComfyUI를 설치하고 아웃페인팅을 해봤던 것때문에 이전처럼 당황하지 않았다.뭐 우리 듬직한 클로드와 함께 공부해가면서 구축해보면 될일이지 뭐~뭐 일단 Qwen3-ASR이 뭔지 부터 찾아보자.Qwne3-ASR은 알리바바에서 만든 30개 언어 + 중국 방언 22개 의 언어를 Automatic Speech Recognition (자동 음성 인식) 하는 AI 오픈소스 모델이라고 한다. 모델은 총 두개의 모델을 제공해주는데 0.6B 의 가볍고 빠른 모델과 성능이 좋은 1.7B .. 2026. 2. 2.
ComfyUI 를 사용하여 9:6 비율의 영상을 16:9 비율로 변경하기 Positive PromptIndoor office meeting scene, 1980s Korean drama aesthetic, warm and cool color graded, professional business meeting room with wooden table, fluorescent ceiling lights, large windows in background with grid pattern, shelves with books and office supplies, serious and tense conversation atmosphere, multiple businessmen in formal attire and blazers, vintage film grain, natural light.. 2026. 1. 26.
도커가 바꾼 개발바닥 (feat. 코딩애플) 도커와 컨테이너 이전에 살던 개발자들은 원시인과 다를 바가 없었다.1. 어디 새로 취업하면 개발환경셋팅 맞추느라 하루종일 삽질하고2. 업데이트 하면 항상 뭔가 망가져서 업데이트 전에 열심히 기도하고3. 내가 코드짠걸 서버컴퓨터로 옮기기만 하면 컴퓨터가 폭발하기 때문에 고사도 지냈다. 하지만 도커와 컨테이너가 나오고 나서 이 짓거리가 거의 없어졌다.그래서 개발자들이 가장 많이 쓰는 툴 1위를 매년 Docker가 차지하고 있고코딩책을 보려고 해도 딥러닝 모델을 다운받아서 돌릴려고해도도커명령어부터 보이는 경우가 많다.ocker는 "리눅스 컨테이너를 기반으로 만든, OS 레벨 가상화 기술"인데 쉽게 생각하면 치킨집을 떠올려보자.치킨집에서 부산 분점을 차릴때, 레시피만 알려주면 지점마다 서로 시설, 도구, 재료가.. 2026. 1. 26.

티스토리툴바