안녕하세요 펭귄 교수입니다.
이번에 쓸 포스팅은 VS Code 프로그램에서 클릭 두 번으로 웹 서버를 만드는 방법에 대해 알아보고자 합니다.
VS Code
VS Code, Visual Studio Code는 코딩 편집기 중 하나입니다.
가볍고 오픈 소스 프로그램이라 많이 사용하고, 특히 웹 관련 프로그래머가 많이 사용하는 편집기 입니다.
Visual Studio Code - Code Editing. Redefined
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.
code.visualstudio.com
Live Server 확장 프로그램
VS Code에는 확장 프로그램이라 해서 추가로 설치해서 VS Code를 사용할 때 여러 도움이 되는 프로그램들이 있습니다.
이번에 소개할 방법은 이 확장 프로그램 중 하나입니다.
좌측 네비게이션 바에서 네모난 게 4개가 있는 것이 확장 프로그램 탭입니다.
해당 탭에 들어가 Live Server를 입력하면 확장 프로그램이 나옵니다.
이 프로그램은 MIT 라이센스로 상업적 이용이 가능한 프로그램입니다.
- 이 프로그램을 설치해줍니다.
- 설치 후 로컬 서버로 호스팅하고 싶은 웹 페이지 HTML 파일로 들어갑니다.
- 그 후, 우클릭하고 Open with Live Server를 클릭합니다.
- 그러면 자동으로 localhost:PORT 로 로컬 웹 서버가 열립니다.
이렇게 VS Code 확장 프로그램으로 간단하게 웹 서버 만드는 방법에 대해 알아보았습니다.
간단하게 만들어진 웹 페이지를 디버깅할 때 좋은 확장 프로그램이라 생각합니다.
