서울대학교 교원채용
2019년에 서울대학교 프로젝트를 진행했던 것 중 한 개 파트입니다.
반응형이라서 PC 버전이랑 모바일을 원 소스로 관리할 수 있고 OOCSS방법론으로 유지보수를 쉽게, 헝가리안 표기법으로 가독성과 사용성에 포인트 두었습니다.
가장 최근에 작업했던 것만큼 flexible box & grid 최신 레이아웃 기술로 작업해서 확장성이 좋고 레이아웃이 자율적입니다.
소스까보세요 자신있습니다 !!
상하이카페엑스포 (PC)
중국 상하이에서 열린 대형 카페 전시회였습니다.
직접 혼자서 웹 기획, 디자인, UI설계, UI구현했고요 당시 한참 트랜드였던 페럴렉스(parallax) UI를 적용했습니다.
상하이카페엑스포 (MOBILE)
중국 상하이에서 열린 대형 카페 전시회 모바일 버전입니다.
PC버전이랑 모바일버전 적응형으로 작업했고 모바일버전 또한 직접 기획부터 디자인, UI설계, UI구현까지 혼자 했습니다.
쇼핑몰 UI 템플릿
직접 기획, 디자인, UI구현한 쇼핑몰 템플릿입니다.
리얼 프로젝트는 아니었고 취미로 작업했던 템플릿입니다.
모바일 터치 UI 템플릿
가장 애착 있는 포트폴리오입니다.
대기업 바이두(Baidu) Front-End로 입사하려고 작업했던 포트폴리오이고요
2011년 당시 모바일 레퍼런스도 많지 않고 작업하는데 꽤 힘들었습니다.
웹 표준도 iPhone 4, 갤럭시 S2, HTC 단말기에 맞췄던 거 같습니다.
터치 제스처 & 페이지 이동 3D효과, 그리고 반응형까지 거의 최초급으로 구현했습니다.
이때까지만 해도 90% 모바일 웹은 단순히 사이즈만 줄였고 페이지 이벤트는 클릭하나로 이루어졌으니까요