
Vue3, Composition API와 Pinia를 이용한 상태관리 (1)
Vue3 프로젝트에서 Composition API와 Pinia를 활용한 상태관리 경험을 공유했습니다. 인재풀 프로젝트 개편을 계기로 실무 적용 흐름과 도입 포인트를 정리했습니다.

Vue3 프로젝트에서 Composition API와 Pinia를 활용한 상태관리 경험을 공유했습니다. 인재풀 프로젝트 개편을 계기로 실무 적용 흐름과 도입 포인트를 정리했습니다.

Webpack에서 Vite로 번들러를 옮겨 빌드 속도를 높이는 내용을 다뤘습니다. Vite의 빠른 개발·빌드 경험과 인기 배경을 소개했습니다.


2022 DevRel Awards 사전 이벤트로 QR 보물찾기 서비스를 기획하고 개발한 후기입니다. 어뷰징 방지와 한정된 개발 환경에서의 구현 고민을 정리했습니다.

줌인터넷 프론트엔드 파트의 표준화 코어 패키지 도입과 분리 과정을 소개했습니다.\nSSR, 캐시, 설정 표준화로 유지보수와 배포 시간을 개선한 내용을 정리했습니다.

Vue.js SSR과 Canvas API로 INVESTING.COM 클론 코딩 파일럿 프로젝트를 진행한 경험을 정리했습니다. 실시간 시세, 차트, 검색, 댓글 기능과 함께 협업 방식과 기술적 고민을 공유했습니다.

채용 과정에서 프론트엔드 신입을 평가하기 위해 과제, 채점표, 코드리뷰를 도입한 사례를 정리했습니다. 지원자에게 객관적 피드백을 주며 원리 이해와 구현 역량을 확인한 과정입니다.
쿠팡 파트너스
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

서비스별 Scheduler DB 분산으로 중단된 Quartz Scheduler Admin을 다시 사용할 수 있게 고도화했습니다.\n동적 DataSource 관리, 즉시 실행, 구글 OAuth 로그인, 실행 이력 관리와 RoutingDataSource 구조를 구현했습니다.

크롬 확장프로그램을 Vue와 Chrome API로 개발하고 배포한 과정을 회고했습니다. 검수 과정에서 권한, HTTPS, CSP, 리소스 처리 같은 실무 이슈를 정리했습니다.

모바일 줌의 Spring Boot 백엔드를 Node.js Express와 Vue SSR 기반으로 전환했습니다. 검색엔진 유입과 TPS가 개선되고 코드와 메모리 사용량도 줄었습니다.

Vue.js와 Spring Boot로 주제별 영상 제공 모바일 웹 서비스를 구현했습니다.\n크롤링, 캐시, JWT, 코드 스플리팅과 GitHub 기반 일정 관리까지 함께 다뤘습니다.

Webpack Dev Server로 프론트엔드 단독 개발 모드를 구성하는 방법을 설명했습니다. Axios와 stub 파일, before 훅을 활용해 백엔드 없이도 API 응답을 모사했습니다.

Webpack Dev Server의 proxy로 모든 요청을 백엔드에 우회시키고, HTML 응답에만 번들 스크립트를 주입하는 dev 모드를 구성했습니다. 이를 통해 SPA와 서버 템플릿을 함께 테스트하면서 CORS 없이 배포 유사 환경을 만들었습니다.

4주간 소셜 로그인 기반 게시판 CMS 파일럿 프로젝트를 구현하며 Vue와 SpringBoot 실무 기술을 학습했습니다. 이미지 업로드, 권한 처리, XSS 방지 같은 구현과 문제 해결 과정을 정리했습니다.