PORTFOLIO

Photon by HTML5 UP

My Working

Javascript Front-End Web Service.

TMON

2019.11 ~ ing

Synap Editor

2018.02 ~ 2019.11

Synap Office

2016.01 ~ 2018.02

TMON


2019.11 ~ ing

Description

TMON FE 개발

TMON 상품 판매 페이지인 딜상세 개발을 주로 담당하며, 고객이 보기 편한 UI와 상품 구매를 손쉽게 할 수 있도록 개발하였습니다.


Tech

Javascript, Jquery가 주로 사용되었으며, ES6 문법으로 작성 webpack, babel을 사용하여 모듈화. React 사용하여 딜상세 페이지 부분 개편.


딜상세

  • 딜상세 페이지 상품정보 영역 React 부분 전환
  • Intersection Observer 활용한 API 호출 및 랜더링 개선
  • Webpack 마이그레이션 (1 -> 4)

홈 메인

  • TMON 홈 메인 페이지에 사용자 인터렉션 가능한 브랜드관 애니메이션 구현

Synap Editor


2018.02 ~ 2019.11

Description

ContentEditable을 사용하지 않은 모델 편집중심 웹 에디터 개발 참여.

사이냅 에디터 프로젝트 시작부터 제품 출시까지 원활한 입력이 가능한 IME(입력기) 개발, 에디터 편집을 전담하여 개발하였습니다.


Tech

Javascript, Jquery가 주로 사용되었으며, MVC Model 편집부터 랜더링 구조로 작업. Mocha, karma를 사용한 브라우저 테스트 환경 구축. ES6 문법으로 작성 webpack, babel을 사용하여 모듈화. cross browsing 지원 작업 (IE10 이상)


에디터 편집

  • 텍스트 입력 및 삭제
  • 개체 (이미지) 편집 핸들
  • Undo/Redo
  • 레이어 편집

에디터 도형 표현

  • 임포트 도형 표현

API

  • DOM API

Test

  • Mocha
  • Karma

Synap Office


2016.01 ~ 2018.02

Description

MS문서(Word, Cell, Slide) 및 HWP 임포트 편집 가능한 웹오피스입니다.

사이냅 오피스 슬라이드 프론트엔드 담당하였으며, 네이버 슬라이드 이슈 대응 및 성능개선 진행하였습니다. 또한 슬라이드 내부 content Editor 작업 진행 및 워드, 셀 도형 랜더링 작업을 하였습니다.


Tech

Javascript, Jquery, Jindo js 등이 주로 사용되었으며, cross browsing 지원 작업 (IE9 이상)


슬라이드 편집

  • 네이버 오피스 공동 편집 대응
  • 슬라이드 에디터 작업
  • 슬라이드 랜더링 성능 개선

오피스 도형 표현 작업

  • 오피스 워드 도형 표현
  • 오피스 셀 도형 표현
  • 슬라이드 랜더링 성능 개선

Skills

Javascript

  • ES6
  • webpack
  • babel
  • react
  • mocha + karma

etc

  • HTML5
  • css3

tools

  • git
  • slack
  • issue tracking system (jira)

Contact

comments powered by Disqus