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 상품 판매 페이지인 딜상세 개발을 담당하며 딜상세 일부 영역 React 부분 개편작업. API 호출 개선 및 랜더링 개선. TMON 홈 메인 페이지 브랜드관 애니메이션 인터렉션 구현.


Tech

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


딜상세

  • React 부분 개편 작업
  • API 호출 개선

홈 메인

  • 브랜드관 애니메이션 인터렉션 구현

Synap Editor


2018.02 ~ 2019.11

Description

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

사이냅 에디터 프로젝트 시작부터 제품 출시까지 원활한 입력이 가능한 IME(입력기) 개발, 에디터 편집을 전담하여 개발하였습니다. GS인증 1등급 획득 완료하였으며, 현재 개발 진행 중입니다.


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