Loopin의 vault 경량 엔트리 적용기
배럴 import 때문에 필요한 컴포넌트 하나가 패키지 전체를 끌고 오는 문제를 해결했습니다. 경량 서브패스 엔트리를 추가해 번들을 크게 줄이고 재사용성을 유지했습니다.
#pnpm#Turborepo#모노레포
1300
모든 블로그
대표 인기 포스트DB 트랜잭션 중심 대량요청 처리 최적화651 조회651 조회 프론트엔드 아키텍처
AI
프론트엔드
기타
AI
백엔드
프론트엔드
프론트엔드
프론트엔드
프론트엔드
프론트엔드
백엔드
프론트엔드
프론트엔드
AI
프론트엔드
백엔드
넥스트리
도메인nextree.io
주요 카테고리 백엔드 · 프론트엔드 · AI
활동 요약
- 최근 30일
- 18개
- 평균 조회
- 66
- 누적 조회
- 11,766
- 전체 글
- 177개
- 마지막 발행
- 2026. 10. 30.
넥스트리 기술 블로그 글 (177)
IoT를 위한 Edge Computing 적용기
IoT 환경에서 Edge Computing을 활용해 현장 데이터 처리와 중앙 통합 처리를 분리한 사례를 소개했습니다. 네트워크 단절 대응, 불필요한 데이터 제거, 데이터 표준화 방식도 함께 설명했습니다.
#Edge Computing#IoT#InfluxDB
1600
모델 변경으로 사라진 Harness
LLM 에이전트의 보상적 harness가 특정 모델의 실패를 코드로 옮긴 것임을 설명했습니다. 더 좋은 모델을 쓰면 보상 코드를 줄이고 시스템 책임만 남겨야 한다고 정리했습니다.
#LLM#에이전트#prompt
3500
DOM 캡처 개선
Snap 기능의 DOM 캡처를 빠르게 만들기 위해 병목을 찾고 여러 라이브러리를 직접 비교했습니다. 또한 폰트, 의사요소, 스크롤, noscript 문제를 보정해 정확도까지 개선했습니다.
#DOM#CSS#React Flow
5600
Claude와 함께한 행사용 웹앱 개발기
오프라인 행사 운영을 웹앱으로 전환하며 1인 개발과 Claude 협업 방식을 정리했습니다. 설계, 디버깅, 리팩토링에서 AI를 파트너처럼 활용한 실무 인사이트를 공유했습니다.
#React#TypeScript#Next.js
4700
Herdr 기반 Multi-Agent Workflow 구축기
단일 AI 에이전트의 한계를 줄이기 위해 조사, 설계, 구현, 검증을 분리한 멀티 에이전트 워크플로우를 구축했습니다. Herdr의 멀티 Pane과 이종 모델 조합으로 컨텍스트를 격리하고 품질 검증을 자동화했습니다.
#LLM#multi-agent#Claude
9000
Flyway 실전 적용기
다운로드·업데이트 가능한 애플리케이션에서 Flyway로 DB Migration을 운영한 경험을 정리했습니다. 멱등성, 백업, 롤백, 버전 관리 규칙까지 함께 설계해야 안전하다는 점을 다뤘습니다.
#Flyway#Spring Boot#Hibernate
6200
APK 빌드 환경
Windows에서 React Native APK 빌드가 경로 길이 제한으로 실패하는 문제를 다뤘습니다. Junction과 짧은 CMake 스테이징 경로, 캐시 삭제로 해결하는 방법을 정리했습니다.
#Windows#React Native#Android
2500
Android WebView 본인인증 오류 개선
React Native Android WebView에서만 발생한 본인 인증 실패를 분석했습니다. 외부 인증 앱 URL 처리 로직을 보완해 인증 흐름을 정상화했습니다.
#Android#WebView#React Native
2600
Android Emulator 로컬 서버 접속하기
Android Emulator에서는 localhost가 호스트 PC가 아니라 에뮬레이터 자신을 가리켜 접속이 실패할 수 있습니다. 에뮬레이터에서는 10.0.2.2를 쓰고, 필요하면 서버 바인딩과 방화벽도 함께 확인하셨습니다.
#Android Emulator#Vite#WebView
2400
화면 설계서 작성과 QA
화면 설계서 작성과 QA를 통해 요구사항과 구현 결과의 차이를 줄이는 방법을 정리했습니다. 버전 관리와 예외 상황 정의가 문서 품질과 테스트 효율을 높였다고 설명했습니다.
#UI/UX#QA#test
3400
SpreadJS 파일 올바르게 로드하기
SpreadJS 파일 형식별로 올바른 로딩 API를 매칭하는 방법을 정리했습니다. 확장자와 데이터 형태를 구분해 import()와 fromJSON()을 적용하면 파싱 오류를 줄일 수 있었습니다.
#SpreadJS#Excel#JavaScript
1200
Kafka Rebalancing과 메시지 처리 병목 개선
Kafka Rebalancing 원인을 메시지 처리 지연과 DB 저장 병목에서 찾고, 운영 완화를 위해 설정을 조정했습니다. 이후 Batch Insert로 처리 시간을 줄여 반복 Rebalancing을 완화했습니다.
#Kafka#JPA#SQL
6300
친절함과 간결함 사이, UX 라이팅
낯선 사용자층을 위한 앱에서 UX 라이팅의 기준을 고민한 글입니다. 버튼은 간결하게, 설명이 필요한 곳은 친절하게 나누는 원칙을 정리했습니다.
#UI/UX#UX 라이팅#온보딩
3000
React Hook Form, Zod로 Form 관리하기
복잡한 다단계 폼을 React Hook Form, Zod, Jotai로 전략적으로 관리하는 방법을 정리했습니다. 조건별 스키마 분리, 임시 저장, 단계별 검증과 값 초기화 흐름을 설명했습니다.
#React#TypeScript#Zod
2600
AI Agent 시대의 Human Agency
AI로 SSE 구현은 빠르게 완성했지만, Qra의 운영 조건과 요구사항을 다시 보며 polling으로 회귀했습니다. 실행 속도보다 선택을 재검토하고 책임지는 Human Agency의 중요성을 강조했습니다.
#SSE#polling#비동기
5200
빠른 프론트 개발을 위한 셀프 리뷰
빠른 프론트 개발에서도 기능 동작만 보지 말고 셀프 코드 리뷰로 예외 상황과 유지보수성을 함께 점검해야 합니다. 일정이 급할수록 변경분 기준으로 핵심 문제부터 우선 확인하는 습관이 중요합니다.
#Vue.js#API#비동기
9300
배치 로케일 오류 개선 사례
배치에서 로케일 기본값이 잘못 적용돼 한국어 부서명이 en에 저장되는 문제를 찾고 개선했습니다. 신규 등록 경로에는 언어 코드를 명시 전달하고 기존 데이터는 조건을 좁혀 안전하게 보정했습니다.
#batch#locale#Spring
2000