2:55 5/30
junhyunny.github.io
2:55
junhyunny.github.io
Junhyunny's Devlogshttps://junhyunny.github.io/
개발자
저작도구: Jekyll v3.9.0
최종 피드 수집: 2026-01-29 01:46
전체 (438)
2d
OpenAPI 명세서를 사용한 Orval 클라이언트 코드 자동 생성하기
0. 들어가면서최근 참여한 프로젝트는 OpenAPI 사양을 Rest API의 단일 진실 공급원(single source of truth)으로 사용하려는 노력이 엿보인다.
OpenAPI 사양을 기준으로 Orval을 통해 프론트엔드
openapi
orval
auto-generate-code
+ 더보기
react-query
msw
5d
6d
리액트 브라우저 웹캠(web camera) 촬영/녹화 구현하기
0. 들어가면서최근 참여한 프로젝트에는 브라우저에서 비디오 녹화와 사진 촬영 기능이 구현되어 있었다. 코드가 복잡해 보여서 리팩토링이 필요해 보였다. API 기능을 정확히 이해해야 문제 없이 리팩토링 할 수 있을 것 같아서 어떻
react
browser
web-api
+ 더보기
media-stream
webcam
7d
DynamoDB 페이지 처리(pagination)
RECOMMEND POSTS BEFORE THIS타입스크립트 애플리케이션에서 LocalStack 테스트 컨테이너 사용하기
0. 들어가면서
DynamoDB는 조회할 때 1MB 사이즈 제한이 있다. 그 이상 데이터를 조회하고 싶은
test
test-container
aws
+ 더보기
dynamodb
localstack
8d
동시성(concurrency) 문제와 DynamoDB 원자적(atomic) 업데이트
RECOMMEND POSTS BEFORE THIS데이터베이스 락(Database Lock)
DynamoDB single table design
타입스크립트 애플리케이션에서 LocalStack 테스트 컨테이너 사용하기
0. 들어가
test
test-container
aws
+ 더보기
dynamodb
localstack
12d
타입스크립트 애플리케이션에서 LocalStack 테스트 컨테이너 사용하기
RECOMMEND POSTS BEFORE THIS테스트 더블(Test Double)
Setup DynamoDB with LocalStack
0. 들어가면서
신뢰할 수 있는 테스트(reliable test)를 작성하려면 실제 환경
typescript
test-container
localstack
+ 더보기
aws
s3
dynamodb
29d
FAISS 인덱싱과 검색
RECOMMEND POSTS BEFORE THIS검색 증강 생성(RAG, Retrieval-Augmented Generation) LangChain 예제
스탠포드 STORM 프레임워크의 RAG 확장하기
0. 들어가면서
스탠포드
ai
ai-agent
rag
+ 더보기
context-engineering
1M
스탠포드 STORM 프레임워크의 RAG 확장하기
RECOMMEND POSTS BEFORE THIS검색 증강 생성(RAG, Retrieval-Augmented Generation) LangChain 예제
0. 들어가면서
예전에 스탠포드 STORM(Synthesis of Topi
standford-storm
ai
ai-agent
+ 더보기
rag
context-engineering
1M
온톨로지 파일 neo4j 임포트(import)하기
RECOMMEND POSTS BEFORE THIS인공지능(AI)과 온톨로지(ontology)
0. 들어가면서
이전 글에서 다룬 것처럼 온톨로지(ontology)는 RDF(Resource Description Framework)와
ai
ai-agent
ontology
+ 더보기
context
context-engineering
1M
인공지능(AI)와 온톨로지(ontology)
0. 들어가면서최근 지인과 온톨로지(ontology)에 대한 이야기를 잠깐 나눌 기회가 있었다. 나도 AI 관련 기술에 점점 관심이 커지는 중인데, 공부할 좋은 주제 거리를 하나 찾은 느낌이다. 기술적인 내용을 다루기 전에 온톨
AI
AI-agent
ontology
+ 더보기
context
context-engineering
2M
Github MCP 서버를 통한 풀 리퀘스트(pull request) 워크플로우
RECOMMEND POSTS BEFORE THISMCP(Model Context Protocol)와 MCP 서버-클라이언트
Playwright MCP 서버를 통한 E2E 테스트 워크플로우
1. Github MCP server
M
github
github-mcp
playwright
+ 더보기
playwright-mcp
ai-agent
large-language-model
model-context-protocol
context-engineering
2M
Playwright MCP 서버를 통한 E2E 테스트 워크플로우
RECOMMEND POSTS BEFORE THISMCP(Model Context Protocol)와 MCP 서버-클라이언트
피그마(figma) MCP 서버 사용하기
트래커 부트(tracker boot) MCP 서버로 프롬프트 컨
e2e-test
playwright
tracker-boot
+ 더보기
ai-agent
large-language-model
model-context-protocol
context-engineering
3M
트래커 부트(tracker boot) MCP 서버로 프롬프트 컨텍스트 공유하기
RECOMMEND POSTS BEFORE THIS바이브 코딩(vibe coding)을 통한 개발 프로세스 개선
MCP(Model Context Protocol)와 MCP 서버-클라이언트
0. 들어가면서
우리 팀은 고객들과 일할
tracker-boot
ai-agent
large-language-model
+ 더보기
model-context-protocol
context-engineering
3M
대용량 파일 처리를 위한 시스템 디자인
0. 들어가면서최근 상담 받았던 내용과 내가 제시한 대안책에 대해 정리했다.
1. Problem context
최근 받은 상담은 용량이 큰 파일(1.5GB 이상)을 서버에서 직접 핸들링하면서 발생하는 문제를 어떻게 해결하면 좋을
architecture
aws
event-driven-development
+ 더보기
s3
event-bridge
ecs
ecs-task
3M
Microsoft AAD 인증 시 스레드 락에 의한 시스템 장애와 해결
RECOMMEND POSTS BEFORE THIS클라이언트 요청 타임아웃(request timeout)
JWK(Json Web Key)
프록시 패턴(proxy pattern)
0. 들어가면서
현재 나는 프로페셔널 서비스(prof
spring
spring-security
microsoft
+ 더보기
azure-active-directory
oauth2
oidc
trouble-shooting
4M
피그마(figma) MCP 서버 사용하기
RECOMMEND POSTS BEFORE THIS바이브 코딩(vibe coding)을 통한 개발 프로세스 개선
MCP(Model Context Protocol)와 MCP 서버-클라이언트
0. 들어가면서
이전 글에서 테스트 코드와
ai
ai-agent
figma-mcp
+ 더보기
mcp-server
copilot
prompt
4M
MCP(Model Context Protocol)와 MCP 서버-클라이언트
0. 들어가면서피그마 MCP 서버에 연결하기 전에 MCP(model context protocol)과 이에 관련된 아키텍처, 명세(specification)을 정리하고 넘어간다.
1. What is the MCP(Model Co
ai
ai-agent
model-context-protocol
+ 더보기
mcp-server
mcp-client
4M
5M
WAF 도메인 주소 재작성으로 인한 OAuth2 리다이렉트 문제 해결
0. 들어가면서올해 5월쯤 지원했던 팀에 있었던 문제와 해결 방법에 대해 정리했다.
1. Problem context
발생한 문제에 대한 컨텍스트는 다음과 같다.
이 애플리케이션은 사외 사용자들과 사내 사용자들에게 모두 서비스를
spring-boot
spring-security
waf
+ 더보기
rewriting-domain
redirect-strategy
5M
M4(ARM64) MacBook에 Metasploitable2 설치하기
1. Metasploitable2침투 테스트(penetation test)에선 스캐닝(scanning) 단계가 있다. 스캐닝은 대상 시스템의 네트워크, 서비스 버전, 운영체제, 포트, 엔드포인트 등을 식별하고 분석하는 작업을 의
security
hacking
white-hacking
+ 더보기
penetration-test
pentest
scanning
macbook-pro
m4-chip
arm64