라이브서버3 [HTML] 라이브 서버 단축키로 이용하기 라이브 서버 단축키로 실행마우스는 키보드보다 생산성이 떨어집니다. 단축키를 사용하면 마우스 사용보다 빠르게 기능을 수행할 수 있습니다. 'Go Live' 버튼을 클릭하는 것보다 키보드로 'Ctrl + Shift + P'를 누르고 나타나는 콘솔 창에 'Live Server'를 검색합니다. 'Live Server: Open with Live Server'를 선택합니다. 열려있는 폴더와 파일들을 모두 라이브 서버에서 확인할 수 있습니다. 문제는 작업자가 원하는 폴더가 아니라는 것입니다. 이때 사용하는 방법도 단축키를 이용하면 해결됩니다. 단축키 'Ctrl + Shift + P'를 눌러 나오는 콘솔에 'Live Server'를 검색하면 나오는 항목에서 'Change Live Server Workspace'를 선.. 2024. 6. 21. [HTML] Live Server 기본 설정 변경 Live Server 기본 설정 변경 "Live Server"의 기본 설정을 변경하려면 설정 파일을 수정해야 합니다. 아래에 디폴트 설정을 변경하는 방법을 단계별로 설명드리겠습니다. 1. 설정 파일 열기Visual Studio Code의 사용자 설정 파일인 `settings.json` 파일을 수정하여 Live Server의 기본 설정을 변경할 수 있습니다. 1. Visual Studio Code를 엽니다. 2. `Ctrl + ,` (또는 `Cmd + ,` on macOS) 키를 눌러 설정 창을 엽니다. 3. 오른쪽 상단의 열쇠 모양 아이콘을 클릭하여 설정(JSON)을 엽니다. 이로 인해 `settings.json` 파일이 열립니다. 2. Live Server 설정 추가하기`settings.json` 파일.. 2024. 6. 20. [HTML] VSCode 확장 프로그램, Live Server VSCode 확장 프로그램, Live Server"Live Server"는 로컬 개발 서버를 실행하여 HTML 파일의 변경 사항을 자동으로 브라우저에 반영해 주는 확장 프로그램입니다. 아래는 "Live Server" 확장 프로그램의 주요 기능과 설치 방법에 대한 간단한 가이드입니다.Live Server 확장 프로그램 사용 가이드주요 기능실시간 재로드: 파일을 저장할 때마다 브라우저가 자동으로 새로고침됩니다.다중 루트 워크스페이스 지원: 여러 프로젝트를 동시에 작업할 수 있습니다.서버 사이드 페이지 지원: PHP와 같은 서버 사이드 페이지를 지원합니다.설치 방법Visual Studio Code 실행: Visual Studio Code를 실행합니다.확장 프로그램 설치:왼쪽 사이드바에서 확장 프로그램 아이콘을.. 2024. 6. 19. 이전 1 다음
