이력서
15년 이상 경력의 프론트엔드 개발자로 다수의 프로젝트 개발 경험을 보유하고 있습니다. 프리랜서로서 다양한 규모/기능/형태의 웹 서비스를 개발하고 있습니다. 스타트업에서 약 6년간 챗봇 빌더 및 관리 사이트, 웨딩 웹 솔루션 등 프론트엔드 개발 책임자로 일했습니다.
프로필
주요 강점
- 높음 품질과 신뢰 꼼꼼하게 요구 사항을 모두 구현하며 반복적인 테스트로 버그를 최소화한 품질 높은 산출물을 만듭니다. 신뢰가 쌓여 연속해서 일을 받거나 외주로 일하던 스타트업에서 계약직으로 일하고 이어서 다른 스타트업으로 인연을 이어가기도 했습니다.
- 디자인과 기획 이해력 산업디자인을 공부하여 디자인·기획에 대한 높은 이해도를 가지고 있으며, 백엔드 영역과도 원활하게 협업하며 웹 제작 프로세스의 중간 다리 역할을 잘 수행합니다.
- 다양한 개발 경험 신규 제작부터 주간 개선 사이클의 프로젝트, 다양한 규모의 회사, 다양한 UI와 기능, 1페이지부터 수십 페이지의 다양한 분량까지 폭 넓은 개발 경험을 갖고 있습니다.
전문 기술
전문 분야와 기술, 개발할 때 사용하는 도구입니다.
- 웹 표준, 브라우저 호환성, 반응형 웹, 웹 접근성, SEO, SPA, SSR, PWA
- React/Next.js, Angular, JavaScript(ES6+), TypeScript, RxJS, Gatsby
- HTML5/CSS3, Tailwind CSS, shadcn/ui, Bootstrap, Material, Sass
- Git, pnpm, npm, Chrome DevTools
- AWS(S3, Lambda), Firebase(Hosting, Functions), Vercel, Netlify
- Google Analytics, Google Tag Manager, Google Optimize, Amplitude, Airbridge, Facebook Pixel, Kakao Pixel, Lighthouse
- Vibe coding, AI Coding Agents(ChatGPT, Claude), OpenRouter
협업을 위해 사용하는 도구입니다.
- 커뮤니케이션: Slack, Email
- 프로젝트 및 이슈 관리: Notion, GitHub, Bitbucket, JIRA, Redmine, Wrike, Trello
- 기획: Oven, AXURE, Balsamiq Mockups, PowerPoint
- 디자인: Figma, Zeplin, InVision, Sketch
경력
- 프리랜서 프론트엔드 개발자
- 다양한 규모의 30개 이상 프로젝트에 참여
- 띵스플로우 프론트엔드 개발자 (정규)
- 챗봇 빌더 '헬로우봇 스튜디오' 및 '헬로우봇 스킬스토어'의 프론트엔드 개발 전담 및 지속적인 개선 작업 진행
- 하우투메리 프론트엔드 개발자 (계약)
- 스타트업 하우투메리(현 웨딩북)에서 웨딩 업체를 위한 웹 솔루션 '웨딩마루', '스튜디온', '웨딩북' 개발 전담 및 지속적인 개선 작업 진행
- 디자인하우스 월간디자인 편집부 기자 (인턴)
- 잡지 월간디자인 2020년 5월호부터 10월호까지 기자로 참여
학력
- 홍익대학교 산업디자인과 학사 졸업
- 제품디자인전공 | 학점 3.83/4.5 | 장학금 6회 수여 삼성물산 래미안 산학협동 2009 - Fresh Hands, Reddot award-design concept Interior Accessories 부문 Winner 수상 MIT xD.24h Project 2009 - Inclusive Design Workshop 2위 선정 옴니시스템 산학협동 2008 - 우수학생 6인 선정 및 장학금 수여
프로젝트
다양한 형태의 웹사이트와 모바일 웹, 반응형 웹 그리고 웹 접근성 프로젝트까지 풍부한 개발 경험을 가지고 있습니다.
주요 작업은 이름 앞에 ★ 표시가 있습니다. 특별한 언급이 없다면 신규 제작 프로젝트이며, 프론트엔드 부문을 전담하였거나 90% 이상 기여한 작업입니다.
- Alchemist 프로그램 매매 시스템
- 개인적으로 자동매매 프로그램을 개발하여 운용하고 있습니다. 대시보드 웹: Angular, React/Next.js, TradingView Advanced Charts, Lightweight Charts, AG Grid, Websocket 서버: Python, Django, MySQL, ClickHouse, Django Ninja, Websocket Backtest: Pandas, Plotly, Jupyter Notebook, backtrader, zipline
- 엑심베이 반응형 전자결제 모듈
- 엑심베이의 반응형 웹 전자결제 모듈입니다. 프론트엔드 중 웹 접근성을 갖춘 HTML 구조와 반응형 스타일, 사용자 인터렉션 위주의 자바스크립트를 담당했습니다. 모바일 우선 반응형 / 웹 접근성
- 엑심베이 반응형 웹사이트
- 엑심베이의 전자결제 서비스를 소개하는 웹사이트의 프론트엔드를 개발했습니다. 모바일 우선 반응형 / Sass 사용 / SEO
- https://eximbay.com
- 헬로우봇 스킬스토어 - 챗봇 대화 웹서비스
- 기존 헬로우봇앱 서비스의 웹 전용 서비스로, 채팅방 등 채팅 인터페이스와 스킬 소비를 위한 다양한 기능을 제공합니다. 일본 서비스를 위해 다국어로 구조를 변경하는 등 지속적으로 기능을 추가하고 개선하였습니다. Angular5-10, RxJS, TypeScript, Sass / Angular Universal(SSR), Serverless(AWS) / SEO, 다국어, 결제연동
- https://hellobot.co
- 헬로우봇 스튜디오 - 챗봇 제작 및 관리용 웹사이트
- 챗봇 생성하고 관리하며, 다양한 유형의 메세지를 작성하고 대화 흐름을 구성할 수 있는 UI를 구현하였습니다. Angular7-10, RxJS, TypeScript, Sass / PWA(Service Worker)
- https://hellobotstudio.com
- 띵스플로우 반응형 웹사이트, 헬로우봇 반응형 웹사이트
- 띵스플로우 반응형 웹사이트 - 회사 소개 웹사이트로 ngx-translate 라이브러리를 기반으로 한국어, 일본어를 지원하는 다국어 웹사이트를 구현하였습니다. 헬로우봇 반응형 웹사이트 - 헬로우봇 서비스 소개 웹사이트입니다. Angular7-10, RxJS, TypeScript, Sass / PWA(Service Worker) / Angular Universal(Prerendering 적용) / SEO, 다국어
- https://thingsflow.com
- https://thingsflow.kr
- 이노베이션랩 네이티브애드 웹사이트 및 모바일사이트
- 청담러닝, 아모레퍼시픽의 두 개의 프로젝트를 전담하여 작업하였습니다. 윈도우 스크롤에 따른 비디오, DOM 제어와 SVG 및 DOM 애니메이션을 구현하는 것을 핵심으로 하는 프로젝트입니다. JS Template Engine Nunjucks 및 HTML Beautify 사용 / Sass 및 Autoprefixer 사용 / 이미지 최적화 및 레이지 로딩 처리 / 폰트 서브셋 생성
- http://innovationlab.co.kr/project/amorepacific2017/
- http://innovationlab.co.kr/project/chungdahm/
- 김메리 2.0 반응형 웹사이트
- 웨딩 스드메 견적 비교 사이트로 오픈 이후에 개선 작업도 몇 주간 진행하였습니다. 사용자 및 판매자 웹사이트 / 모바일 우선 반응형 / Sass 사용 / typeahead.js를 활용한 업체 검색 UI / 이미지 레이지 로딩 처리 / 사진 슬라이더 적용 / SEO
- 웨딩마루, 스튜디온, 웨딩북 - 웨딩 업체를 위한 웹 ERP
- 드레스샵, 스튜디오 등 웨딩 업체를 위한 ERP 사이트로 오픈 이후에 계속하여 개선 작업도 매주 진행하였습니다. 프론트엔드 개발뿐만 아니라 기획도 함께 참여하였습니다. 웨딩마루 2.0 - 드레스샵 예약 및 자원 관리 웹사이트 개편 / 캘린더 예약 및 드래그 앤 드롭 UI / 고객카드, 계약서, 드레스 입출고 관련 인쇄 페이지 CSS 작업 / 웨딩마루 BI 통계 사이트 / 고객용 예약 확정 및 안내 모바일 페이지 / 드레스샵 업체 소개 모바일 페이지 / 매주 기능개선 및 이슈처리 사항 업데이트 스튜디온 - 기획 참여 / 스튜디오 예약 및 자원 관리 웹사이트 / 캘린더 예약 및 상품 관리 UI / 계약 통계를 위한 구글 차트 활용 / 고객카드, 계약서 인쇄 페이지 CSS 작업 / 고객용 예약 확정 및 안내 모바일 페이지 / 매주 기능개선 및 이슈처리 사항 업데이트 웨딩북 비즈 - 웨딩 업체의 예약 및 계약 관리 반응형 웹사이트 웨딩북 - 사용자를 위한 웨딩 업체 소개 반응형 웹사이트
- http://studion.co.kr
- https://biz.wdgbook.com
- http://www.wdgbook.com
- 이디움펀딩 반응형 웹사이트
- 투자 목록 그리드, 이미지 슬라이더, 투자 상태 상태막대, 팝업 레이아웃 UI 등 / 서식 스타일과 게시판 페이지 등 / 반응형 이메일 페이지 / 관리자 사이트 부트스트랩 활용
- C27 치즈케이크 & 커피 웹사이트
- D&G 컴퍼니
- http://www.c27.co.kr
- 성호그룹 웹사이트 및 모바일사이트
- 상세 페이지 내용은 웹/모바일에서 동일하게 사용하고(반응형), 레이아웃만 웹/모바일에 따라 다르도록 HTML 및 CSS 작업을 진행하였습니다.
- http://www.isungho.com
- D&G 컴퍼니 반응형 웹사이트
- http://dngcompany.co.kr
- 사진복덕방 반응형 웹사이트
- Less 사용 / 테마별 색상 CSS / 각종 컴포넌트 디자인 가이드 맞춰 작업 진행
- LG Careers 웹 접근성 검수 및 개편
- LG그룹 채용을 위한 사이트로 웹 접근성 인증 마크 획득을 위해 기존 웹사이트를 검수하고 개선했습니다.
- http://apply.lg.com
- 웨딩드레스샵 아비가일 반응형 웹사이트
- 스냅사진 포트폴리오 슬라이드 페이지 및 스크립트 작업 / 디자인 폼 스타일 / 관리자 페이지
- http://avigail.co.kr
- Ubay 골동품 경매 웹사이트
- Isotope masonry 레이아웃 적용 / 이미지 슬라이더, 줌, 라이트박스 등 경매 사진을 보여주는 다양한 스크립트 적용
- arTweet 예술품 경매 웹사이트
- 엑스타 슈퍼챌린지 웹사이트 (웹 접근성)
- 웹 접근성 가이드를 100% 준수하여 작업하였습니다.
- http://superchallenge.co.kr
- 웨딩드레스샵 플로렌스 반응형 웹사이트
- 스냅사진 포트폴리오 슬라이드 페이지 및 스크립트 작업 / 디자인 폼 스타일 / 관리자 페이지
- http://florence.co.kr
- LG Artcool 웹사이트
- 현대자동차 제네시스 이러닝 웹사이트
- 투어팁스 하이브리드앱
- 투어팁스 하이브리드앱을 위한 페이지 작업 / Swipe 슬라이더, 메뉴바 UI 등
- KB국민은행 희망별 웹사이트 및 모바일사이트 (웹 접근성)
- 웹 접근성 가이드라인을 준수한 프로젝트로, 웹 접근성 컨설팅 업체 웹와치의 3회 자문과 검수를 거쳤습니다. Canvas 상태막대, 슬라이드 메뉴, Swipe 사이드바 UI 등 / 이메일 페이지 / 관리자 사이트
- https://withkb.kbstar.com
- 웨딩 스냅작가 예약 서비스 비하인드스토리 웹사이트
- 포트폴리오 슬라이더 / 디자인 폼 스타일 / 커스텀 디자인 스크롤바 UI 등
- SK C&C 프로젝트 관리 시스템(PMS) 웹사이트 개편
- 넓은 화면에 맞추어져 있고, 웹 표준을 지키지 않은 웹사이트를 개편하였습니다. 웹 표준에 맞추어 구조 개편 / 모던 디자인으로 스타일 개편 / 1280px 고정 구조에서 가변형 레이아웃 페이지로 수정 / 그리드 및 차트 솔루션 수정 / 요소 스타일 규격화 / 테마 색상 및 아이콘 폰트 적용 / Font Awesome 아이콘 폰트 적용 등
- NH농협카드 채움진 웹사이트 웹 접근성 검수
- 기존 웹사이트의 웹 접근성을 검수하였으며 이후 한국웹접근성인증평가원 WA인증마크를 획득하였습니다.
- 현대카드뮤직 2.0 반응형 웹사이트
- 메인 및 결재 페이지와 하이브리드 앱을 위한 페이지를 작업하였습니다.
- 테크밸리주식회사 웹사이트
- http://www.techvalley.co.kr
- 광운대학교 산학협력단 웹사이트
- http://iacf.kw.ac.kr
- 현대자동차 일마일 웹사이트 및 모바일사이트
- 3개월간 웹 & 모바일사이트와 관리자 사이트를 같은 분야 3명의 개발자와 함께 작업했습니다. 이후 2개월간 개선 작업을 전담하였습니다. 웹 사이트 - 고수준의 자바스크립트 함수 작업을 제외한 페이지의 80% 작업 / 지도 기반 상점 목록 및 상세 페이지 / 지도내 상점 정보를 보여주는 UI 모바일 사이트(하이브리드앱 포함) - 페이지의 50% 작업 가맹점 관리자 사이트 - 브라우저 및 기기 호환성 맞추기 및 버그 수정 이메일 페이지 / 본 개발 이후 QA 이슈 처리 및 브라우저 호환성 개선 전담
- 네이든앤드류 잉글리쉬 에듀 웹사이트
- iOS 앱 썸네일스케치 소개용 반응형 웹사이트
남김글
능동적으로 프로젝트를 수행하고 다양한 기술과 협업 능력을 높이며 프론트엔드 개발자가 지녀야 할 자질을 쌓아왔습니다.
항상 새로운 기술에 대한 관심과 배우고자 하는 열망을 바탕으로 업무에 임하겠습니다.