미리보기

애플리케이션 성능과 접근성을 개선하여 사용자 경험 강화.

최신 프로그래밍 패러다임 학습 및 스터디 운영으로 프로젝트 효율성과 팀 협업 강화.

GA와 GTM 데이터를 활용해 분석 및 A/B 테스트로 전환율 향상.

다양한 시스템 통합, 명확한 요구사항 정의, 체계적인 타임라인 관리

팀 간 협업 강화와 명확한 방향 제시로 프로젝트 진행 원활화.

정기 리뷰 및 피드백으로 문제를 신속히 해결하고 고객 만족 극대화.

작성중

프로젝트 간 UI 디자인과 구현의 일관성이 부족하고, 중복 작업으로 개발 생산성이 저하되는 문제가 있어 UI 구성 요소를 중앙에서 관리하고 팀 간 공통 언어를 제공하기 위한 프론트엔드 디자인 시스템을 도입.

Storybook으로 문서화해 팀원들이 쉽게 활용 가능하도록 함.

디자인과 개발의 일관성을 유지하며 개발 시간을 단축하고, 협업 효율성과 유지보수성을 크게 향상.

Canvas 기능 구현의 복잡성 문제를 Fabric.js를 사용해 최적화하여 다양한 그래픽 결과물을 효율적으로 구현.

코드 가독성과 디버깅 효율성이 낮았던 부분은 MVC 패턴으로 역할을 분리해 상태 흐름 예측을 용이하게 함.

에러 처리의 일관성 부족 문제는 백엔드와 협업해 통일된 Error Class 기반의 Effect Handler를 정의하여 디버깅 효율과 시스템 안정성을 강화.

복잡한 글로벌 상태 관리와 동기·비동기 데이터 처리 안정성 부족 문제를 Recoil.js로 Atom 단위로 관리하며 심화 기능을 활용해 해결.

API 연동 및 다국어 지원의 비효율성은 MSW를 사용한 API Mocking과 react-i18next를 활용해 UI 개발 속도와 로케일 관리 효율성 향상.

리팩토링 과정에서 발생하는 버그를 최소화하기 위해 Unit 및 e2e 테스트를 도입해 안정적인 개발 환경 구축.

비동기 처리와 에러 관리가 복잡했던 부분은 SuspenseWithErrors 컴포넌트를 도입해 loading과 error 상태를 한 곳에서 처리하도록 개선.

Axios와 Interceptor를 활용해 비즈니스 로직을 체계적으로 설계하고, 커스텀 에러 처리를 구현.

상태 관리와 데이터 흐름의 복잡성 문제는 Vuex를 통해 상태와 서비스를 분리.

코드 재사용성과 유지보수 문제를 해결하기 위해 모듈화와 DI 패턴을 적용하고, Immer와 Lodash로 불변성 관리를 최적화했으며, Builder 패턴으로 가독성을 개선.

Babel과 Polyfill 설정으로 크로스 브라우징 문제를 해결하며 안정성을 강화.

비즈니스 로직과 View의 관심사가 혼재된 코드는 VAC 패턴으로 분리해 유지보수를 용이.

상태관리와 에러 처리 문제는 Context와 AsyncErrorBoundary를 활용해 통합적으로 관리.

Token 인증 방식으로 전환하여 성능과 사용자 경험을 개선.

글을 작성하는 개발 직군분들이 모여서, 좋은 영향을 주고 서로 같이 자랄 수 있는 커뮤니티

2주마다 최소 글 1편 작성 및 공유

5개월 동안 12편의 글 기고

현직 개발자들이 함께 경험을 쌓으며 성장하는 IT 커뮤니티

매주 아티클/컨퍼런스를 읽거나 시청한뒤 정리 (

8주 동안 16편 아티클 정리)

Estsoft 사내 프론트팀 스터디 그룹 활동

법무법인 Namsan 사이트 제작 및 유지보수

개발자와 디자이너가 함께 성장하는 IT 연합동아리, 팀 프로젝트 활동

요식업 사이트 (부엉이 산장) 제작 및 유지보수(2024년 4월)

8주간 개발자와 디자이너가 협업하는 사이드 프로젝트 활동