About
Profile
JavaScript와 TypeScript를 주로 사용합니다.
ES6+ 개발을 지향하며 Babel과 polyfill 적용이 가능합니다.
HTML과 CSS를 사용하여 퍼블리싱이 가능합니다.
Scss와 Less 같은 전처리기를 사용했으며, 현재는 주로 styled-components(CSS-in-JS)를 사용합니다.
Vuetify, antd, tailwindcss, shadcn 등의 다양한 CSS 프레임워크를 사용하여 프로젝트를 완료했습니다.
React, Vue.js(v2)와 Nuxt.js 프레임워크를 사용한 프로젝트 경험이 있습니다.
Sveltekit, Node를 사용한 프로젝트 경험이 있습니다.
d3.js, chart.js, openlayers, three.js 등 다양한 라이브러리를 능숙하게 사용할 수 있습니다.
react-redux, recoil, zustand로 상태 관리를, react-query로 데이터 관리를 할 수 있습니다.
UMD, CJS, ESM 형식으로 모듈 개발 및 배포가 가능하며, 사내 저장소(nexus3) 구축 경험이 있습니다.
사내 프로젝트 환경에 맞춰 Vite.js로 개발 및 배포를 최적화했습니다.
Storybook으로 UI를 개발하고 Atomic Design으로 컴포넌트를 관리합니다.
vitest와 testing-library를 이용하여 컴포넌트 테스트가 가능합니다.
i18n을 활용한 다국어 처리 경험이 많으며, dayjs와 antd를 사용하여 태국 불력을 처리해본 경험이 있습니다.
D3.js와 Three.js를 사용해 차트 및 모델링 등 데이터를 시각화하는 데 능숙합니다.
지도 좌표 체계를 이해하고 있으며, 좌표 변환, 타일 구성, 레스터 및 벡터 등 GIS 업무 경험이 많습니다.
크로스 브라우징(IE11 이하) 및 반응형 웹 개발 경험이 있습니다.
기술 트렌드에 뒤처지지 않기 위해 틈틈이 오픈소스를 분석하고 벤치마킹합니다.
오픈소스 제작 및 배포 경험이 있습니다.
(https://www.npmjs.com/package/color-contrast-finder)
Experience
뷰노
2020-08-31 ~
프론트엔드 개발자
솔루션 Fundus AI 유지보수
(2024-11-25 ~ )사내 Deploy 시스템 개발
(2024-11-01 ~ 2024-11-30)솔루션 Labeling Tool 개발
(2024-07-01 ~ 2024-11-30)매뉴얼 홈페이지 개발
(2024-06-01 ~ 2024-07-31)솔루션 Deepbrain v2 유지보수
(2024-01-01 ~ 2024-05-31)공통 모듈 개발 (date, fetch, components, ...)
(2023-12-01 ~ 2024-01-31)솔루션 Fundus-AI v2 개발
(2023-06-01 ~ 2023-12-31)솔루션 DeepBrain v2 개발
(2022-12-01 ~ 2023-05-31)솔루션 LungQuant 유지보수
(2022-11-01 ~ 2022-12-31)솔루션 모노레포 기반으로 개발환경 구축
(2022-08-01 ~ 2022-12-31)솔루션 Boneage v2 개발
(2021-09-01 ~ 2022-08-31)솔루션 Boneage&Amway 개발
(2021-01-01 ~ 2021-03-31)크레딧 시스템 개발
(2020-11-01 ~ 2021-10-01)솔루션 Boneage 유지보수
(2020-08-01 ~ 2022-08-31)
CRA 기반의 개발 환경 구축
yarn berry 테스트
CRA 에서 느린 빌드 속도 개선 (약 30% 개선되었으나 불만족으로 인해 Vite 도입)
vitejs 기반의 모노레포 개발 환경 구축
모노레포 기반 프로젝트 진행 및 공통 모듈 사용, 첫 프로젝트 성공
pnpm workspace & changesets 조합을 사용한 관리
공통 모듈 (ui, date, fetch, locales) 배포 및 버전 관리
merge 시 git actions를 사용하여 사내 저장소에 모듈 버저닝 및 자동 배포
storybook을 사용하여 통합 UI 관리
vitest를 사용하여 공통 컴포넌트의 테스트 코드 작성
git-actions를 사용하여 CI & CD 관리
유저 관리에 필요한 admin 페이지 개발
react-hook-form과 yup을 사용하여 모든 form 요청 통일
dayjs 를 사용하여 태국 불력 지원 및 antd DatePicker에서 불력 처리
socket.io를 사용하여 실시간 양방향 통신 구현
flask jinja2 템플릿을 이용한 리포트 페이지 뷰어 기능 개발
세로형 모니터를 위한 반응형 UI 적용
Dark theme 지원
axios를 이용한 토큰 갱신 및 refetch 등 공통 모듈 관리
WebSocket Manager 관리로 정보 공유 기능 구현
i18n을 통한 다국어 지원
node 기반의 GraphQL 및 Prisma 코드 유지 보수
react-query 를 사용한 데이터 관리
redux, recoil, zustand 상태 관리 경험
Container & Presenter, Atomic Design, FSD Pattern 경험
데이터 기반 통계 대시보드 및 시각화 페이지 개발
sveltekit 으로 사내 서버에 배포 시스템 개발
유피와이
2018-11-26 ~ 2020-07-27
프론트엔드 개발자
ELand ERP 솔루션 개발
(2020-04-01 ~ 2020-07-31)사내 GIS 솔루션 개발
(2019-12-01 ~ 2020-07-31)사내 반응형 홈페이지 제작
(2019-10-01 ~ 2019-12-01)XCurenet 보안시스템 개발
(2019-01-01 ~ 2019-03-31)한전 ADMS-NMS 솔루션 개발
(2018-11-01 ~ 2019-01-31)
매장 관리 시스템을 도면으로 시각화하고, 편집 및 관리 기능 개발
Library를 UMD로 배포하여 외부에서 사용 가능하도록 개발
Openlayers 라이브러리의 소스 개선 및 nexus3에 재 배포된 라이브러리 관리
사내 GIS 엔진을 이용한 지도 표시 및 데이터 시각화 프로젝트 수행
nexus3 서버 구축 및 사내 GIS 엔진 및 기타 모듈 관리
사내 홈페이지를 리뉴얼하여 반응형 정적 페이지로 제공 (Nuxtjs)
보안 기능을 웹으로 시각화하고 관리 기능 개발
업무에 맞춘 보안 설정 및 조작 기능 개발
지도 상에 설비를 시각적으로 표시하고 데이터 시각화
각종 데이터를 수집하여 대시보드 기능 개발
혜만테크
2011-08-08 ~ 2018-11-25
프론트엔드 개발자
한전 해상풍력 고장구간 판독 시스템
(2018-04-01 ~ 2018-05-31)한전 해상풍력 GIS기반 종합상황감시 시스템
(2017-01-01 ~ 2018-12-01)사내 3D Map 엔진 개발 참여
(2016-05-01 ~ 2016-10-31)해외 GIS 엔진 프로토타입 개발
(2016-03-01 ~ 2016-10-01)부영산전 스마트 열배관 시스템 고도화
(2015-12-01 ~ 2016-03-31)사내 GIS 제품 3.0 엔진 개발
(2015-09-01 ~ 2018-12-01)티브로드(TSIS) 도면관리 시스템
(2015-04-01 ~ 2015-08-31)사내 GIS 제품 2.0 고도화
(2014-03-01 ~ 2015-03-31)스마트 열배관 시스템(부영산전)
(2013-11-01 ~ 2014-03-03)LG U+ WEB-GIS 고도화
(2013-07-01 ~ 2013-10-31)사내 GIS 제품 2.0 엔진 개발
(2012-07-01 ~ 2013-07-01)K-EMS 시각화 (한전 KDN)
(2012-03-01 ~ 2012-07-01)N/W 선로 효율화 접속함체 결선도 기능 개선 (LG U+)
(2011-08-01 ~ 2012-03-31)Web-GIS 소스 현행화 및 유지보수 (LG U+)
(2011-08-01 ~ 2011-12-01)
다양한 설비 데이터를 차트 형태로 시각화하여 데이터 분석 및 관리 기능 제공
GIS 엔진 모듈 업데이트 및 최적화 작업 수행
시스템 성능 향상과 안정성을 위한 유지 보수 및 개선 작업 진행
레거시 코드 분석 및 유지 보수
Cesium Library 분석 및 엔진 개발
모델링 된 터빈 데이터를 Threejs를 사용하여 화면에 표출
rtsp를 이용한 CCTV 화면 정보 연계
Certificate
정보처리기사
취득일 : 2015-05-08