모든 블로그
넥스트리

넥스트리

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

활동 요약

대표 인기 포스트클린 코드의 기초38 조회
최근 30일
15개
평균 조회
11
누적 조회
390
전체 글
34개
마지막 발행
2026. 7. 2.
블로그 방문

최신 게시글 (20)

2026년 7월 2일

AI

그 많던 토큰은 누가 다 먹었을까

에이전트형 도구에서는 프롬프트보다 도구 출력과 대화 기록이 토큰을 더 많이 소모했습니다. 필요한 정보만 사전 필터링하고 작업 범위를 좁히는 방식으로 컨텍스트를 관리해야 했습니다.

#LLM#MCP#Figma
200

2026년 7월 2일

기타

요구사항, IA, 플로차트 작성

기획자는 화면보다 프로세스와 논리를 설계해야 한다는 관점에서 요구사항, IA, 플로차트 작성법을 정리했습니다. 실무에서 모호한 요청을 구조화하고 예외 흐름까지 명확히 만드는 방법을 공유했습니다.

#IA#플로차트#요구사항
300

2026년 7월 1일

백엔드

설문 관리 서비스 구현 사례

의료 설문 플랫폼에서 설문 정의와 수집을 담당하는 서비스를 헥사고날 구조와 CQRS로 설계했습니다. Master/Snapshot, Kafka, Outbox 등을 적용해 정합성과 운영 안정성을 확보했습니다.

#Java#Spring Boot#Kafka
100

2026년 7월 1일

아키텍처

Devlime 재사용 설계로 유지보수성 높이기

공통 로직과 UI 컴포넌트를 재사용 가능하게 분리해 유지보수성과 생산성을 높였습니다. 도메인 값과 화면 표현을 분리하고 다국어 처리도 공통화해 일관성을 확보했습니다.

#재사용성#유지보수성#UI/UX
000

2026년 6월 30일

프론트엔드

React Query 캐시 전략에 대한 고찰

React Query의 staleTime, gcTime, 키 팩토리, 무효화 전략을 중심으로 캐시 운영법을 정리했습니다. 전역 기본값과 직접 갱신을 통해 불필요한 재요청과 화면 깜빡임을 줄이는 방법을 제안했습니다.

#React#cache#refactoring
100

2026년 6월 30일

프론트엔드

Keycloakify의 page_hint 상태 관리 개선

Keycloakify의 라운드트립 구조 때문에 `page_hint`를 단순히 React 상태처럼 다루면 새로고침 시 화면이 바뀌는 문제가 있었습니다. 마운트 시 무조건 삭제하던 로직을 진입 흐름에 맞게 조정해 직원 계정 최초 설정 화면을 유지했습니다.

#Keycloak#React#sessionStorage
100

2026년 6월 29일

프론트엔드

모바일 UI 로 첫 나들이

웹과 모바일 UI의 차이를 타이포그래피, Safe Area, 내비게이션, 버튼 배치 중심으로 정리했습니다. 모바일에서는 공간 배치보다 우선순위와 엄지 조작성을 더 중요하게 봐야 한다는 점을 설명했습니다.

#mobile#UI/UX#Android
100

2026년 6월 29일

프론트엔드

선언적 폼 바인딩

다이얼로그 수정 폼에서 useEffect 기반 수동 바인딩으로 발생한 상태 꼬임 문제를 정리했습니다. React Hook Form의 values로 선언적 동기화를 적용해 잔상과 레이스 컨디션을 줄였습니다.

#React#React Hook Form#동시성
100

2026년 6월 26일

백엔드

MAT을 활용한 HeapDump 분석

K8s 환경에서 반복 재시작의 원인이 OOMKilled일 때 Heap Dump와 MAT로 원인을 추적하는 방법을 다뤘습니다. 로그로 보이지 않는 메모리 누수와 참조 관계를 분석해 DB I/O 병목까지 찾아내는 흐름을 설명했습니다.

#MAT#Heap Dump#K8s
000

2026년 6월 26일

백엔드

싱글톤 패턴을 이용한 캐시 관리

메뉴 권한처럼 변경은 적고 조회는 많은 데이터를 싱글톤 인메모리 캐시로 관리하는 방법을 소개했습니다. 이를 통해 로그인 시 DB 부하를 줄이고 응답 속도와 유지보수성을 개선했습니다.

#싱글톤#cache#Spring Boot
000

2026년 6월 25일

백엔드

putlfAbsent()의 한계와 변경감지 개선

실시간 모니터링에서 계산식 메타데이터 동기화 문제를 다뤘습니다. `putIfAbsent()` 한계를 보완하기 위해 `replace()`로 변경 감지와 이벤트 발행을 개선했습니다.

#Java#동시성#cache
000

2026년 6월 25일

AI

AI 시대, 디자이너의 '다음'

AI가 UI를 빠르게 만드는 시대에 디자이너의 역할 변화를 고민한 글입니다. 운영자 관점에서 데이터를 해석하고 올바른 판단을 돕는 정보 설계의 중요성을 짚었습니다.

#UI/UX#data#대시보드
000

2026년 6월 24일

프론트엔드

React Query Key Factory 패턴 사용기

React Query 쿼리 키를 도메인별 factory로 관리해 캐시 구조와 무효화 범위를 명확히 정리하는 방법을 소개했습니다. queryOptions와 useQueries까지 함께 묶어 재사용성과 유지보수성을 높이는 흐름을 설명했습니다.

#React Query#cache#queryOptions
000

2026년 6월 24일

AI

LLM 코딩 에이전트 작업 관리 방법

LLM 코딩 에이전트를 프롬프트만으로 쓰면 문맥 누적과 임의 판단 문제가 생겼습니다. Task/Plan 하네스로 작업을 분할하고 기록해 안정성과 리뷰 가능성을 높였습니다.

#LLM#prompt#컨텍스트 윈도우
000

2026년 6월 23일

AI

메가 소프트웨어 시대의 암묵지 플랫폼

생성형 AI로 소프트웨어 규모가 폭발하는 메가 소프트웨어 시대의 변화와 개발자 역할 전환을 다루었습니다. 또한 암묵지 관리 시스템과 자동화된 거버넌스로 복잡성과 품질을 통제할 필요를 강조했습니다.

#LLM#MSA#DDD
000

2024년 10월 15일

기타

Location

[NEXTREE Head Office] (08503) Room 914, Hyundai Terratower Gasan DK, 144 Gasan Digital 2-ro, Ge

600

2024년 9월 9일

기타

it is uz test

#uz test

1100

2024년 9월 9일

기타

it is ru test

#ru Test

600

2024년 9월 9일

기타

it is test

it is test..

1000

2024년 2월 21일

기타

Execution Context

자바스크립트는 싱글 스레드 인터프리터 언어로, 각 브라우저는 자체 자바스크립트 엔진을 사용하여 코드를 스캔하고 해석

1800