서비스 내용
학교에서 배운 HTML, CSS, Javascript를 활용해 나만의 포트폴리오 웹사이트를 제작했습니다. 이 프로젝트는 웹 개발 기술 실습을 목표로, 내 꿈, 자격증, 프로젝트, 기타 정보를 소개하는 공간을 만들고자 시작되었습니다.
기능
홈 화면
•
이름 및 원하는 꿈을 소개하는 화면입니다.
취득 자격증 소개 화면
•
현재 취득한 자격증을 소개하는 화면입니다.
프로젝트 소개 화면
•
현재까지 진행한 프로젝트를 소개하는 화면입니다.
기타 정보 확인 화면
•
기타 정보를 확인 할 수 있는 화면입니다.
사용 기술 및 라이브러리
HTML + CSS + Javascript
•
HTML, CSS, Javascript은 기본적인 웹 개발 기술로, UI를 구현하는 데 적합합니다.
또한 전공 과목 수행평가였기에 주어진 기술로만 해당 프로젝트를 제작해야했기에 이 기술들을 채택했습니다.
맡은 역할
•
HTML을 이용한 화면 구조 설계
•
CSS 스타일 지정
•
Javascript를 이용해 동적 기능 구현
겪었던 어려움
Javascript의 실력이 부족하여 Nav 버튼 클릭 시 이동 기능 구현에 어려움을 겪었습니다.
해결 방안
선배님 자문
•
학교 내 선배님에게 질문을 통해 동작 구현에 대한 코드 로직 구현에 도움을 받아 해결하였습니다.
성과
Javascript로 동적 내비게이션 기능을 구현하며 프론트엔드 개발의 기초를 다졌습니다. 특히, 선배의 조언을 통해 문제를 해결하면서 커뮤니티와의 협업과 문제 해결 접근법의 중요성을 배웠습니다. 이 프로젝트는 Javascript에 대한 호기심을 키우며, 이후 프론트엔드 개발에 본격적으로 몰두하는 계기가 되었습니다.
