/users
/posts
/slides
/apps
/books
mysetting
/users
/posts
/slides
/apps
/books
2:55 5/30
junhyunny.github.io
2:55
junhyunny.github.io
Junhyunny's Devlogs
https://junhyunny.github.io/
개발자
저작도구: Jekyll v3.9.0
최종 피드 수집: 2026-03-17 11:16
전체 (445)
2d
일렉트론(electron) 프레임워크의 프로세스 모델(process model)
RECOMMEND POSTS BEFORE THIS
일렉트론(electron) 프레임워크 기반 리액트(react) 프로젝트 준비
0. 들어가면서
일렉트론(electron) 프로젝트를 생성하면 3개의 스크립트 코드가 눈에 띈다.
ma
electron
desktop-application
chromium
+ 더보기
0
0
0
읽기모드
3d
일렉트론(electron) 프레임워크 기반 리액트(react) 프로젝트 준비
0. 들어가면서
올해는 토이 프로젝트로 AI 에이전트 개발해 볼 생각이다. AI 에이전트가 내부적으로 어떻게 동작하는지 공부하고 싶다. 앞으로 일반적인 시스템이나 애플리케이션 보다 AI가 결합된 서비스들이 많아질 것 같다는 생각에
electron
react
frontend
+ 더보기
desktop-application
0
0
0
읽기모드
6d
OpenAPI 명세서 기반 AWS API 게이트웨이(gateway)와 람다(lambda) 배포
RECOMMEND POSTS BEFORE THIS
AWS SAM(Serverless Application Model) 개념과 CLI 예제
OpenAPI 명세서를 사용한 Orval 클라이언트 코드 자동 생성하기
0. 들어가면서
이전
infra
aws
openapi
+ 더보기
api-gateway
terraform
0
0
1
읽기모드
11d
[CVE-2026-25639] Axios 프로토타입 오염 취약점
RECOMMEND POSTS BEFORE THIS
보안 취약점의 식별과 평가 기준
프로토타입 패턴 (Prototype Pattern)
자바스크립트 프로토타입 (JavaScript Prototype)
자바스크립트 프로토타입 체이닝
security
cve-2026-25639
javascript
+ 더보기
axios
prototype
0
0
2
읽기모드
24d
보안 취약점의 식별과 평가 기준
0. 들어가면서
SW 보안 공부를 올해 목표로 삼았다. 모르는 개념들이 많아서 공부를 시작하기 전 용어에 대해 정리할 필요를 느꼈다. 이번 글을 통해 간단하게 정리해봤다.
1. CVE (Common Vulnerabilities a
information
security
+ 더보기
0
0
1
읽기모드
1M
리액트 쿼리(react query) 낙관적 업데이트(optimistic update)
RECOMMEND POSTS BEFORE THIS
OpenAPI 명세서를 사용한 Orval 클라이언트 코드 자동 생성하기
Orval MSW(Mock Service Worker) 핸들러 생성과 React Query 테스트 작성하기
react
react-query
optimistic-update
+ 더보기
0
0
1
읽기모드
1M
Orval MSW(Mock Service Worker) 핸들러 자동 생성과 React Query 테스트 작성하기
RECOMMEND POSTS BEFORE THIS
Setup Vitest for React App
목 서비스 워커 (Mock Service Worker)
OpenAPI 명세서를 사용한 Orval 클라이언트 코드 자동 생성하기
0.
react
react-query
msw
+ 더보기
orval
0
0
0
읽기모드
1M
OpenAPI 명세서를 사용한 Orval 클라이언트 코드 자동 생성하기
0. 들어가면서
최근 참여한 프로젝트는 OpenAPI 사양을 Rest API의 단일 진실 공급원(single source of truth)으로 사용하려는 노력이 엿보인다.
OpenAPI 사양을 기준으로 Orval을 통해 프론트엔드
openapi
orval
auto-generate-code
+ 더보기
react-query
msw
0
0
4
읽기모드
1M
Playwright 페이크 미디어 스트림(fake media stream)으로 웹캠(webcam) 촬영 테스트
RECOMMEND POSTS BEFORE THIS
리액트 브라우저 웹캠(web camera) 촬영/녹화 구현하기
0. 들어가면서
브라우저에서 웹캠으로 촬영하는 기능은 웹 API를 사용하기 때문에 단위 테스트로 검증하는 것에 한계가
playwright
e2e-test
fake
+ 더보기
webcam
media-stream
0
0
3
읽기모드
1M
리액트 브라우저 웹캠(web camera) 촬영/녹화 구현하기
0. 들어가면서
최근 참여한 프로젝트에는 브라우저에서 비디오 녹화와 사진 촬영 기능이 구현되어 있었다. 코드가 복잡해 보여서 리팩토링이 필요해 보였다. API 기능을 정확히 이해해야 문제 없이 리팩토링 할 수 있을 것 같아서 어떻
react
browser
web-api
+ 더보기
media-stream
webcam
0
0
3
읽기모드
1M
DynamoDB 페이지 처리(pagination)
RECOMMEND POSTS BEFORE THIS
타입스크립트 애플리케이션에서 LocalStack 테스트 컨테이너 사용하기
0. 들어가면서
DynamoDB는 조회할 때 1MB 사이즈 제한이 있다. 그 이상 데이터를 조회하고 싶은
test
test-container
aws
+ 더보기
dynamodb
localstack
0
0
3
읽기모드
1M
동시성(concurrency) 문제와 DynamoDB 원자적(atomic) 업데이트
RECOMMEND POSTS BEFORE THIS
데이터베이스 락(Database Lock)
DynamoDB single table design
타입스크립트 애플리케이션에서 LocalStack 테스트 컨테이너 사용하기
0. 들어가
test
test-container
aws
+ 더보기
dynamodb
localstack
0
0
2
읽기모드
2M
타입스크립트 애플리케이션에서 LocalStack 테스트 컨테이너 사용하기
RECOMMEND POSTS BEFORE THIS
테스트 더블(Test Double)
Setup DynamoDB with LocalStack
0. 들어가면서
신뢰할 수 있는 테스트(reliable test)를 작성하려면 실제 환경
typescript
test-container
localstack
+ 더보기
aws
s3
dynamodb
0
0
1
읽기모드
2M
FAISS 인덱싱과 검색
RECOMMEND POSTS BEFORE THIS
검색 증강 생성(RAG, Retrieval-Augmented Generation) LangChain 예제
스탠포드 STORM 프레임워크의 RAG 확장하기
0. 들어가면서
스탠포드
ai
ai-agent
rag
+ 더보기
context-engineering
0
0
1
읽기모드
2M
스탠포드 STORM 프레임워크의 RAG 확장하기
RECOMMEND POSTS BEFORE THIS
검색 증강 생성(RAG, Retrieval-Augmented Generation) LangChain 예제
0. 들어가면서
예전에 스탠포드 STORM(Synthesis of Topi
standford-storm
ai
ai-agent
+ 더보기
rag
context-engineering
0
0
1
읽기모드
2M
온톨로지 파일 neo4j 임포트(import)하기
RECOMMEND POSTS BEFORE THIS
인공지능(AI)과 온톨로지(ontology)
0. 들어가면서
이전 글에서 다룬 것처럼 온톨로지(ontology)는 RDF(Resource Description Framework)와
ai
ai-agent
ontology
+ 더보기
context
context-engineering
0
0
1
읽기모드
3M
인공지능(AI)와 온톨로지(ontology)
0. 들어가면서
최근 지인과 온톨로지(ontology)에 대한 이야기를 잠깐 나눌 기회가 있었다. 나도 AI 관련 기술에 점점 관심이 커지는 중인데, 공부할 좋은 주제 거리를 하나 찾은 느낌이다. 기술적인 내용을 다루기 전에 온톨
AI
AI-agent
ontology
+ 더보기
context
context-engineering
0
0
2
읽기모드
4M
Github MCP 서버를 통한 풀 리퀘스트(pull request) 워크플로우
RECOMMEND POSTS BEFORE THIS
MCP(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
0
0
1
읽기모드
4M
Playwright MCP 서버를 통한 E2E 테스트 워크플로우
RECOMMEND POSTS BEFORE THIS
MCP(Model Context Protocol)와 MCP 서버-클라이언트
피그마(figma) MCP 서버 사용하기
트래커 부트(tracker boot) MCP 서버로 프롬프트 컨
e2e-test
playwright
tracker-boot
+ 더보기
ai-agent
large-language-model
model-context-protocol
context-engineering
0
0
1
읽기모드
5M
트래커 부트(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
0
0
2
읽기모드
About
Badge
Contact
Activity
Terms of service
Privacy Policy