이 웹사이트 개발에 기여한

많은 열정들에 감사드립니다.

Web Site Credits

Web hosting service

GitHub Pages

GitHub는 분산 버전 관리 툴인 깃을 사용하는 프로젝트를 지원하는 웹호스팅 서비스로 전 세계에서 가장 인기있는 오픈 소스 코드 저장소입니다. 이 웹사이트는 GitHub Pages 서비스에서 무료로 호스팅되고 있습니다.

Infrastructure Technologies

HTML5

본 웹사이트의 최신 웹 마크업언인 HTML5로 제작 되었습니다. 시멘틱 태그를 사용하여 의미론적 마크업을 하고자 노력하였으며 HTML5의 문법을 준수하였습니다.

Infrastructure Technologies

CSS3

CSS3의 text, fonts, color, background, border, transform, transition, animation 등의 모듈을 활용해 화려하고 역동적인 면모를 갖추기 위해 노력하였습니다. 크로스브라우징을 고려해 범용성이 낮은 CSS3의 모듈의 사용은 지양하였으며, 크롬, 사파리 데스크톱 브라우저와 익스플로러9 이상의 버전에서 정상 작동 되는것을 확인하였습니다.

Infrastructure Technologies

SCSS

웹사이트 제작에 CSS 전처리 언어인 SCSS를 이용해 CSS 파일을 컴파일하였습니다. 간결한 문법을 통해 코딩 시간을 단축했음은 물론이고 CSS를 변수화하거나 함수를 이용하는 등의 방법으로 복잡한 상황에 쉽게 대응할 수 있었습니다. 또 하나의 스타일시트에 분산된 SCSS의 소스 파일을 IMPORT하는 방식으로 작업했기에 보다 효율적인 소스 관리가 가능헀습니다.

Infrastructure Technologies

SVG

해상도가 높은 디바이스에서 최적의 그래픽 퍼포먼스 구현을 위해 SVG 아이콘 등을 제작 적용하였습니다. 아이콘 외 Blur Filter 효과 또한 SVG를 통해 구현하였습니다.

JavaScript Libraries

jQuery

jQuery를 이용해 보다 쉽게, 뛰어난 액션 퍼포먼스를 구현했습니다. 또 사용자 편의성을 향상시키기 위해 각종 인터페이스를 제작하는데에 사용하였습니다. 본 웹사이트의 동적인 인터페이스 및 작동은 jQuery를 기반으로 만들어졌습니다.

jQuery Plugins

Typed

INTRO 페이지의 최상단 타이핑 효과를 구현하기 위해 제이쿼리 플러그인 typed.js을 사용하였습니다.

jQuery Plugins

Owl Carousel

INTRO 페이지에서 작동되는 슬라이드를 구현하기 위해 제이쿼리 플러그인 owlcarousel.js를 사용하였습니다.

jQuery Plugins

Isotope

PORTFOLIO 페이지의 카테고리 필터링 및 애니메이션 퍼포먼스 구현을 위해 제이쿼리 플러그인 isotope.js를 사용하였습니다.

jQuery Plugins

Lettering

현재의 CREDIT 페이지의 오프닝 퍼포먼스 구현을 위해 제이쿼리 플러그인 lettering.js 를 사용하였습니다.

Web Fonts

아리따돋움체

이용자의 가독성과 웹사이트의 아름다운 한글 타이포 구현을 위해 아리따돋움 웹폰트를 사용하였습니다. 이 제작물은 아모레퍼시픽의 아리따글꼴을 사용하여 디자인 되었습니다.

Web Fonts

Aldrich

이용자의 가독성과 웹사이트의 아름다운 영문 타이포 구현을 위해 Aldrich 웹폰트를 사용하였습니다. 해당 폰트는 구글폰트의 CDN서비스를 사용해 구현하였습니다.

Web Fonts

Jura

이용자의 가독성과 웹사이트의 아름다운 영문 타이포 구현을 위해 Jura 웹폰트를 사용하였습니다. 해당 폰트는 구글폰트의 CDN서비스를 사용해 구현하였습니다.

Web Fonts

Fredericka the Great

이용자의 가독성과 웹사이트의 아름다운 영문 타이포 구현을 위해 Fredericka the Great 웹폰트를 사용하였습니다. 해당 폰트는 구글폰트의 CDN서비스를 사용해 구현하였습니다.

Glyphicons

Font Awesome

웹사이트에 사용된 대부분의 아이콘은 Font Awesome 글리피콘으로 구현되었습니다.

Glyphicons

IcoMoon

높은 해상도를 필요로하는 각종 디바이스에 최적의 적응을 하기위해 웹사이트 아이덴티티에 크게 기여하는 로고를 IcoMoon에서 제공하는 아이콘 솔루션으로 글리피콘화 하였습니다.

Favicons

Favicon Generator. For real.

수 많은 디바이스의 대응하는 파비콘을 만들기 위해 Favicon Generator. For real.에서 제공하는 웹제너레이터를 이용했습니다.

Graphic Tools

Photoshop

웹사이트에 사용된 각종 이미지와 히어로 이미지의 합성 및 보정 작업을 위해 포토샵을 사용하였습니다.

Graphic Tools

Illustrator

로고 제작 및 아이콘 등을 제작하기 위해 일러스트레이터를 사용하였습니다.

Reference Websites

Codrops

UI/UX 기획 및 디자인하기 위해 Codrops를 참고했습니다.

Image Sources

Unsplash

웹사이트에 제작에 필요한 모든 이미지 Unsplash에서 제공받았습니다.