AI 시대에도 필요한 개발자의 손길: 개인 웹사이트 구축 여정

핵심 기술

AI 도구의 도움으로 개인 웹사이트를 구축했지만, 여전히 개발자의 깊이 있는 이해와 문제 해결 능력이 중요함을 강조하며, Vite, React, Tailwind CSS, GitHub Pages를 활용한 현대적인 프론트엔드 개발 스택을 소개합니다.

기술적 세부사항

• 스택 구성: Vite + React (빠른 설정), Tailwind CSS (반응형 스타일링), GitHub Pages (무료 호스팅), Name.com (커스텀 도메인).
• AI 활용: ChatGPT와 GitHub Copilot을 개발 보조 도구로 활용했습니다.
• 개발 과정 및 문제 해결: 레이아웃 이슈, 중복 임포트/내보내기 오류, Git 배포 오류 (HTTPS → SSH 전환), 이미지 누락 (파일명 오류), GitHub Pages 설정 (DNS 레코드, HTTPS 활성화) 등 실제 개발 중 발생할 수 있는 다양한 문제점과 해결 과정을 구체적으로 다룹니다.
• 배포 및 도메인 설정: Name.com에서 도메인을 구매하고 GitHub Pages와 연동하기 위한 A 레코드 및 CNAME 설정 과정을 설명합니다.

개발 임팩트

• 개인 브랜딩 강화: 커스텀 도메인과 개인 웹사이트를 통해 전문적인 이미지를 구축하고 자신을 효과적으로 표현할 수 있습니다.
• 프로젝트 전시: GitHub 저장소, 블로그, 이력서 링크 등을 통합하여 포트폴리오를 강화할 수 있습니다.
• 자기 주도적 학습: AI의 도움을 받더라도 문제 해결, 설계, 배포 등 개발의 전 과정을 직접 경험하며 깊이 있는 학습을 할 수 있습니다.

커뮤니티 반응

본문에서는 외부 커뮤니티 반응에 대한 직접적인 언급은 없습니다.

톤앤매너

개발자의 경험을 솔직하게 공유하며, AI 도구 활용의 가능성과 한계를 동시에 보여주는 실용적이고 통찰력 있는 톤을 유지합니다.