멋쟁이 사자처럼 스쿨 4기에 제출한 마이페이지 만들어보기 ☃︎
'밝은 모습을 보여주고 싶다.' 라는 마음으로 시작했습니다. 내 장점과 개발자의 모습을 어떻게 조화롭게 섞어서 페이지를 구성할 수 있을지, 동시에 깔끔하고 센스있는 디자인을 갖은 웹 페이지를 만들어야겠다고 생각했습니다. 제 취미생활이며 프로젝트를 진행할 때 종종 사용하던 '내가찍은 사진'을 이용하여 웹 페이지를 제작해야 겠다 마음먹었습니다. 또한 UI를 제작할 때 즐거워하는 저의 모습을 담아내는 것이 들어가면 좋겠다 생각했습니다.
• HTML을 직접 디자인하고 만져본 경험이 적고, 최근에 작업한 프로젝트들 모두 앱이기 때문에 거의 대부분의 코드를 다시 공부했습니다. 화면을 구성하기 위해서 태그들을 어떻게 사용할지 몰라 태그마다의 개념을 찾아봤습니다. 가장 기본적이고 사용하기 쉬운 기능들로 원하는 페이지를 만드는 것이 시간 안에 만들 수 있는 방법이라고 생각했습니다. 따라서 심플하고 직관성 있으며, 동시에 너무 시시하지 않은 페이지를 만들고 싶었습니다. • 모르는 태그들과 css 사용법 등 구글에서 찾아보고, 무료 html 탬플릿을 다운로드해 해당 페이지의 코드를 참고하였습니다. 탬플릿 들을 참고하여 원하는 대로 구현을 진행하였지만, 마음처럼 되지 않는 것들도 많았습니다. 그럴 때마다 구글에 검색해 안되는 이유를 찾아내고 다른 방법들을 시도해 보며 극복해 나갔습니다.
• 기능과 디자인을 깊게 생각하지 못했기 때문에 60%라고 생각합니다. 웹 페이지의 목적이 나를 소개하는 것이지만, 다양한 기능들을 더 추가한다면 더 멋있는 페이지 가 완성될 수 있을 것입니다. 디자인 측면에서도 나를 소개하는 글만 적다 보니까 글이 많고, U의 다양성이 떨어지는 면이 있었습니다. 좀 더 다채로운 기능들로 내를 구성하고, 화면의 전환이 다양했으면 좋았겠지만, 아직 저의 실력이 많이 부족한 탓도 한몫했다고 생각합니다.
• 한 개의 페이지가 아니라 목록을 만들어 페이지 마다의 구성을 다르게 하고 싶습니다. 저를 소개하는 페이지, 학습 계획 페이지, 포트폴리오 등. 하나의 페이지마다 화면 전환 효과 등을 추가하여 페이지를 읽는 사람 입장에서도 지루하지 않게 글을 읽을 수 있는 환경을 제공하고 싶습니다.
• HTML에 대해 다양한 기능들을 알고 있지 않았습니다. 따라서 최소한의 기술로 다양하게 화면을 구성하는 것이 목표였습니다. 최소한의 태그 종류들을 사용하여 화면을 구성하고, CSS를 통해 배경화면 색이나, 글자 색, 크기 등을 조정하여 직관성 있는 이를 구성하는 데 최선을 다했습니다. CSS를 이용할 때는 마음처럼 되지 않는 부분을 수정하는 것이 가장 힘들었습니다. 그럴 때마다 HTML의 구성을 다듬고 구조에 대해 공부하며 진행하였습니다.
