나를 표현하는 웹사이트

저는 한글 이름인 지기역입니다. 이름이 특이해서 기억되기 쉽고 그에 따른 저의 이름의 무게를 글자의 두께를 이용해 무게로 표현하였습니다. 또한 한글이 써지고 지워지는 모션으로 한글을 한 글자 한 글자 배우는 것처럼 프로그래밍을 할 때 작성하고 지우고 점점 발전해 나가는 것을 저의 작업물을 통해 점점 발전하는 모습을 표현하고자 하였습니다.

코딩을 배우기 시작

평소 좋아했던 가수 폴킴을 소개하는 페이지를 제작하고자 했습니다. 레이아웃 구성에 있어 어려움을 많이 느꼈던 초반이라 HTML의 구조를 이해하고 CSS를 알아가는 걸 목표로 제작하였습니다.

레이아웃 구성하기

워킹데드라는 미국 드라마를 소재로 소개하는 페이지를 구성하였습니다. CSS를 중간평가 때 보다 좀 더 세부적으로 배워 다양한 레이아웃을 구성해 보는 것을 목표로 잡아서 제작하였습니다.

CSS 애니메이션을 처음 접하다.

저의 이름을 따서 만든 로고를 넣어 웹 페이지를 봤을 때 각인 되는 것과 CSS의 애니메이션을 활용한 페이지 이동 간의 유연함과 마우스 오버 효과들을 넣어 나름대로의 인터랙티브한 페이지를 구성하는 것을 목표로 작업하였습니다.

나의 이름을 활용하자.

저의 이름을 활용해서 좀 더 효과적으로 상대방에게 기억될 수 있도록 컨셉을 잡아 제작하였습니다. CSS애니매이션, 트렌지션 효과와 자바스크립트를 사용해서 인터랙션을 주는것과 웹 표준에 맞추어 제작하는 것에 목표를 두고 제작하였고 네비게이션을 메인 페이지에만 넣어 저를 계속 보여주게끔 유도하였습니다.

자바스크립트를 배우기 시작

음악을 소개하는 페이지에 맞게 플레이 버튼을 컨셉으로 디자인하고 인터랙션과 기능들을 넣었습니다. 처음 자바스크립트를 배우고 작업하는 페이지였지만 기능들을 익히고 표현하는 것에 목표를 두었고 자바스크립트 기초에 적응 할 수 있도록 해준 작업물이었습니다.

첫 팀 프로젝트 공모전 참가

웹 프로모션을 제작할 때 흐름이 잘 읽히도록 내용을 구성하고 자바스립트를 사용해 사용자가 직접 랜덤 쿠킹박스를 신청하는 플로우를 경험해 볼 수 있도록 구현을 하는 것을 목표로 제작하였습니다.

계원예술대학교 졸업작품

여행의 순간을 기록하는 모먼트립 어플리케이션 서비스를 여행의 흐름을 담아 체험할 수 있도록 가로스크롤 형식으로 졸업작품전시를 위한 웹사이트를 제작하였습니다.

웹을 통해 감정을 기록할 수 있는 서비스 제작

브라우저의 저장소를 사용해서 감정을 기록할 수 있는 웹 서비스를 제작하였습니다. 사용자가 원하는 감정의 컬러를 가지고 그날 그때의 감정을 남겨놓을 수 있도록 하였습니다.