ougi FE

정말 오랜만에 블로그로 돌아왔는데 최근에 Orca라는 ADE를 사용하면서 정말 편하다고 느끼고 있어서 이렇게 글을 쓰게 되었습니다저도 최근 Claude Code, Codex 같은 AI Agent를 개발할 때 많이 사용하고 있는데요.Agent 하나만 사용할 때는 크게 불편하지 않았지만 여러 작업을 동시에 시키기 시작하면서 조금씩 불편한 점들이 생겼습니다.터미널을 여러 개 열어놓기도 하고, Agent마다 다른 작업을 시키려면 브랜치를 따로 만들어야 하고, 서로 같은 파일을 건드리면 작업이 꼬이기도 합니다.그러다가 여러 AI Agent를 병렬로 사용할 수 있게 만들어진 ORCA라는 도구를 알게 되어서 한번 사용해봤습니다.ORCA란?ORCA는 Agent Development Environment(ADE)입니다...

카테고리 없음 2026. 9. 1. 09:28

안녕하세요 오늘은 제가 하는 개인 프로젝트를 최대한 자동화 하고 싶어서 Hermes라는 기술을 사용했습니다어떻게 적용하였고 이 기술을 사용하고 어떤 걸 느꼈는지 적어보았습니다Hermes란?Hermes Agent는 LLM이 여러 외부 도구를 사용할 수 있도록 연결합니다사용자의 지시를 작업 단위로 실행하는 AI 에이전트 실행 환경입니다쉽게 정리해서 말하면 AI 모델을 도구와 연결해 실제 작업을 수행하게 만드는 에이전트 런타임 도구입니다기능자기 개선 루프: 작업을 바탕으로 스킬을 만들고 개선하는 구조MCP 지원: GitHub, DB, 파일시스템, 브라우저, 내부 API 같은 외부 도구를 MCP 서버로 연결스킬 기반 작업:반복되는 작업을 스킬로 저장해 재사용장기 기억 지향: 이전 대화나 프로젝트 맥락을 기억하고..

카테고리 없음 2026. 7. 8. 15:37

오늘은 제가 최근에 전화 면접과 과제를 하면서 AI 활용도에 대해서 묻는 질문을 많이 받아서 AI를 좀 더 잘 활용해보자라는 생각이 들어 n8n이라는 것을 사용하게 되었습니다n8n? 그게 뭐임AI 기능도 붙일 수 있고, 반복 업무도 자동으로 처리해주는 워크플로 도구입니다쉽게 말하면 여러 앱과 서비스를 연결해서 사람이 하던 일을 자동으로 대신하게 만드는 프로그램입니다이 도구는 정말 어마어마한 확장성을 가지고 있다고 개인적으로 말할 수 있을거 같습니다장점잘 사용하면 작업 속도가 매우 빨라집니다다른 서비스와 잘 조합되어 사용 가능합니다단점잘 사용하지 못하면 오히려 더 오랜 시간이 걸리고 작업이 늘어납니다초기 세팅이 귀찮고 힘들 수 있습니다100% 신뢰할 수 없습니다어떻게 활용했을까?저는 총 3가지 파이프라인을..

카테고리 없음 2026. 4. 8. 12:17

안녕하세요 오늘은 제가 앱 개발을 하면서 crash 수집을 위해서 사용했던 sentry에 대해서 알아보겠습니다기능이 굉장히 여러가지인 것 같아서 글을 작성하게 되었습니다Sentry란?Sentry(센트리)는 영어로 보초, 파수꾼, 감시병을 뜻하고 이름 뜻과 잘어울리게 에러 추적, 성능 모니터링 도구 등 여러 역할을 하면서 서비스의 오류를 빠르게 진단, 해결 하는데 많은 도움이 됩니다특히 API 통신 때 발생하는 오류를 실시가능로 수집하고 분석하는 기능이 Sentry가 가진 가장 큰 장점입니다!왜 사용하냐?에러가 나면 바로 알 수 있습니다스택 트레이스, URL, 브라우저, OS, 앱 버전, 사용자 행동 흐름 같은 걸 같이 남겨줘서 에러 재현이 쉬워집니다배포 후 문제를 바로 잡을 수 있습니다로그만으로는 에러 ..

카테고리 없음 2026. 3. 11. 11:19

안녕하세요 오늘은 프로젝트를 진행하면서 생긴 refresh Token으로 Token을 재발급할 때제대로 발급 안되는 문제들에 대해 어떻게 해결 했는지 트러블 슈팅을 작성 해봤어요~생긴 문제들 정리 및 원인 파악refresh Token 요청이 무한으로 가는 문제원인을 모르고 refresh Token 요청이 계속 실패하면서 무한으로 요청이 계속 가는 문제가 발생했습니다실제로 이 요청이 무한으로 가고 있는 줄도 모르고 계속 요청을 보내게 되어서 서버가 잠시 다운될 정도였습니다이 때까지는 refresh Token 요청이 안되는 이유를 찾지는 못하였습니다refresh Token이 동시에 여러 요청이 가서 발급이 안되는 문제refresh Token 요청이 거의 동시에 여러 개가 보내지면서 모든 요청이 실패가 되는 ..

카테고리 없음 2026. 2. 6. 16:15

오늘은 저에게 너무 배운 게 많은 2025년도를 보내고 2026년도를 반길 준비를 하려고 이렇게 글을 써보게 되었습니다작년 나의 목표첫번째 다짐은 깔끔한 코드를 작성하는 것 입니다 이 계획은 어느정도 이루어진거 같습니다 1학년 땐 아무것도 모르고 프로젝트를 전체적으로 보는 능력이 부족했던거 같습니다그래서 코드가 모두 응집되어 있고 하나의 역할을 하지 않아서 더욱 더 코드를 보기 힘들었던거 같습니다하지만 요즘은 저만의 스타일을 가지고 함수를 나누고 나름 깔끔한 코드를 작성할 수 있다고 할 수 있을거 같습니다두번째는 AI 의존도를 현저히 낮추는 것 입니다 이 목표는 어느 부분에서는 맞고 어느 부분에서는..

회고록 2025. 12. 31. 17:57

오늘은 저희 팀 친구가 정말 가볍고 좋은 무한 스크롤 그리고 가상 스크롤 라이브러리를 내서 저희 프로젝트에 적용 하는 겸 이렇게 무한 스크롤과 가상 스크롤에 대해서 글을 쓰게 되었습니다무한 스크롤이란?무한스크롤이란 말 그대로 연속적인 스크롤을 제공하는 UI/UX 요소입니다화면에 표시된 아이템 목록의 끝까지 내려갔을 때 자동으로 다음 데이터를 요청하여 추가 아이템을 불러오는 기술입니다페이지네이션과의 차이는 페이지네이션은 다음 페이지로 넘어갈 때 api가 호출되어 데이터를 불러오지만무한 스크롤은 스크롤할 때마다 api가 데이터를 불러옵니다한 번에 모든 데이터를 불러오는 것이 아니라서 큰 장점이 있습니다적용 사례는 유튜브, 인스타그램 등 많은 소셜 미디어에 적용되어 있습니다하지만 페이지에 과도한 요소가 추가되..

라이브러리 2025. 11. 25. 02:26

오늘은 제가 매일매일 확인하는 메일매일 질문에서 동시성 모드라는 것이 왔는데 제대로 아는 것이 없어서오늘 알아보고자 이렇게 글을 써보게 되었습니다동시성 모드(Concurrent mode)란?여러 작업을 비동기적으로 동시에 처리하면서도 중간에 더 중요한 작업이 들어오면 우선순위를 바꿔서 그 작업을 먼저 처리하는 기능입니다 예전 리액트는 스택 구조로 이루어져 있습니다현재는 Fiber 구조로 이루어져 있어서 동시성 모드로 중간에 멈추거나 작업을 잠시 뒤로 미뤄둘 수 있게 되었습니다 동시성 모드를 사용하면 더 부드럽고 즉각적인 반응의 애플리케이션 경험을 줄 수 있습니다반응성과 성능이 향상됩니다 특징1. 비동기 렌더링한 번에 끝내지 않고 필요에 따라 나누어 처리합니다중요한 작업이 생기면 중단, 해당 중요 작업을 ..

React 2025. 11. 17. 00:24