포트폴리오 웹사이트 구축: 배운 점 정리

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

웹 개발

대상자

• 초보 웹 개발자 및 포트폴리오 웹사이트를 처음 구축하는 사람들
• 기술적 개념의 기초 이해를 기반으로 한 난이도 수준

핵심 요약

• MVP(최소 기능 제품) 개념을 적용해 과도한 디자인을 피하고 간결한 구조로 시작해야 한다.
• 접근성(Accessibility)과 사용자 경험을 고려한 디자인은 장기적으로 유지 가능한 웹사이트 구축에 필수적이다.
• MIT 라이선스 적용은 코드 공유에 대한 명확한 정책을 나타내며, 개인 브랜딩과 기술적 책임감을 강조한다.

섹션별 세부 요약

1. 포트폴리오 웹사이트 구축의 동기와 어려움

• 고등학교 마케팅 과정에서 HTML 기초를 배운 후, React와 Angular 등 프레임워크 비교를 통해 기술 선택의 어려움을 경험했다.
• Tutorial hell에 빠지며 기초 개념을 다시 정리하는 과정이 필요했다.

2. MVP 개념의 재발견

• "You are over-designing"이라는 경고를 통해 기능적 요소보다 필수 정보 전달에 집중해야 함을 인식했다.
• C++ 개발자로서 프론트엔드 기술을 과도하게 강조할 필요는 없으며, 핵심 역량을 명확히 전달하는 것이 중요하다.

3. 접근성과 신뢰성의 중요성

• perfectmotherfuckingwebsite.com의 사례에서 5분 이내의 접근성 개선이 사용자 경험 향상에 기여함을 배웠다.
• 불필요한 스타일 요소(예: 화면을 가로질러 이동하는 배너)가 접근성 훼손으로 이어질 수 있음을 인지했다.

4. MIT 라이선스 적용과 비전

• MIT 라이선스는 코드 공유의 자유를 보장하며, 개인 브랜딩과 기술적 책임감을 동시에 강조한다.
• Theodore Roosevelt의 명언을 인용해 비교의 위험성과 개인화된 포트폴리오의 중요성을 강조했다.

결론

• MVP 기반의 간결한 디자인과 접근성 기준 준수는 웹사이트 구축의 핵심이며, MIT 라이선스 적용은 기술적 책임감을 보여주는 실무 팁이다.
• 개인의 성장 목표와 맞닿은 포트폴리오를 구축해 기술적 자존감을 키우는 것이 중요하다.