총 42개의 글Categories

로컬 LLM과 n8n으로 구축하는 에러 분석 자동화

로컬 AI와 n8n 워크플로우 엔진을 결합해, 에러가 발생하는 즉시 원인을 분석하고 해결 방안을 제시하는 자동화 파이프라인을 구축했다. 이를 통해 에러 발생 후 최대 25초 이내에 체계적인 노션 리포트가 생성되며, 개발자는 반복적인 디버깅 작업에 소모되는 시간을 줄이고 보다 본질적인 문제 해결에 집중할 수 있는 환경을 마련했다.

[네이버부스트캠프 웹・모바일 10기] 전체 과정 후기

8개월 동안 달려온 시간을 돌아보며, 무엇이 달라졌는지 정리해보자. 처음엔 무엇을 위해 지원하게 되었고, 그 질문에서 출발해 지금까지 내가 얻은 것들을 찬찬히 짚어보자.

[네이버부스트캠프 웹・모바일 10기] 멤버십 22주차 회고

최종 발표를 앞두고 끊임없이 테스트하며 서비스를 개선해 나갔다. 그 덕분에 무사히 최종 발표를 마칠 수 있었고, 부스트캠프도 어느덧 끝이 났다. 허전함과 아쉬움이 크게 남지만, 이제는 앞으로 나아갈 길을 스스로 찾아 나가야 한다. 시원섭섭한 마음으로 멤버십 과정의 마지막 주차 회고를 작성해본다.

프론트엔드 Mediasoup 계층 구조 다시 설계하기

화상 강의 서비스를 만들면서 기능이 늘어날수록 어디를 고쳐야 할지를 찾는 데 드는 비용이 점점 커졌다. 이 복잡도를 나눠 담는 구조를 어떻게 만들 수 있을지, 그리고 다른 사람이 코드를 따라갈 때 어디서부터 읽어야 덜 헷갈릴지를 계속 고민했다.

[네이버부스트캠프 웹・모바일 10기] 멤버십 21주차 회고

마지막까지 딱 한 주 남았다. 테스트와 개선을 반복하면서 서비스의 완성도를 조금씩 끌어올리고 있다. 체력도, 자신감도 많이 떨어진 한 주였지만 그래도 끝까지 최선을 다해 보려 한다. 남은 기간 동안 어떤 점들을 더 개선할 수 있을지 고민해보자.

[네이버부스트캠프 웹・모바일 10기] 멤버십 20주차 회고

데모와 테스트를 통해 배포 환경에서 실제 동작을 확인해보았다. 그 과정에서 마주한 문제들과 그때 했던 고민들을 정리하며 한 주를 마무리하고자 한다. 겉보기에는 단순해 보이는 기능도, 막상 실제로 부딪쳐보면 결코 가볍게 지나칠 수 없는 지점들이 많다는 것을 다시 한 번 느꼈다.

Mediasoup 화상 회의 시스템의 미디어 스트림 제어 전략

대규모 화상 강의 환경에서 리소스 최적화와 사용자 경험 사이의 균형점을 고민했다. 비디오는 페이지네이션으로 부하를 제한하되, 오디오는 끊김 없는 대화를 위해 모든 참가자 스트림을 상시 수신하는 전략을 채택했다. 특히 카메라 LED와 같은 물리적 피드백을 고려해 미디어 제어 방식을 설계함으로써, 성능과 사용자 신뢰도를 동시에 확보하고자 했다.

[네이버부스트캠프 웹・모바일 10기] 멤버십 19주차 회고

남은 기간이 짧아 시간을 효율적으로 활용해야 한다. 변화가 필요했고 명확한 목표점이 필요했다. 오픈 스테이지를 목표점으로 설정하여 다시 한번 불태워보고자 한다.

[네이버부스트캠프 웹・모바일 10기] 멤버십 18주차 회고

만족스러운 개발 주간을 보낸 후, 다음 주는 한 걸음 더 나아가기 위해 어떤 부분을 개선할지 고민하게 되었다. 부족했던 점들을 어떻게 채워나갈지 구체적으로 생각해보았다.

나는 왜 회고를 작성하는가

매주 회고를 작성하게 된 배경과 생각에 대한 질문을 받았고, 이를 계기로 스스로를 돌아보게 되었다. 회고를 작성하게 된 계기부터 어떤 마음으로 작성하고 있는지, 그리고 회고가 나에게 어떤 의미인지를 생각해보았다.

2025년을 마무리하며

2025년의 추억을 정리하며

Notion API 블로그 성능 최적화

Notion API 기반으로 블로그를 제작하는 과정에서 API 중복 호출, 순차적 Table 블록 처리, 비효율적 관련 글 추천 등으로 성능 저하가 발생했다. 이를 계기로 API 최적화, 에러 처리, 폰트 최적화 등 개선 작업을 진행하게 되었다.

Notion API 초기 페이지 로딩 속도 개선

노션 API로 블로그를 구현하던 중, 페이지네이션과 총 게시글 수 계산을 위해 매번 전체 데이터를 불러오는 비효율적인 구조를 발견했다. 이를 개선하기 위해 메타데이터베이스 분리와 카테고리별 데이터베이스 설계 등 여러 최적화 방안을 시도했다.

WebSocket부터 이해하자

웹소켓 복구 전략을 알아보기 전, 먼저 웹소켓의 개념과 동작 원리부터 살펴보았다. 단순히 코드 수준의 복구 로직을 다루기보다는, 웹소켓이 기존 통신 방식과 어떻게 다른지부터 이해하고자 했다.

[네이버부스트캠프 웹・모바일 10기] 멤버십 17주차 회고

기획의 모호함을 해소하기 위해 팀원들과 함께 기획서를 작성하며 방향성을 맞추었다. 이후 프로토타입을 진행하며 가설을 검증하고, 앞으로의 방향성에 대한 확신을 얻었다.

[네이버부스트캠프 웹・모바일 10기] 멤버십 16주차 회고

그룹 프로젝트의 1주차로, 팀원들과 함께 목표를 설정하고 기획을 진행했다. 세상에는 잘하는 사람도, 열심히 하는 사람도 많다. 그런 이들에게 매번 자극을 받으며 동기부여를 얻고 있다.

[네이버부스트캠프 웹・모바일 10기] 멤버십 15주차 회고

5주간 진행된 그룹 스프린트의 여정이 드디어 끝났다. 첫 그룹 프로젝트를 돌아보며, 그 안에서 배우고 성장한 순간들을 다시금 되돌아보게 되었다.

[네이버부스트캠프 웹・모바일 10기] 멤버십 14주차 회고

팀 프로젝트를 진행하며 더 나은 코드를 작성하기 위해 노력했다. 리팩토링의 정의를 다시 생각하고, 올바른 방향으로 수행하고 있는지를 점검하는 계기가 되었다.

쉘 내부 명령어와 외부 명령어

쉘에서 명령어를 처리할 때 외부 파일 명령어와 내장 명령어의 차이가 존재한다는 것을 알게되었고 조금 더 깊게 알아보았다.

터미널 명령어 실행 과정

OS와 유사한 시스템을 구현하기 위하여 실제 OS의 동작 방식을 학습하며 적용해보고자 했다.

로그인 및 사용자 세션 시작 과정

컴퓨터 부팅 후 사용자가 로그인한 뒤, 어떤 과정이 이루어지는지 고민하며 정리하게 되었다.

컴퓨터 부팅 이후 프로세스 실행 과정

컴퓨터 부팅 과정에서 사용자가 시스템을 실제로 사용할 수 있게 될 때까지의 과정을 궁금하여 찾아보게 되었다.

[네이버부스트캠프 웹・모바일 10기] 멤버십 13주차 회고

그룹 스프린트의 마지막 구현 주차로, 새롭게 배운 협업 도구들의 활용 방법을 기록했다. 또한 리더십에 대해 다시 한 번 생각해보며, 앞으로 어떻게 나아가야 할지 고민하는 계기가 되었다.

[네이버부스트캠프 웹・모바일 10기] 멤버십 12주차 회고

브랜치 전략을 개선하고 태스크를 구체화하여 협업 효율을 높였다. 점진적으로 백엔드를 설계하며 발전시켜 나가는 과정에서 아쉬운 점도 많았고, 그러한 문제들이 왜 발생했는지 되돌아보게 되었다.

컴퓨터 부팅 과정

사용자가 컴퓨터의 전원을 켜면, 시스템이 어떤 과정을 거쳐 시작되는지 차근차근 정리해 보았다.

[네이버부스트캠프 웹・모바일 10기] 멤버십 11주차 회고

팀 전체의 협업을 목표로 프론트엔드와 백엔드 구분 없이 전반적인 작업에 참여했다. 회의를 주도적으로 이끌며 마주한 문제들을 되돌아보고, 앞으로 어떻게 개선해 나가야 할지 고민하게 되었다.

[네이버부스트캠프 웹・모바일 10기] 멤버십 10주차 회고

10주간의 학습 스프린트가 마무리되었다. 지금까지의 과정을 돌아보며, 초반에 세웠던 목표를 얼마나 이루었는지, 그리고 초심을 잃지 않았는지를 점검하게 되었다.

[네이버부스트캠프 웹・모바일 10기] 멤버십 9주차 회고

백엔드 학습 과정에서 방향에 대한 고민이 생겨 다른 캠퍼들에게 조언을 구하며 새로운 시각을 얻었다. 리액트 기본 훅을 활용해 상태 관리 방식의 차이를 실험하고 그 효과를 확인하였다.

[네이버부스트캠프 웹・모바일 10기] 멤버십 8주차 회고

리액트 컴포넌트 분리 기준에 대해 조언을 구하고, 실제 현업에서는 이를 어떻게 적용하는지도 물어보았다. AWS 배포 과정을 직접 경험하며, 그동안 느꼈던 AWS에 대한 두려움을 조금씩 극복할 수 있었다.

[네이버부스트캠프 웹・모바일 10기] 멤버십 7주차 회고

말하기 능력의 부족함을 느끼고 이를 보완해야 함을 인식했다. 프론트엔드 관점을 넘어 웹 개발 전반에서 쿠키와 세션의 흐름을 학습하며, 풀스택 개발의 강점을 체감할 수 있었다.

[네이버부스트캠프 웹・모바일 10기] 멤버십 6주차 회고

일관된 에러 처리 방식에 대해 고민하며, 이를 정리하고 정립하는 시간을 가졌다. 아직 부족한 점은 많지만, 일관성을 확보함으로써 보다 체계적으로 에러를 처리할 수 있었다.

Node.js WAS에서 일관된 에러 처리 구조 적용하기

WAS 게시글 조회 시 return null로 인해 에러 처리가 복잡해지는 문제를 경험하고, BaseError 상속 구조와 계층별 책임 분리를 적용하여 일관된 에러 처리 시스템을 구축하였다.

[네이버부스트캠프 웹・모바일 10기] 멤버십 5주차 회고

오프라인에 참석해 다양한 캠퍼들과 소통하는 시간을 가졌다. AI의 도움 없이 직접 설계에 도전하며 만족감을 느꼈지만, 여러 부족한 점들을 지적받으며 이에 대한 추가 학습의 필요성을 깨달았다.

[네이버부스트캠프 웹・모바일 10기] 멤버십 4주차 회고

피어 리뷰를 통해서 계층 역할, 트랜잭션, DTO 등에 대해 질문하며 조금씩 이해를 할 수 있었다. 아직 부족한 점이 많다고 느껴 다른 캠퍼들의 코드를 많이 살펴보려 한다.

[네이버부스트캠프 웹・모바일 10기] 멤버십 3주차 회고

바닐라 자바스크립트에 아직 미숙하다고 느꼈다. SPA를 구현하는 과정에서 고민되는 부분이 많았고 이에 대한 학습을 진행하면서 조금씩 자바스크립트에 익숙해지고 있다.

[네이버부스트캠프 웹・모바일 10기] 멤버십 2주차 회고

디버깅에 집중하며 조금씩 이해를 높여가고자 했다. 매번 console.log 만을 사용하는 모습을 개선하고자 더 집중해서 학습하였다.

OCR과 Open AI의 응답 속도 개선

계약서 OCR과 OpenAI 기능에서 약 2분이 걸리던 로딩 시간을 페이지 분할, 병렬 처리, 즉시 렌더링을 통해 18초까지 단축하며, 비동기 처리 설계 방식에 대해 고민하게 되었다.

[멋쟁이사자처럼 대학] 중앙 해커톤 회고

멋쟁이사자처럼에서 참여한 두 번째 해커톤이다. 프로젝트를 진행하며 다양한 시도를 통해 많은 것을 느꼈고, 운영진으로서 다른 아기사자들과 함께하며 또 다른 관점에서 많은 것을 배울 수 있었다.

[네이버부스트캠프 웹・모바일 10기] 멤버십 1주차 회고

부스트캠프 멤버십에 합격하며 기뻤지만, 학습 방법에 대한 고민은 여전히 남아 있었다. 그룹 피드백을 통해 스스로의 부족한 부분을 인식하는 계기가 되었다.

[네이버부스트캠프 웹・모바일 10기] 챌린지 수료 후기

4주라는 챌린지 기간이 지났고 많이 성장할 수 있었다. 단순히 구현에 집중하는 것이 아닌 학습하고 설계하는 과정을 익힐 수 있었고, AI에 대해서 돌아볼 수 있는 시간이었다.

[네이버부스트캠프 웹・모바일 10기] 챌린지 1~3주차 회고

다른 캠퍼의 추천으로 회고를 작성해보았다. 변하고 싶은 마음은 굴뚝같으나, 잘 하고있는지 모르겠고 벌써 챌린지 기간이 끝나간다. 마지막까지 열정적으로 참여하자.

동적 폰트 로딩 전략

손글씨 커스텀 폰트 미리보기 기능을 개발하는 과정에서, 동적 폰트를 불러오는 데 시간이 꽤 소요된다는 점을 확인했다. 이를 개선하기 위해 WOFF2, 캐싱, TanStack Query, 스켈레톤 UI를 조합하여 최적화를 진행하고자 하였다.