Learning Path
코드를 공유하고 배포할 때
변경 이력을 남기고 만든 결과물을 실제 웹 주소로 공개하는 흐름이에요.
Overview
이 경로에서 배우는 것
내 컴퓨터에서 동작하는 프로젝트를 다른 사람과 공유하려면 변경 이력을 저장하고 온라인 저장소와 배포 환경으로 연결해야 합니다.
완주하면 코드 변경을 기록하고 GitHub에 공유한 뒤, 빌드와 배포를 거쳐 공개 URL을 만들 수 있습니다.
For whom
이런 분께 추천해요
로컬에서 만든 웹 프로젝트를 다른 사람에게 보여주거나 변경 이력을 안전하게 관리하려는 사람에게 적합합니다.
Before you start
시작 전에 확인하세요
- 프로젝트 폴더와 파일의 기본 구조
- 터미널에서 프로젝트를 실행해본 경험
Use cases
이럴 때 활용할 수 있어요
- AI가 수정한 코드를 이전 상태로 되돌리기
- 팀원에게 GitHub 저장소 공유하기
- 프로젝트를 실제 웹 주소로 공개하기
Step by step
추천 학습 순서
- 01 용어 보기
Git
파일 변경을 기록하고 비교하거나 이전 상태로 돌아갈 수 있는 버전 관리 방식을 익힙니다.
코드 변경 이력을 저장하고 되돌릴 수 있게 해주는 버전 관리 도구. - 02 용어 보기
GitHub(깃허브)
로컬 Git 저장소를 온라인에 올려 백업, 협업, 배포 서비스 연결의 중심으로 사용합니다.
Git으로 관리하는 코드를 온라인에 저장하고 협업, 배포 도구와 연결하는 서비스. - 03 용어 보기
빌드(Build)
작성한 소스 코드를 브라우저와 서버가 실행할 수 있는 결과물로 만드는 과정을 이해합니다.
소스 코드를 실행 또는 배포 가능한 결과물로 변환하는 과정. - 04 용어 보기
배포(Deploy)
빌드 결과와 설정값을 실제 운영 환경에 올려 사용자가 접근하게 만드는 과정을 구분합니다.
로컬에서 만든 결과물을 사용자가 접근할 수 있는 환경에 올리는 과정. - 05 용어 보기
버셀(Vercel)
GitHub 저장소와 연결해 커밋마다 미리보기와 운영 배포를 자동화하는 흐름을 살펴봅니다.
GitHub(깃허브)에 있는 웹 프로젝트를 가져와 쉽게 빌드하고 배포하는 플랫폼.
FAQ
이 경로에서 자주 묻는 질문
GitHub에 코드를 올리면 바로 웹사이트가 되나요?
아닙니다. GitHub는 코드를 저장하고 공유하는 곳이며, Vercel 같은 배포 서비스와 연결해야 사용자가 접속할 웹 주소가 생성됩니다.
빌드와 배포는 같은 뜻인가요?
빌드는 소스 코드를 실행 가능한 결과물로 만드는 과정이고, 배포는 그 결과물을 실제 사용 환경에 올리는 과정입니다.