💻 개발
Pretext 라이브러리
2026년 4월 19일
Pretext 라이브러리에 대해 알아보고 실무에서 적용할 수 있는 포인트에 대해 연구해보았다.
💻 Profile
amaranth
개발자
후회없는 오늘을 위해 최선을 다하자
🌱 Posts (15)
2026
1월2월3월4월5월6월7월8월9월10월11월12월
#프론트엔드 Posts
💻 개발
Swagger 문서 기반 타입 자동 생성으로 프론트엔드 API 연동 자동화하기 (feat. swagger-typescript-api)
2026년 4월 12일
Swagger 문서 기반으로 swagger-typescript-api를 도입해 DTO 타입·API 호출 코드를 자동 생성하고, 레거시 React Query 훅을 점진 마이그레이션/자동화해 타입 안정성과 개발 생산성을 높인 과정을 정리했다.
💻 개발
![[기술부채] AG-UI와 CopilotKit - 2](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fattachment%253A8092dc5a-77cd-47c2-9947-ac98ed0574ef%253AFrame_128.png%3Ftable%3Dblock%26id%3D3314e137-1950-80c0-a96b-f79c661f0893%26cache%3Dv2&w=3840&q=75)
[기술부채] AG-UI와 CopilotKit - 2
2026년 3월 29일
CopilotKit으로 간단한 AI 서비스를 만들어보자.
💻 개발
[기술부채] AG-UI와 CopilotKit - 1
2026년 3월 27일
에이전트 기반 서비스를 개발하기 위해 AG-UI 프로토콜에 대해 알아보자.
💻 개발
![[인터랙티브 웹] 빛이 새어나오는 문 만들기](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fattachment%253A40ba1d2a-00fb-44fd-9fee-d4b28243fb24%253AMar-15-2026_04-34-59.gif%3Ftable%3Dblock%26id%3D3244e137-1950-800c-af11-f7ebad26e4f4%26cache%3Dv2&w=3840&q=75)
[인터랙티브 웹] 빛이 새어나오는 문 만들기
2026년 3월 15일
빛이 새어나오는 문을 여닫는 인터랙션을 구현해보자.
💻 개발
[기술부채] 커링의 어원과 함수형 프로그래밍
2026년 3월 12일
현대 프로그래밍 패러다임과 관련된 수리 논리학 개념에 대해 알아보았다.
💻 개발
![[기술부채] Service Worker(서비스 워커)](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fattachment%253A3945f8da-3f76-434b-b756-bc0991410e85%253Asw.png%3Ftable%3Dblock%26id%3D3114e137-1950-8079-92f3-ebf6d642f5bd%26cache%3Dv2&w=3840&q=75)
[기술부채] Service Worker(서비스 워커)
2026년 2월 24일
서비스 워커의 개념과 활용 예제에 대해 알아보자.
💻 개발
[기술부채] iframe과 postMessage
2026년 2월 20일
서로 다른 브라우징 컨텍스트 사이에 데이터를 전달하는 방법
💻 개발
[기술부채] 클라이언트 사이드 라우팅
2026년 2월 5일
클라이언트 사이드 라우팅의 개념과 장단점을 알아보자.
💻 개발
실시간 타이핑 UI로 체감 로딩시간 줄이기(feat. Event Stream)
2025년 11월 9일
사용자 경험 개선을 위해 Event Stream 기반의 실시간 데이터 처리를 구현했습니다.
💻 개발
클라이언트(localStorage) 기반 인증에서 서버(httpOnly 쿠키) 기반 인증으로 개선하기(feat. Next.js+Supabase)
2025년 11월 8일
인증/인가 로직 주체를 서버 사이드로 이전하면서, 클라이언트 인증 상태에 따른 화면 깜빡임 현상을 해결하였습니다.
💻 개발
Q. 왜 기본 img 태그 대신 next/Image를 사용하셨나요?
2025년 10월 31일
next/Image의 장점
