2023.07.10
[VS Code] VS Code 에디터 안에 라이브 서버(Live Server)를 넣는 방법
VS Code 에디터 안에 Live Server를 넣는 방법 들어가며 VS Code에서 HTML 코드를 작성할 때, Liver Server를 통해 확인하면서 보는 경우가 있다. 코드의 실행 결과가 새로운 웹 브라우저의 창에 기본적으로 열리게 되는데, 웹 브라우저 창과 VS Code 프로그램에서 번갈아 움직이면서 작업하기가 불편한 경우가 발생한다. 이럴 때, VS Code 안에 라이브 서버(Live Server)를 넣는 방법이 있다. 방법 HTML 소스 코드에 마우스 커서를 올린 후 [마우스 오른쪽 버튼] > [Open with Live Server] 항목을 클릭한다. 코드의 실행 결과가 새로운 웹 브라우저 창에 열리는데, 해당 웹 브라우저 창의 주소(URL)을 복사한다. VS Code에서 [Ctrl] +..