졸업 작품 제출을 위해 만든 웹 사이트로, 과거와 현재, 미래를 통해 변화된 모습들을 보여주려 노력하였다.
자바스크립트 없이 html과 css로 제작하였으며, 전체적인 틀은 인스타그램의 게시글을 많이 따라하였다.
나의 어린시절을 나타내는 윗줄과 내 현재를 나타내는 가운데 줄과 내 미래를 나타내는 밑줄의 이미지들을 통해 시간의 흐름을 나타낼 수 있도록 하였다.
전체적인 틀과 이미지를 div 태그를 사용하여 구현하였으나 div 태그 대신 시맨틱 태그를 사용하는 것이 좋다는 코멘트를 받았다.
이미지들은 css의 flex 기능을 사용하여 가운데 정렬이 되도록 하여 이미지들을 깔끔하게 보일 수 있도록 하였다.
또한, 각각의 이미지에 css의 animation과 hover 기능을 사용하여 이미지에 마우스를 가져다 대면 이미지에 관한 설명이 나오도록 구현하였다.
전체적으로 자바스크립트 코드가 들어가지 않은 코드라서 정적으로만 구현된 것에 대한 아쉬움이 있다.
자바스크립트로 인스타그램의 좋아요 기능이나 다른 사이트들의 별점 기능과 같이 구현해보는 것이 약간의 동적인 부분을 나타내거나 리액트를 배우고 있기 때문에, 리액트로 사이트를 직접 구현해보고 싶다.