[쉽길] 프론트엔드 개발 회고
쉽길 프로젝트를 마무리하며 bfcache 이슈 해결, 렌더링 최적화 등 기술적 성과와 사용자 중심의 UI/UX 개선 과정을 회고합니다.
쉽길 프로젝트를 마무리하며 bfcache 이슈 해결, 렌더링 최적화 등 기술적 성과와 사용자 중심의 UI/UX 개선 과정을 회고합니다.

자바스크립트의 싱글 스레드 특성과 이벤트 루프(Event Loop)의 관계를 파헤치고, setTimeout을 활용한 디바운싱 구현 원리를 설명합니다.
무료 아이콘 라이브러리에 에스컬레이터 아이콘이 없는 문제를 CSS background-image를 활용한 커스텀 클래스로 해결하여 UX를 개선했습니다.

마켓컬리의 추천 시스템(Semantic ID, Dual-Head Architecture) 기술 블로그를 분석하고, 지식 증류와 데이터 엔지니어링 전략을 학습합니다.

포트폴리오의 완성도를 높이기 위해 둥지 서비스의 메인 페이지 레이아웃과 컬러 팔레트를 사용자 친화적으로 전면 리디자인했습니다.

쉽길 프로젝트의 역 정보 조회 및 경로 안내 페이지의 UI를 지하철 노선도 스타일로 직관적으로 개편하고, 실제 API를 연동한 개발 일지입니다.

n8n 웹훅의 단일 엔드포인트 한계 극복, 대용량 파일 분석을 위한 비동기 처리 등 해커톤 기간 동안의 치열한 기술적 트러블슈팅과 성장 기록입니다.

AWS EC2(Ubuntu) 환경에서 Docker Compose와 Nginx를 사용하여 React 애플리케이션을 수동으로 빌드하고 배포한 과정을 정리했습니다.

n8n과 CODEF API를 활용하여 등기부등본 조회 및 발급 프로세스를 자동화하고, 수수료 결제 문제를 해결하기 위한 로직을 설계합니다.

AI Agent와 MCP(Model Context Protocol)의 개념적 차이를 이해하고, 이를 둥지 서비스의 핵심 기능인 '둥지 스캔하기'에 적용한 설계를 다룹니다.