프로필
이름
이지혜
연락처
010-9130-4868
이메일
ghe.lee19@gmail.com
홈페이지
https://designmeme.github.io

경력
프리랜서 프론트엔드 웹 개발자
– 현재
3년의 띵스플로우 서비스 개발을 마무리하고 다시 프리랜서로 일하고 있습니다.
띵스플로우 프론트엔드 웹 개발자
하우투메리에서 함께 일한 인연을 이어 띵스플로우에서 챗봇 빌더 및 챗봇 대화 서비스의 프론트엔드 웹 개발을 전담했습니다.
하우투메리 프론트엔드 웹 개발자
웨딩 스타트업 하우투메리에서 프론트엔드 웹 개발을 담당하여 웨딩업체용 웹 ERP를 개발하였습니다.
프리랜서 프론트엔드 웹 개발자
2011년, 프리랜서로서 시작하여 띵스플로우 입사 전까지 프리랜서로 일했습니다.
디자인하우스 월간디자인 편집부 기자 인턴
디자인 잡지사에서 인턴 기자로서 5월호부터 10월호까지 참여했습니다.
학력
홍익대학교 산업디자인과 학사

전문 기술

전문 분야와 기술, 개발할 때 사용하는 도구입니다.

  • 웹 표준, 브라우저 호환성, 반응형 웹, 웹 접근성, SEO, PWA
  • SPA, Angular
  • JavaScript(ES6), TypeScript, RxJS, jQuery
  • HTML5, Jekyll, Liquid, Nunjucks
  • CSS3, Sass
  • Bootstrap, Material
  • Git, npm, Gulp, Browsersync, Chrome DevTools, VirtualBox, WebStorm
  • AWS(S3, Lambda), Firebase(Hosting, Functions), Travis CI
  • Google Analytics, Google Tag Manager, Google Optimize, Amplitude, Airbridge, Facebook Pixel, Kakao Pixel

협업

프로젝트 목표를 제대로 이해하고 기획 및 디자인을 존중하며 여러 직군과 협업합니다. 소규모부터 대규모까지 다양한 규모의 프로젝트에서 팀원 및 분야 책임자로 일한 경험이 많습니다.

  • Slack, Email
  • 프로젝트 및 이슈 관리: Google Drive, GitHub, GitLab, Bitbucket, JIRA, Redmine, Notion, Wrike, Trello
  • 기획: Oven, AXURE, Balsamiq Mockups, PowerPoint
  • 디자인: Zeplin, InVision, Sketch

경력 기술서

웹 표준에 맞춰 의미 있는 구조를 가지며, 다양한 환경에 반응하도록 디자인과 UX를 구현하고, (검색엔진을 포함하여) 모두가 접근 가능한 웹사이트를 만들기 위해 노력하고 있습니다.


프로젝트

다양한 형태의 웹사이트와 모바일 웹, 반응형 웹 그리고 웹 접근성 프로젝트까지 풍부한 개발 경험을 가지고 있습니다. 1

· 엑심베이 · mobile tablet desktop
엑심베이의 반응형 웹 전자결제 모듈입니다. 프론트엔드 중 웹 접근성을 갖춘 HTML 구조와 반응형 스타일, 사용자 인터렉션 위주의 자바스크립트를 담당했습니다 .
모바일 우선 반응형 / 웹 접근성
엑심베이 반응형 웹사이트
· 엑심베이 · mobile tablet desktop
엑심베이의 전자결제 서비스를 소개하는 웹사이트의 프론트엔드를 개발했습니다.
모바일 우선 반응형 / Sass 사용 / SEO
https://eximbay.com
· 띵스플로우 · mobile tablet desktop
기존 헬로우봇앱 서비스의 웹 전용 서비스로, 채팅방 등 채팅 인터페이스와 스킬 소비를 위한 다양한 기능을 제공합니다. 일본 서비스를 위해 다국어로 구조를 변경하는 등 지속적으로 기능을 추가하고 개선하였습니다.
Angular5-10, RxJS, TypeScript, Sass / Angular Universal(SSR), Serverless(AWS) / SEO, 다국어
https://hellobot.co
· 띵스플로우 · desktop
챗봇 생성하고 관리하며, 다양한 유형의 메세지를 작성하고 대화 흐름을 구성할 수 있는 UI를 구현하였습니다.
Angular7-10, RxJS, TypeScript, Sass / PWA(Service Worker)
https://hellobotstudio.com
· 띵스플로우 · mobile tablet desktop
띵스플로우 반응형 웹사이트 - 회사 소개 웹사이트로 ngx-translate 라이브러리를 기반으로 한국어, 일본어를 지원하는 다국어 웹사이트를 구현하였습니다.
헬로우봇 반응형 웹사이트 - 헬로우봇 서비스 소개 웹사이트입니다.
Angular7-10, RxJS, TypeScript, Sass / PWA(Service Worker) / Angular Universal(Prerendering 적용) / SEO, 다국어
https://thingsflow.com
https://thingsflow.kr
· 중앙일보 · mobile tablet desktop
청담러닝, 아모레퍼시픽의 두 개의 프로젝트를 전담하여 작업하였습니다. 윈도우 스크롤에 따른 비디오, 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 반응형 웹사이트
· 김메리 · mobile tablet desktop
웨딩 스드메 견적 비교 사이트로 오픈 이후에 개선 작업도 몇 주간 진행하였습니다.
사용자 및 판매자 웹사이트 / 모바일 우선 반응형 / Sass 사용 / typeahead.js를 활용한 업체 검색 UI / 이미지 레이지 로딩 처리 / 사진 슬라이더 적용 / SEO
· 하우투메리 · mobile tablet desktop
드레스샵, 스튜디오 등 웨딩 업체를 위한 ERP 사이트로 오픈 이후에 계속하여 개선 작업도 매주 진행하였습니다. 프론트엔드 개발뿐만 아니라 기획도 함께 참여하였습니다.
웨딩마루 2.0 - 드레스샵 예약 및 자원 관리 웹사이트 개편 / 캘린더 예약 및 드래그 앤 드롭 UI / 고객카드, 계약서, 드레스 입출고 관련 인쇄 페이지 CSS 작업 / 웨딩마루 BI 통계 사이트 / 고객용 예약 확정 및 안내 모바일 페이지 / 드레스샵 업체 소개 모바일 페이지 / 매주 기능개선 및 이슈처리 사항 업데이트
스튜디온 - 기획 참여 / 스튜디오 예약 및 자원 관리 웹사이트 / 캘린더 예약 및 상품 관리 UI / 계약 통계를 위한 구글 차트 활용 / 고객카드, 계약서 인쇄 페이지 CSS 작업 / 고객용 예약 확정 및 안내 모바일 페이지 / 매주 기능개선 및 이슈처리 사항 업데이트
웨딩북 비즈 - 웨딩 업체의 예약 및 계약 관리 반응형 웹사이트
웨딩북 - 사용자를 위한 웨딩 업체 소개 반응형 웹사이트
http://studion.co.kr
https://biz.wdgbook.com
http://www.wdgbook.com
이디움펀딩 반응형 웹사이트
· 이디움펀딩 · mobile tablet desktop
투자 목록 그리드, 이미지 슬라이더, 투자 상태 상태막대, 팝업 레이아웃 UI 등 / 서식 스타일과 게시판 페이지 등 / 반응형 이메일 페이지 / 관리자 사이트 부트스트랩 활용
C27 치즈케이크 & 커피 웹사이트
· 더생각 · desktop
D&G 컴퍼니
http://www.c27.co.kr
· 아이야 · mobile tablet desktop
상세 페이지 내용은 웹/모바일에서 동일하게 사용하고(반응형), 레이아웃만 웹/모바일에 따라 다르도록 HTML 및 CSS 작업을 진행하였습니다.
http://www.isungho.com
D&G 컴퍼니 반응형 웹사이트
· 더생각 · mobile tablet desktop
http://dngcompany.co.kr
사진복덕방 반응형 웹사이트
· 코자인 · mobile tablet desktop
Less 사용 / 테마별 색상 CSS / 각종 컴포넌트 디자인 가이드 맞춰 작업 진행
· 빌리언달러컴퍼니 · web accessibility
LG그룹 채용을 위한 사이트로 웹 접근성 인증 마크 획득을 위해 기존 웹사이트를 검수하고 개선했습니다.
http://apply.lg.com
웨딩드레스샵 아비가일 반응형 웹사이트
· 하우투메리 · mobile tablet desktop
스냅사진 포트폴리오 슬라이드 페이지 및 스크립트 작업 / 디자인 폼 스타일 / 관리자 페이지
http://avigail.co.kr
Ubay 골동품 경매 웹사이트
· 호감 · desktop
Isotope masonry 레이아웃 적용 / 이미지 슬라이더, 줌, 라이트박스 등 경매 사진을 보여주는 다양한 스크립트 적용
arTweet 예술품 경매 웹사이트
· 호감 · desktop
엑스타 슈퍼챌린지 웹사이트 (웹 접근성)
· 플레이그라운드 · desktop web accessibility
웹 접근성 가이드를 100% 준수하여 작업하였습니다.
http://superchallenge.co.kr
웨딩드레스샵 플로렌스 반응형 웹사이트
· 하우투메리 · mobile tablet desktop
스냅사진 포트폴리오 슬라이드 페이지 및 스크립트 작업 / 디자인 폼 스타일 / 관리자 페이지
http://florence.co.kr
LG Artcool 웹사이트
· 뉴디움 · desktop
현대자동차 제네시스 이러닝 웹사이트
· 뉴디움 · desktop
· 투어팁스 · mobile
투어팁스 하이브리드앱을 위한 페이지 작업 / Swipe 슬라이더, 메뉴바 UI 등
· 온라인파워스 · desktop web accessibility
웹 접근성 가이드라인을 준수한 프로젝트로, 웹 접근성 컨설팅 업체 웹와치의 3회 자문과 검수를 거쳤습니다.
Canvas 상태막대, 슬라이드 메뉴, Swipe 사이드바 UI 등 / 이메일 페이지 / 관리자 사이트
https://withkb.kbstar.com
웨딩 스냅작가 예약 서비스 비하인드스토리 웹사이트
· 하우투메리 · desktop
포트폴리오 슬라이더 / 디자인 폼 스타일 / 커스텀 디자인 스크롤바 UI 등
SK C&C 프로젝트 관리 시스템(PMS) 웹사이트 개편
· SK C&C · tablet desktop
넓은 화면에 맞추어져 있고, 웹 표준을 지키지 않은 웹사이트를 개편하였습니다.
웹 표준에 맞추어 구조 개편 / 모던 디자인으로 스타일 개편 / 1280px 고정 구조에서 가변형 레이아웃 페이지로 수정 / 그리드 및 차트 솔루션 수정 / 요소 스타일 규격화 / 테마 색상 및 아이콘 폰트 적용 / Font Awesome 아이콘 폰트 적용 등
NH농협카드 채움진 웹사이트 웹 접근성 검수
· 아이에이커뮤니케이션즈 · web accessibility
기존 웹사이트의 웹 접근성을 검수하였으며 이후 한국웹접근성인증평가원 WA인증마크를 획득하였습니다.
· 온라인파워스 · mobile tablet desktop
메인 및 결재 페이지와 하이브리드 앱을 위한 페이지를 작업하였습니다.
테크밸리주식회사 웹사이트
· 코자인 · desktop
http://www.techvalley.co.kr
광운대학교 산학협력단 웹사이트
· 코자인 · desktop
http://iacf.kw.ac.kr
· 유아이랩 · mobile tablet desktop
3개월간 웹 & 모바일사이트와 관리자 사이트를 같은 분야 3명의 개발자와 함께 작업했습니다. 이후 2개월간 개선 작업을 전담하였습니다.
웹 사이트 - 고수준의 자바스크립트 함수 작업을 제외한 페이지의 80% 작업 / 지도 기반 상점 목록 및 상세 페이지 / 지도내 상점 정보를 보여주는 UI
모바일 사이트(하이브리드앱 포함) - 페이지의 50% 작업
가맹점 관리자 사이트 - 브라우저 및 기기 호환성 맞추기 및 버그 수정
이메일 페이지 / 본 개발 이후 QA 이슈 처리 및 브라우저 호환성 개선 전담
네이든앤드류 잉글리쉬 에듀 웹사이트
· 더생각 · desktop
iOS 앱 썸네일스케치 소개용 반응형 웹사이트
· mobile tablet desktop

남김글

능동적으로 프로젝트를 수행하고 다양한 기술과 협업 능력을 높이며 프론트엔드 웹 개발자가 지녀야 할 자질을 쌓아왔습니다. 항상 새로운 기술에 대한 관심과 배우고자 하는 열망을 바탕으로 업무에 임하겠습니다.

  1. 주요 작업은 이름 앞에 표시가 있습니다. 특별한 언급이 없다면 신규 제작 프로젝트이며, 프론트엔드 부문을 전담하였거나 90% 이상 기여한 작업입니다.