모든 블로그
넥스트리

넥스트리

도메인nextree.io
주요 카테고리 Backend · Frontend · Architecture

활동 요약

대표 인기 포스트Websocket을 활용한 채팅 서비스 설계559 조회
최근 30일
40개
평균 조회
96
누적 조회
6,702
전체 글
70개
마지막 발행
2026. 7. 31.
블로그 방문

최신 게시글 (20)

AI

감독자의 언어

좋은 프롬프트는 단순한 지시가 아니라 요구사항 명세로 다뤄야 한다고 설명했습니다. 결과물의 경계, 위임 기준, 검증 방법을 미리 적어 재작업을 줄이는 방법을 제안했습니다.

#prompt#LLM#test
400

아키텍처

애자일 프로젝트 관리의 지향점

SI 환경에서 애자일이 보고 중심으로 변질되는 문제를 짚고, 백로그와 스크럼의 행정 오버헤드를 줄이는 방향을 제안했습니다. 실시간 다차원 대시보드와 역할별 시각화를 통해 협업과 보고를 단순화하는 방법을 설명했습니다.

#Agile#스크럼#칸반
500

프론트엔드

타입스크립트(TypeScript) 파헤치기

타입스크립트의 핵심 개념과 컴파일러 동작, 구조적 타이핑, 타입 추론을 설명했습니다. 또한 런타임 한계와 TSConfig 옵션, 실무 적용 시 주의점을 정리했습니다.

#TypeScript#JavaScript#컴파일러
3000

아키텍처

Vault 타 서비스 적용기

Vault를 반장노트에 적용하면서 Stash 구조, 메타데이터 저장, 호출 경로를 서비스 요구에 맞게 조정했습니다. 또한 Cabinet과 Clip의 범위를 정리해 공고와 제출서류 흐름에 맞는 파일 관리 구조를 만들었습니다.

#MSA#메타데이터#file storage
1300

백엔드

ThirdParty 로그인 도입과 인증 흐름 리팩토링

Vizend의 ThirdParty 로그인 설계와 리팩토링 과정을 정리했습니다. 외부 인증과 내부 사용자 정책을 분리해 보안과 운영 유연성을 높였습니다.

#OAuth#OIDC#Redis
12700

백엔드

Keycloak 토큰 교환으로 인증 시스템 구축

Keycloak 토큰 교환과 구형 V1 대행 방식을 이용해 외부 파트너 연동 인증 구조를 구성한 사례입니다. 클라이언트 신뢰 관계 설정과 자주 발생하는 에러 대응 방법도 함께 정리했습니다.

#Keycloak#토큰 교환#MSA
15200

데브옵스

Ansible - 여러 서버의 설정을 한번에

수십 대 서버의 Nexus 설정 반복 작업을 Ansible로 자동화한 사례를 소개했습니다. SSH 기반 실행과 멱등성 덕분에 일관성과 운영 편의가 크게 좋아졌습니다.

#Ansible#자동화#SSH
13700

아키텍처

Vizend 구독 기능 설계 구현

Showcase가 자기 자신을 배포 대상으로 삼는 구조에서 발생하는 정합성 문제를 상태 머신과 이벤트 분할로 해결했습니다. 재기동 후 버전 검증과 멱등 발행, GID 기반 식별로 분산 배포의 일관성을 확보했습니다.

#Kubernetes#GitOps#Argo
12400

데브옵스

KubeEdge 엣지 노드 장애 대응 가이드

KubeEdge 엣지 노드에서 자주 발생하는 3가지 장애와 대응 방법을 정리했습니다. EdgeStream, 디스크 사용량, DNS 상태를 먼저 확인하는 흐름을 제시했습니다.

#KubeEdge#Kubernetes#DiskPressure
900

백엔드

ROS2 데이터 파이프라인 구축 및 디버깅

ROS2를 활용해 산업용 센서 데이터를 비동기 Pub/Sub 구조로 처리하는 방법을 정리했습니다. 커스텀 메시지 설계부터 노드 구현, CLI 디버깅까지 전체 흐름을 설명했습니다.

#ROS2#DDS#Pub/Sub
2800

백엔드

Websocket을 활용한 채팅 서비스 설계

웹소켓 채팅에서 메시지 본문 대신 사건 알림만 보내고, 실제 데이터는 조회로 처리하는 설계를 소개했습니다. 방 삭제나 나가기 같은 예외 상황은 알림 대상 확보 시점으로 해결했습니다.

#WebSocket#STOMP#채팅
55900

백엔드

DB 트랜잭션 중심 대량요청 처리 최적화

대량 요청 환경의 병목을 DB 트랜잭션 관점에서 분석하고 개선한 사례입니다. 비관적 락을 낙관적 락과 재시도로 전환해 커넥션 효율과 안정성을 높였습니다.

#DB#transaction#동시성
53300

아키텍처

데이터 모델링에서 DDD로의 여정

DDD 관점에서 무분별한 엔티티 설계와 관계 누락을 리팩토링한 사례를 다뤘습니다. 유비쿼터스 언어, 애그리게이트, 값 객체로 도메인 자율성과 유지보수성을 높였습니다.

#DDD#애그리게이트#값 객체
28000

AI

LLM으로 대규모 기술 문서 생성

LLM으로 대규모 기술 문서를 만들 때는 내용을 생성하는 것과 구조·서식을 통제하는 것을 분리해야 했습니다. BC 단위 분할, JSON 스키마, 정합성 검증으로 187쪽 초안을 43쪽 최종본으로 줄였습니다.

#LLM#JSON#pandoc
30300

프론트엔드

ag-Grid로 화면과 동일한 Excel 만들기

ag-Grid Excel Export에서 화면과 동일한 스타일과 값을 맞추는 과정을 정리했습니다. valueFormatter, excelStyles, header 규칙을 통해 엑셀 스타일 반영 문제를 해결했습니다.

#ag-Grid#Excel#valueFormatter
41300

프론트엔드

모바일 UI, 웹과는 다르다

모바일 UI는 웹과 달라 입력 방식, 화면 높이, 스크롤, 접근성까지 함께 고려해야 했습니다. Safe Area, dvh, rem, Bottom Sheet 등 모바일에 맞는 구조와 상태 설계가 중요했습니다.

#mobile#UI/UX#CSS
45900

아키텍처

멀티 프로덕트 브랜드 아키텍처와 디자인 가이드

멀티 프로덕트 환경에서 브랜드 아키텍처가 디자인 시스템의 기준점이 되는 이유를 정리했습니다. 핵심 자산 분리, 컴포넌트 추상화, 문서화의 중요성도 함께 다뤘습니다.

#브랜드 아키텍처#디자인 시스템#피그마
13800

프론트엔드

조합형 Form 컴포넌트 설계

React Hook Form과 MUI 기반 폼 컴포넌트의 확장 한계를 설명했습니다. 역할 분리와 Composition Pattern으로 복합 입력 UI와 유지보수성을 개선한 사례입니다.

#React#React Hook Form#Material UI
28600

백엔드

Swagger 기반 API 명세 자동화 PoC

고객사 환경 제약 때문에 Swagger를 서비스에 직접 붙이지 않고, 중앙 서버와 YAML 파일로 API 명세를 통합하는 PoC를 검증했습니다. 또한 Custom Annotation 기반으로 배포 시점에 명세를 자동 생성하는 확장 방향도 살펴봤습니다.

#Swagger#Spring Boot#Springfox
48700

프론트엔드

MUI 기반 디자인시스템 VUI

MUI 기반 디자인 시스템 VUI의 구축 배경과 토큰-테마-컴포넌트 연결 구조를 소개했습니다. 브랜드와 모드 변형을 설정으로 흡수하고, 남은 과제도 정리했습니다.

#MUI#디자인 시스템#design token
5600