0. 시작하기 전에
안녕하세요! 진정한 개발의 세계에 발을 들인지 이제 7개월째 되는 초보 개발자입니다 👶🏻💻
아직은 많이 서툴지만, 마이스터고 학생으로서 3학년 때 취업을 준비해야 하기에
조금이라도 일찍, 더 많은 경험과 결과물을 쌓아두고 싶다는 마음으로
포트폴리오 준비를 미리 시작하게 되었어요 🌟
1. 제작 과정
저는 “남들과는 다른, 나만의 특별한 포트폴리오” 를 만들고 싶었어요.
보통의 포트폴리오가 가지고 있는 단점 —
예를 들어 프로젝트의 매력을 영상이나 이미지로 완벽히 전달하기 어렵다,
또는 딱딱하고 무겁게 느껴진다는 부분을 해결하고 싶었죠.
그래서 생각한 결과! ✨
👉 ‘웹사이트 형태의 포트폴리오’를 직접 제작해보기로 결정했습니다.
제가 만든 프로젝트들을 직접 클릭하고 탐험하듯 볼 수 있고,
제가 걸어온 개발 여정을 더 자연스럽게 보여줄 수 있을 것 같았거든요 🚀
2. 기술 선택
현재 1학년이지만, 학교 수업 외에도 리액트(React) 스터디를 꾸준히 이어가고 있어요 💡
컴포넌트 기반 구조로 되어 있어서 유지보수가 쉽고,
실제 현업에서도 많이 사용된다는 점이 매력적으로 느껴졌어요.
공부도 할 겸, 실무 감각도 익힐 겸 이번 프로젝트의 메인 기술로 리액트를 선택했습니다!
3. 내용
정말 많은 프론트엔드 개발자분들의 포트폴리오를 참고하면서
‘보는 사람이 자연스럽게 나를 이해할 수 있는 구조’를 고민했어요 💭
그래서 최종적으로 이렇게 구성했답니다
1. 자기소개
이름 / 한 줄 소개
2. 기술 스택 및 도구
프론트엔드 / 백엔드 / 배포 / 디자인 (숙련도 포함)
3. 경력
경력명 / 기간 / 한 줄 요약
4. 프로젝트
이름 / 소개 / 목적 / 기술스택 / 기간 / 제작 기간 / 링크 / 상세 내용 / 느낀 점 / 이미지
5. 교육 및 자격증
학력 / 자격증 / 수료 과정
6. 벨로그
트러블슈팅 관련 글 / 썸네일 / 제목 / 링크
7. 마무리
마지막 한마디 / 링크드인 / 벨로그 / 깃허브 / 이메일 / (사람 이서영이란? 추가 예정)
현재 와이어프레임 제작은 완료했고,
이제 본격적인 개발 단계로 넘어가려 합니다!
4. 마무리 하며
이 프로젝트는 단순히 ‘포트폴리오’ 그 이상의 의미예요.
저의 첫 개발 발자국이자,
앞으로 더 성장하고 싶은 마음을 표현하는 첫 걸음이랍니다..ㅎㅎ
미래의 멋진 프론트엔드 개발자가 되기 위한 첫걸음,
“고등학교 1학년의 포트폴리오 웹사이트 제작기” 앞으로도 계속 포스팅하도록 하겠습니다! 많은 관심 부탁드려요🫶🫶
모두 즐코!
