Portfolio(beta)
Works & Practice
-
SkyTube
- NodeJS + Pug + MongoDB + Vanilla JS + SCSS
- 유튜브 클론
- 회원 가입 수정, 아바타 등록
- GitHub 로그인, 카카오 로그인
- 타이머 조절 레코더 구현
- Media Query 모바일
-
Marvel Heros Now!
- React + Typescript
- 마블 API 리액트 앱
- react-router-dom, CSS Module
- 검색기능, 로딩 화면, Media Query 모바일
Web Publishing Projects
-
개인 홈페이지
Conu's Home
아카데미 정글 처음 다니면서 만들기 시작해서 아직까지 계속 추가하고 빼고 수정하고 있습니다.
이미지를 최소화 하고 HTML5, CSS3, jQuery 등의 기술을 적절히 사용했습니다.
중간에 HTML5 Boilerplate와 HTML5 엘리먼트로 전면적으로 수정을 했습니다.
언제나 구형 IE에서도 레이아웃을 유지하면 내용을 보일 수 있도록 했고,
폭이 좁은 모바일 버전도 고려했습니다.
거기에 숨겨진 Contact 폼과 라이트박스를 조금 변형해서 삽입했습니다. -
캐논 코리아 사랑의 편지 이벤트
가장 처음 해본 이벤트입니다. 지인의 소개를 받아 기획자와 연결되어 하루동안 만들었습니다.
웹표준을 지키면서 시안을 그대로 페이지에 구현하는 것을 목표로 작업했습니다.
메인 페이지,신청서 페이지,완료 페이지(삭제) -
캐논 프린터 소개 슬라이드 데모
캐논 이벤트 때와 같은 기획자가 의뢰해서 만 이틀만에 만들었습니다
실제 웹에 뿌려진 것은 아니고 내부 데모로 만들어졌습니다
jQuery Slider Kit 라이브러리 내부를 조금 개조해서 만들었습니다.
Javascript는 조금 알았지만 jQuery는 잘 모를때라서 웹을 찾아보면서 만들었습니다.
동영상이 있어서 페이지 로딩이 조금 느립니다.
슬라이드 데모 페이지(삭제) -
Metlife
짧은 시간 있었던 회사에서 작업했던 작업물
로그인 페이지,주문 페이지(삭제) -
LG U+ Shop 운영
- 유플러스샵 PC웹 프로모션 페이지 작업
- 자바 개발 파트와 협업하여 사이트 유지 보수 작업(이클립스 등 활용)
- 신규 모바일웹 구축 및 개선 작업(퍼블 파트 100% 전담)
- 웹접근성 인증 통과 (2013, 2015)
- 아이폰 신규 출시 등 대형 이벤트 시 페이지 퍼블리싱
- 사이트 리뉴얼 작업 참여(2016)
-
Amway Korea
- 사이트 2.0 (반응형 기반) 구축 업무 협업
- 구 시스템 기반 스타일을 개선하여 부트스트랩 기반 자체 CSS 구축
- 웹디자인팀과 협업하여 프로모션, 제품 상세 페이지 템플릿 표준화 작업
- 자체 생산성 향상을 위한 코딩산출물 자동화 스크립트 작업
- 비딩용 애니메이션 프로모션 샘플 페이지 제작
유플러스샵 다이렉트 모바일
퍼블 작업 기여도 : 전체 페이지 구현 100%
유플러스샵 페이지 작업
퍼블 작업 기여도 : 사이트는 샵 내부 영역 80% 이상, 레이어 및 기능 구현 페이지는 퍼블 100% 기여
Conu's Home Page Log
2016년 까지 기록
Script / CSS Test
-
유틸리티 작업(스크립트 위주)
- 공지 코딩 자동 생성 스크립트 : 생산성 향상을 위해 반복되는 공지 코딩을 줄이는 스크립트
- 내부 작업자용 스타일 가이드 중 폰트 부분 : 반응형 스타일 코딩 작업자를 위해 폰트 크기를 미리 확인하는 가이드 페이지
- 현업 확인용 모바일 코딩 확인 페이지 : 파일 리스트를 코딩에 추가하면 현업이 모바일 화면을 확인할 수 있는 버튼 생성
-
테스트 작업