100% 자체작업, 자체설계, 자체방법론입니다.
전문적으로 유지보수와 개발편의성을 연구합니다.
항상 "확장성", "가독성", "사용성"을 위해 노력합니다.

서울대학교 교원채용

2019년에 서울대학교 프로젝트를 진행했던 것 중 한 개 파트입니다.

반응형이라서 PC 버전이랑 모바일을 원 소스로 관리할 수 있고 OOCSS방법론으로 유지보수를 쉽게, 헝가리안 표기법으로 가독성과 사용성에 포인트 두었습니다.

가장 최근에 작업했던 것만큼 flexible box & grid 최신 레이아웃 기술로 작업해서 확장성이 좋고 레이아웃이 자율적입니다.

소스까보세요 자신있습니다 !!

  1. 2019년제작
  1. 반응형
  2. PC
  3. MOBILE
  4. OOCSS 방법
  5. 헝가리안표기 방법
  6. 시맨틱마크업
  7. 웹표준
  8. 웹접근성
  • IE10
  • IE11
  • Chrome
  • FireFox
  • Opera
  • Safari

상하이카페엑스포 (PC)

중국 상하이에서 열린 대형 카페 전시회였습니다.

직접 혼자서 웹 기획, 디자인, UI설계, UI구현했고요 당시 한참 트랜드였던 페럴렉스(parallax) UI를 적용했습니다.

  1. 2016년제작
  1. 적응형
  2. PC
  3. 웹표준
  • IE9
  • IE10
  • IE11
  • Chrome
  • FireFox
  • Opera
  • Safari

상하이카페엑스포 (MOBILE)

중국 상하이에서 열린 대형 카페 전시회 모바일 버전입니다.

PC버전이랑 모바일버전 적응형으로 작업했고 모바일버전 또한 직접 기획부터 디자인, UI설계, UI구현까지 혼자 했습니다.

  1. 2016년제작
  1. 적응형
  2. MOBILE
  3. 웹표준
  • IE10
  • IE11
  • Chrome
  • FireFox
  • Opera
  • Safari
  • iOS
  • Android

쇼핑몰 UI 템플릿

직접 기획, 디자인, UI구현한 쇼핑몰 템플릿입니다.

리얼 프로젝트는 아니었고 취미로 작업했던 템플릿입니다.

  1. 2014년제작
  1. PC
  2. 웹표준
  • IE8
  • IE9
  • IE10
  • IE11
  • Chrome
  • FireFox
  • Opera
  • Safari

모바일 터치 UI 템플릿

가장 애착 있는 포트폴리오입니다.

대기업 바이두(Baidu) Front-End로 입사하려고 작업했던 포트폴리오이고요

2011년 당시 모바일 레퍼런스도 많지 않고 작업하는데 꽤 힘들었습니다.

웹 표준도 iPhone 4, 갤럭시 S2, HTC 단말기에 맞췄던 거 같습니다.

터치 제스처 & 페이지 이동 3D효과, 그리고 반응형까지 거의 최초급으로 구현했습니다.

이때까지만 해도 90% 모바일 웹은 단순히 사이즈만 줄였고 페이지 이벤트는 클릭하나로 이루어졌으니까요

  1. 2011년
  1. MOBILE
  2. 모바일반응형
  3. 웹표준
  • IE10
  • IE11
  • Chrome
  • FireFox
  • Opera
  • Safari
  • iOS
  • Android