프런트엔드 개발자 - 이동근 이력서

[성능 개선]
- 컴파일러 교체
- Webpack의 빌드 속도 한계를 개선하기 위해 Vite 도입후 빌드 시간 약 1000% 개선
- Vite 도입 후 기존에 사용 하고 있던 aws-sdk 와의 충돌 이슈 해결
- Babel에서 SWC로 컴파일러를 교체하여 빌드 시간을 약 40% 개선
- 최적화 메모이제이션
- React.memo를 이용하여 props의 얕은비교를 통한 재렌더링 방지
- 로딩시간 동안 사용자 경험을 개선하기 위해 Skeleton UI도입
- 이미지 최적화
- browser-image-compression 을 이용한 이미지 사이즈 감소 ( 5mb → 1mb )
- 이미지 감소 효과로 인한 업로드 속도 향상 ( 750ms → 331ms )
- Intersection Observer API를 통하여 사용자가 해당 화면을 보기전까지 Lazy Loading을 적용하여
  사용자 경험 저하
[공통 컴포넌트 템플릿 제작]
- 공통으로 사용하는 컴포넌트 제작
- 직관적인 사용성을 위해 TypeScript와 JsDoc을 통하여 구현
- 프로젝트에서 사용되는 메인컬러에 대응 수정가능하도록 유연하게 구현
- 공통 컴포넌트를 사전에 미리 제작하여 추후 프로젝트 개발 기간 감소
- Input, Button, SelectBox, Modal 등 10여개의 컴포넌트 구현
- 디자이너와의 협업을 통하여 사전에 미리 디자인 시스템을 구축, 설계하여 디자인 일관성 확보
[프런트엔드 파트장]
- 프로젝트 일정 관리
- 프로젝트별 **업무 분류 체계(WBS)**를 작성하여 업무 체계화
- 매 아침 **데일리 스크럼(Daily Scrum)**을 진행하여 업무 보고 체계
- 효율적입 협업을 위한 코딩 규칙 정의 및 빌드 자동화
- EsLint와 Husky를 도입하여 커밋 전, 푸쉬 전 코드 규칙 체크
- AWS Amplify를 통하여 프로젝트 빌드 자동화
- 함수, 변수의 공통 네이밍을 정의하여 효율적인 협업
- Prettier를 통하여 일관된 코드 형태를 유지
- 협업툴에 대한 가이드 문서 작성
- Git commit 메세지를 정의하여 발생한 변화에 대한 명확한 내용 정의
- 신입 OJT 문서 작성 및 교육
- 기존에 사용하고 있는 개발 방법론등을 문서화 하여 협업 문화 형성

미리보기

경력

기술 스택

포트폴리오

자격증

교육