vercel2 23차시. 빌드 & 배포 23차시. 빌드 & 배포학습 목표npm run build를 실행할 수 있다Vercel에 배포할 수 있다환경 변수를 설정할 수 있다배포된 사이트를 확인할 수 있다1. 빌드1.1 빌드란?빌드는 개발 코드를 프로덕션용으로 변환하는 과정입니다.과정:코드 최적화파일 압축번들링1.2 빌드 실행npm run build결과:dist/ 폴더에 빌드 결과 생성최적화된 파일들2. Vercel 배포2.1 Vercel이란?Vercel은 프론트엔드 배포 플랫폼입니다.특징:✅ 무료 플랜 제공✅ GitHub 연동✅ 자동 배포✅ 빠른 속도2.2 배포 방법방법 1: GitHub 연동GitHub에 코드 푸시Vercel에서 Import자동 배포방법 2: Vercel CLInpm install -g vercelvercel3. 환경 변수 설정.. 2026. 3. 23. 최종 실습(포트폴리오 페이지 제작) 및 배포 10회차 — 최종 실습(포트폴리오 페이지 제작) 및 배포학습 목표기획부터 배포까지 전체 웹 개발 프로세스를 경험할 수 있다HTML, CSS, JavaScript를 종합적으로 활용할 수 있다반응형 웹 디자인을 완성도 있게 구현할 수 있다폼 유효성 검사와 시각적 피드백을 구현할 수 있다정적 사이트를 배포할 수 있다유지보수 체크리스트를 이해하고 적용할 수 있다1. 프로젝트 기획1.1 목표 설정포트폴리오 사이트 목표:나를 소개하는 개인 포트폴리오프로젝트를 보여주는 갤러리연락할 수 있는 연락처 폼반응형 디자인 적용접근성 고려1.2 사이트 구조 설계페이지 구성:포트폴리오 사이트├── 홈 (index.html)│ ├── 히어로 섹션│ ├── 소개 섹션│ ├── 스킬 섹션│ └── 프로젝트 미리보기├──.. 2026. 1. 3. 이전 1 다음
