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

Pretext 라이브러리

반복 생성 시나리오의 조작 비용 절감

[UX 개선안] 3. 연속 생성(Continuous Creation) 패턴 도입 제안

폴더 선택 모달의 컨텍스트 이탈 문제 개선

[UX 개선안] 2. 컨텍스트 이탈을 막기 위한 인라인 폴더 생성 기능 지원 제안

아이코노그래피와 모션의 정합성 확보

[UX 개선안] 1. 드로어 닫기 아이콘 방향 불일치 개선

Swagger 문서 기반으로 swagger-typescript-api를 도입해 DTO 타입·API 호출 코드를 자동 생성하고, 레거시 React Query 훅을 점진 마이그레이션/자동화해 타입 안정성과 개발 생산성을 높인 과정을 정리했다.

Swagger 문서 기반 타입 자동 생성으로 프론트엔드 API 연동 자동화하기 (feat. swagger-typescript-api)

CopilotKit으로 간단한 AI 서비스를 만들어보자.

[기술부채] AG-UI와 CopilotKit - 2

에이전트 기반 서비스를 개발하기 위해 AG-UI 프로토콜에 대해 알아보자.

[기술부채] AG-UI와 CopilotKit - 1

빛이 새어나오는 문을 여닫는 인터랙션을 구현해보자.

[인터랙티브 웹] 빛이 새어나오는 문 만들기

현대 프로그래밍 패러다임과 관련된 수리 논리학 개념에 대해 알아보았다.

[기술부채] 커링의 어원과 함수형 프로그래밍

서비스 워커의 개념과 활용 예제에 대해 알아보자.

[기술부채] Service Worker(서비스 워커)

서로 다른 브라우징 컨텍스트 사이에 데이터를 전달하는 방법

[기술부채] iframe과 postMessage

클래스 컴포넌트에서 함수형 컴포넌트로의 패러다임 변화, React Hook의 의의

[기술부채] 왜 리액트는 클래스를 버리고 함수를 선택했을까(feat. React Hooks)

웹 드라이브의 파일 시스템을 구현하면서 발생한 논의 과정과 결론을 정리해보았습니다.

객체 스토리지 기반의 계층 구조 설계(feat. 클로저 테이블(Closure Table))

클라이언트 사이드 라우팅의 개념과 장단점을 알아보자.

[기술부채] 클라이언트 사이드 라우팅

신년을 맞이해 지금까지 한 해동안 이루었던 목표를 돌아보고, 새로운 목표를 세워보았다.

2025년도 회고 & 2026년도 목표 설계

2025년 하반기 동안 이루어낸 것과 아쉬웠던 것들

2025년도 하반기 회고

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

2025 4분기, 이직을 준비하는 과정에서 느낀 것들

일을:하자를 기획하게 된 이야기와 현재 개발 상황에 대하여

프로젝트 일을:하자 - 1. 기획과 1차 MVP 배포

사용자 경험 개선을 위해 Event Stream 기반의 실시간 데이터 처리를 구현했습니다.

실시간 타이핑 UI로 체감 로딩시간 줄이기(feat. Event Stream)

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

클라이언트(localStorage) 기반 인증에서 서버(httpOnly 쿠키) 기반 인증으로 개선하기(feat. Next.js+Supabase)

Q. 왜 기본 img 태그 대신 next/Image를 사용하셨나요?

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

useEffect와 useLayoutEffect의 차이점에 대해서 설명해주세요

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

프로젝트 장작 - 1. 프로젝트 설계

Q. tanstack-query에서 stale time과 gc time의 차이점에 대해서 설명해주세요

Q. 리액트에서 변수 관리 시 useRef를 사용하는 것은 let을 사용하는 것과 어떤 차이가 있나요?

Figma에서의 작업 시간을 단축시킬 수 있는 단축키를 시각화하여 정리해보았다.

[Figma] 유용한 단축키 모음(feat. Mac)

디자인 시스템을 구축하면서 논의했던 문제들

디자인 시스템 설계 과정에서 고민했던 개발 측면에서의 논의점들(feat. Storybook 스터디)

한 분기 동안 동기부여 모임을 운영하고 느낀 것

동기부여 소모임 ‘장작’ 운영 회고

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