라이브 서버
프로그램을 재실행하지 않아도, 변경된 코드를 저장하면 반영된 결과물을 바로 볼 수 있다.
사용 방법
1. extension에서 live server 설치
2. 오른쪽 하단 GO LIVE 클릭 시 실행
라이브 서버와 로컬 서버 비교하기
| 라이브 서버 (Live Server) | 로컬 서버 (Local Server) | |
| 설명 | 실시간으로 변경사항을 반영하는 개발용 서버 | 로컬에서 실행되는 웹 서버 |
| 사용 목적 | HTML/CSS/JS 개발 시 빠른 미리보기 | 백엔드 개발, API 테스트, 서버 환경 모방 |
| 설치 및 실행 | VS Code 확장 프로그램 (Live Server) 사용 | Node.js, Apache, Python, PHP 등으로 실행 |
| URL 형식 | http://127.0.0.1:5500 등 | http://localhost:8000 등 |
| 자동 새로고침 | ✅ 지원 (파일 변경 시 자동 반영) | ❌ 기본적으로 지원 안 함 (추가 설정 필요) |
| 백엔드 연결 | ❌ (주로 정적 파일용) | ✅ (Express, Django 등과 함께 사용 가능) |
| 보안 설정 | 개발용이라 보안 고려 없음 | 개발 및 배포 환경에 따라 보안 설정 가능 |
| 속도 | 가벼운 정적 서버로 빠름 | 백엔드 로직이 포함되면 상대적으로 무거울 수 있음 |
| 배포 가능 여부 | ❌ (개발용, 인터넷에서 접근 불가) | ✅ (서버를 설정하면 외부 접근 가능) |
- Live Server → HTML, CSS, JavaScript 정적 페이지 개발 시 유용
- Local Server → 백엔드 개발, API 테스트, 데이터베이스 연동이 필요할 때 사용