contact
✉️ wona23@gmail.com
📱 010-7734-9449
channel
GitHub
GitLab
Blog
최종 수정일
2024-12-04
introduce
프론트엔드 개발자가 되기 전에 다양한 경험을 했으며, 프론트엔드 전문 개발자로서 성장하고 있습니다.
- 직관적이고 사용성이 좋은 UI/UX 디자인을 구현하려고 노력합니다.
- 개발자 경험(DX)을 향상하는 방법을 공부하고 적용하는 것을 좋아합니다.
- Modern JavaScript를 가능한 적극적으로 사용하려고 합니다.
- React & TypeScript, Vue와 Vuex를 실무에 사용한 경험이 있습니다.
- CSS 레이아웃 및 스타일링에 필요한 속성을 작성할 수 있고 Sass(SCSS), styled-components, Tailwind CSS 등 스타일 코드를 잘 적용하기 위한 도구들을 활용할 수 있습니다.
- 읽기 쉬운 코드가 좋은 코드라는 믿음을 가지고 있습니다.
- 시맨틱한 태그와 코드 컨벤션을 준수하려고 노력합니다.
- 직관적인 네이밍, 중복 코드 제거 등 꾸준히 리팩토링하는 것을 즐깁니다.
- Git에 대한 기본적인 지식(CLI 명령어)이 있고, branch를 사용할 수 있습니다.
- Mac OS 및 WSL, Linux(Ubuntu, etc) 계열의 shell(bash, zsh)의 기본적인 이해도가 있으며 명령어를 사용할 수 있습니다.
- 기술 지식을 동료와 이야기하고 공유하는 것을 좋아합니다.
skills
JavaScript / TypeScript / React / Vue / HTML / CSS
careers
(주)소울시스템즈
프론트엔드 개발자
2022년 12월 ~ 현재
[ 재직중 ]
램파드(LAMPAD)
2022년 12월 ~ 현재
http://lampad.co.kr
📊 LAMPAD 네트워크 관리 솔루션의 신규 UI/기능 개발 및 유지보수
팀 구성
- 자사 프론트엔드 개발자 2명 / C++ 백엔드 개발자 1명
- 기술팀 및 QA 인원 1명 → 제품 검증
프로젝트 및 개발 내용
- PrimeReact 내부 DataTable 컴포넌트와 React ECharts로 네트워크 분석 데이터 시각화 UI 개발 (기존 Vue.js 2 레거시 코드 React 컨버전 및 리팩토링)
- PrimeReact 및 Tailwind CSS 기반의 스타일 시스템으로 UI 컴포넌트 구현
- C++ 백엔드 개발자와 협업하여 서버 API로 신규 기능 구현
- React i18next를 사용한 제품 다국어 지원(i18n) 구현
- Vite 번들러 도입, semantic-release 패키지 추가하여 버전 관리 및 CHANGELOG 관리 자동화
- Husky 도입으로 commit 시 타입 체크, lint 자동화
기술 스택
(주)디피엘
프론트엔드 개발자
2021년 4월 ~ 2022년 8월
[ 1년 7개월 ]
토요타 지게차 한국 웹사이트(Toyota Forklift Korea)
2021년 7월 ~ 2022년 8월
https://www.toyotaforklift.co.kr
🌐 토요타 지게차 한국 웹사이트 프론트엔드 개발
토요타 지게차 소개와 국내 유일의 총판 회사 홍보를 목적으로 Vue.js 기반의 새로운 사이트를 구축하여 마케팅 효과 상승에 기여 (월평균 구입/렌탈 문의 2건 → 50건)
팀 구성
프로젝트 및 개발 내용
- 테슬라, 포르쉐 등의 고급 자동차 사이트를 벤치 마킹하여 브랜드 이미지 고급화
- 디자이너와의 협업으로 Adobe XD 시안을 바탕으로 마크업 및 스타일링 작성
- UI 라이브러리 없이 직접 SCSS로 UI 컴포넌트를 작성, 반응형의 경우 페이지마다 달라지는 화면 크기로 구현하며 UI에 대한 이해도 향상
- 페이지 공통 요소를 컴포넌트로 설계하여 일관적인 UI가 유지되도록 구현
- Vue의 속성(watch, computed)과 정규표현식을 활용한 Contact 페이지 form 검증 로직 구현
- Vuex를 활용하여 문의 페이지 form 입력값을 전역 상태로 관리
- 일부 페이지에 TailwindCSS와 유사한 Windi CSS를 적용
- Git branch를 기능별로 나눠서 개발
- GitHub Action과 AWS S3를 활용한 배포 자동화를 적용
- 메타 태그로 SEO를 적용
기술 스택
- Vue 2(with Vue CLI 4), Vuex / Sass(SCSS), Windi CSS, RESTful API(Axios)
- AWS S3, CloudFront, Route53
- Prettier, ESLint
(주)포엠텍
OD4U
일리오
other_experiences
Press