Post
AllMCPAIFrontendTaskManagerCursor.aiCursorNext.jsTailwindReact프론트엔드성능최적화JavaScript항해플러스후기항해솔직후기항해플러스프론트엔드Figma배포Nginx온프레미스ViteSpring BootDockerMDXNavigationvanilla-extract디자인토큰디자인시스템reactpdfhtml2canvasjspdfhooks리팩토링
프론트엔드15분
백엔드에 붙어버린 프론트엔드 빌드 파일 분리하기
온프레미스 환경에서 백엔드와 같이 빌드되는 프론트 로직 분리의 기록
읽기 →MCP10분
Shrimp Task Manager MCP 맛보기
Shrimp Task Manager MCP에 대해서 소개합니다.
읽기 →프론트엔드20분
프론트엔드 성능 최적화 - 실행 로직 경량화
프론트엔드 코드 레벨에서 적용할 수 있는 성능 최적화 기법들을 단계별로 정리한 가이드
읽기 →MCP5분
MCP 맛보기
MCP에 대해서 그리고 Figma MCP + Cursor로 UI컴포넌트 생성해보기
읽기 →Cursor.ai5분
프론트엔드 개발자의 Cursor.ai 사용기
Cursor.ai 에 대해서 알아보자
읽기 →항해플러스후기5분
10주간의 항해를 마치며
항해 플러스 프론트엔드 5기 회고
읽기 →Next.js5분
Next.js 블로그에 시리즈 네비게이션 구현
Next.js 블로그에서 연관된 포스트들을 시리즈로 묶어 네비게이션하는 방법을 알아보자
읽기 →Next.js5분
Page Router vs App Router
Next.js의 App Router에 대한 개념과 Page Router와의 차이점을 알아보자
읽기 →Figma5분
Figma 디자인 토큰을 vanilla-extract로 변환하기
Figma 디자인 토큰을 vanilla-extract로 변환한 자동화 경험을 공유합니다.
읽기 →Next.js5분
Next.js 블로그에 다크모드 적용하기
Next.js로 만든 블로그에 다크모드를 구현하는 과정을 공유합니다. Tailwind CSS의 다크모드 기능과 React의 상태관리를 활용하여 구현했습니다.
읽기 →react5분
React에서 컴포넌트를 PDF로 저장하기
html2canvas와 jsPDF, 그리고 커스텀 훅 개선기
읽기 →