Visual Studio Code 라이브 서버 설치 , 사용 방법

개발 공부/PWA 2023. 2. 14. 15:13

VSCode는 확장 기능을 통해서 다양한 기능 추가가 가능합니다.

그 중 라이브 서버를 설치하여 사용해보겠습니다.

* 라이브서버란?
미니 웹 서버의 한 종류로, HTML 문서 작업 후 바로 로컬 서버에서 테스트 가능하게 함

* 한글 언어팩 설치 방법

라이브 서버 설치 방법

1. 좌측 메뉴 맨 아래 Extensions 클릭

2. Live Server 검색

3. 설치 클릭

4. 버튼이 사용안함으로 바뀌었다면 설치 완료.

라이브서버 사용 방법

VSCode를 이용하여 html 파일을 만들고 문장을 출력해보는 실습을 해보겠습니다. 1. 상단 메뉴 에서 [파일 -> 폴더열기] 를 선택한 후, 프로젝트를 저장할 폴더를 생성 또는 선택해줍니다. 2. TEST라는

rozy.tistory.com

javascript 화살표 함수 return 생략 예제 소스 (0)	2023.02.21
JavaScript 변수 선언 var let const 차이와 사용법 예제(+템플릿 리터럴) (0)	2023.02.15
VSCode 웹 프로젝트 생성 및 실행하기 (+핸드폰 화면 미리보기) (0)	2023.02.14
Visual Studio Code 한글 언어 팩 설치 방법 (0)	2023.02.14
PWA 시작하기 (참고 사이트, 설치 툴) (0)	2023.02.01

돈 되는 정보 모음집 돈 되는 정보 모음집