개인 프로필 페이지 구현하기
📌 과제 개요
목표
HTML과 CSS만을 사용하여 자신을 소개하는 정적 프로필 페이지를 작성할 수 있음
목적
1.웹 개발자로서 저수준의 HTML,CSS 기반 페이지 구현 연습
2.추후 완성될 프로필 페이지의 초안
권장 사항
1.메인 화면 1페이지만 가볍게 구현하기
→ 실제로 이용될 모든 페이지를 HTML,CSS로 직접 구현하고 관리하기엔 시간과 비용이 많이 소요될 수 있음
2.추후 JavaScript로 추가해 볼 동적인 인터랙션 기능을 미리 고안하고 UI만 구성해두기
ex. 다크모드, 카테고리 필터링, 연락처 클릭 시 복사, 스크롤 기반 인터랙션 등
활용 기술 스택
HTML5, CSS3
제출 방식
1.Github Pages 를 활용하여 페이지 배포
2.구글 공유 드라이브 내 ‘개인 프로필 페이지’ 스프레드시트 양식 참고
3.26년 1월 4일까지
파일명
HTML - index.html
CSS - style.css
그 외에 목적에 따라 추가적으로 분리된 파일명은 자유
프로필 컨텐츠 구성요소
프로필 페이지는 다음의 항목들을 필요에 따라 적절하게 포함합니다
-
자기소개 (이름 or 닉네임, 한 줄 소개 or 슬로건 등)
-
한 줄 소개, 슬로건에 대한 세부 메세지
-
프로젝트 또는 경험 소개 (필요에 따라 이미지나 외부 링크 활용)
→ 실제 링크 연결이 안되어도 됨 -
그 외 프로필 페이지의 목적과 정체성을 벗어나지 않는 한에서 시간에 따라 자유롭게 추가 구성 가능
💡 작성 팁
무엇보다 자신의 역량을 유니크하게 표현하는 것이 중요하며,
디자인에 자신이 없더라도 깔끔하고 보기/읽기 쉬운 레이아웃을 목표로 하면 좋음
지나치게 화려한 것보다는 정보 전달이 잘 되는 직관적인 UI가 더 좋습니다
아직 경험 정리가 준비되지 않았을 경우?
아직 경험 정리가 되지 않아 프로필 정보를 작성하기 애매하면, 임시 메시지로 작성해두어도 됩니다
→ 페이지 구현을 통한 HTML,CSS 연습에 더 신경쓰기