Pretext 라이브러리
Pretext 라이브러리에 대해 알아보고 실무에서 적용할 수 있는 포인트에 대해 연구해보았다.

Pretext 라이브러리에 대해 알아보고 실무에서 적용할 수 있는 포인트에 대해 연구해보았다.
![[UX 개선안] 3. 연속 생성(Continuous Creation) 패턴 도입 제안](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fattachment%253Af4b09e3d-8fc7-468c-92d7-fa3730467b97%253AChatGPT_Image_2026%25E1%2584%2582%25E1%2585%25A7%25E1%2586%25AB_4%25E1%2584%258B%25E1%2585%25AF%25E1%2586%25AF_17%25E1%2584%258B%25E1%2585%25B5%25E1%2586%25AF_%25E1%2584%258B%25E1%2585%25A9%25E1%2584%258C%25E1%2585%25A5%25E1%2586%25AB_12_53_55.png%3Ftable%3Dblock%26id%3D3444e137-1950-8149-886f-c703e5a420ae%26cache%3Dv2&w=3840&q=75)
반복 생성 시나리오의 조작 비용 절감
![[UX 개선안] 2. 컨텍스트 이탈을 막기 위한 인라인 폴더 생성 기능 지원 제안](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fattachment%253A862d1c13-73c9-4b2b-998f-03051f627e92%253AChatGPT_Image_2026%25E1%2584%2582%25E1%2585%25A7%25E1%2586%25AB_4%25E1%2584%258B%25E1%2585%25AF%25E1%2586%25AF_17%25E1%2584%258B%25E1%2585%25B5%25E1%2586%25AF_%25E1%2584%258B%25E1%2585%25A9%25E1%2584%258C%25E1%2585%25A5%25E1%2586%25AB_12_53_55.png%3Ftable%3Dblock%26id%3D3444e137-1950-81c5-b72e-c93e6b519f6c%26cache%3Dv2&w=3840&q=75)
폴더 선택 모달의 컨텍스트 이탈 문제 개선
![[UX 개선안] 1. 드로어 닫기 아이콘 방향 불일치 개선](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fattachment%253Ab326dd01-65a7-48b2-91d4-811f216e40fa%253AChatGPT_Image_2026%25E1%2584%2582%25E1%2585%25A7%25E1%2586%25AB_4%25E1%2584%258B%25E1%2585%25AF%25E1%2586%25AF_17%25E1%2584%258B%25E1%2585%25B5%25E1%2586%25AF_%25E1%2584%258B%25E1%2585%25A9%25E1%2584%258C%25E1%2585%25A5%25E1%2586%25AB_12_54_10.png%3Ftable%3Dblock%26id%3D3424e137-1950-80e0-83ce-dcbb8a98f55a%26cache%3Dv2&w=3840&q=75)
아이코노그래피와 모션의 정합성 확보

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)
CopilotKit으로 간단한 AI 서비스를 만들어보자.
에이전트 기반 서비스를 개발하기 위해 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)
빛이 새어나오는 문을 여닫는 인터랙션을 구현해보자.
현대 프로그래밍 패러다임과 관련된 수리 논리학 개념에 대해 알아보았다.
![[기술부채] 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)
서비스 워커의 개념과 활용 예제에 대해 알아보자.
서로 다른 브라우징 컨텍스트 사이에 데이터를 전달하는 방법
클래스 컴포넌트에서 함수형 컴포넌트로의 패러다임 변화, React Hook의 의의
웹 드라이브의 파일 시스템을 구현하면서 발생한 논의 과정과 결론을 정리해보았습니다.
클라이언트 사이드 라우팅의 개념과 장단점을 알아보자.

신년을 맞이해 지금까지 한 해동안 이루었던 목표를 돌아보고, 새로운 목표를 세워보았다.
2025년 하반기 동안 이루어낸 것과 아쉬웠던 것들

1년차 프론트엔드 주니어 개발자로서 이직을 준비하며 새롭게 알게 되고 반성한 것, 앞으로의 다짐

일을:하자를 기획하게 된 이야기와 현재 개발 상황에 대하여
사용자 경험 개선을 위해 Event Stream 기반의 실시간 데이터 처리를 구현했습니다.

인증/인가 로직 주체를 서버 사이드로 이전하면서, 클라이언트 인증 상태에 따른 화면 깜빡임 현상을 해결하였습니다.

next/Image의 장점

React Hook useEffect와 useLayoutEffect를 비교해보았습니다.

목표 관리 & 동기부여 서비스 ‘장작’을 기획하며


![[Figma] 유용한 단축키 모음(feat. Mac)](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fattachment%253A86db952f-c013-4724-86a1-2415ac6379ec%253Aimages.png%3Ftable%3Dblock%26id%3D2434e137-1950-8094-bf7d-f7aa396f28ef%26cache%3Dv2&w=3840&q=75)
Figma에서의 작업 시간을 단축시킬 수 있는 단축키를 시각화하여 정리해보았다.
디자인 시스템을 구축하면서 논의했던 문제들
한 분기 동안 동기부여 모임을 운영하고 느낀 것

2025년 목표와 계획을 세우고 실천한 과정을 공유해요