Introduce

• 저의 강점은 꾸준함입니다.
• 문제를 정의하고 그 상황에 대해 최적의 방법 & 여러 관점에서 고민하는 것을 좋아합니다.
• 최적화와 원리에 관심이 많습니다.
• 블로그를 직접 개발해서 운영하고 있습니다.
• 가독성 있고 확장 가능한 코드를 짜기위해 노력합니다.

Profile

Github : https://github.com/iamjunghwan

Blog : https://iaman.kr/

Summary key

• Next.js, React.js
• Javscript, Typescript

Personal History

TongYang Systems ( Front-End )

2020.09 ~ 2024.06 ( 3년 10개월 )

• 전사 표준 프론트엔드 프레임워크 구축

  • 초기 환경부터 SPA(React) , SSR(Next.js) 개발 및 유지보수, 배포
  • DX Best Practice 내재화
    • JavaScript 번들 사이즈 최소화
    • Next.js 웹 성능 지표 약 25% 개선
    • 통신 모듈화 (react-query , axios)하여 통신 비용 절감
    • Typescript, zustand 도입
    • 전사 표준 자동화 CI/CD 구축
      • 확장성 및 재사용 가능한 Jenkins 모듈화
  • 성장 및 배운점

    • 그 동안 프로젝트 시 만들어진 공통 프레임워크를 사용하여 개발 했었는데 처음부터 직접 개발해 보니

      • SPA, SSR에 대한 아키텍처 설계의 중요성

      • UX를 위한 성능 최적화 ( JS 번들사이즈, 웹 성능 지표 등 )

      • DX에 대한 고민 및 적용 ( 프로젝트 설정 자동화, ESLint/Prettier 등 )

      • 코드 일관성 및 재사용성( 공통 컴포넌트 , 함수, 스타일 가이드 등 )

        기술 및 협업의 중요성을 배웠고 결론적으로 개발 생산성이 높아졌습니다.

    • 사내 표준 CI/CD 자동화를 구축 하면서 인프라 설계 및 구축에 대해 거부감이 없어졌습니다.

• 렌탈 시스템 재구축 ( SK Magic )

  • JSP를 React.js로 마이그레이션
  • 메인 화면 개발 ( 많은 api 통신 비용을 절감함으로써 속도 개선 7초→1초 )
  • 풀스택으로 개발
  • 성장 및 배운점
    • CSR로 유연한 UX, 상태관리, 라우팅, 컴포넌트 기반 UI 등 모던 프론트엔드의 책임에 대해 많은 부분을 배웠습니다.