[vscode] live server vs default browser

vscode의 liver server와 default browser는 두 가지 다른 목적을 가진 확장 프로그램이다.

 

1. default browser

● default browser는 주로 파일을 로컬 디스크에서 직접 열 때 사용된다.

● 코드 편집기에서 HTML, CSS, JavaScript 파일을 편집하고 파일을 저장한 후 default browser를 사용하여 해당 파일을 시스템의 기본 웹 브라우저로 연다.

● 이것은 정적인 웹페이지의 개발 및 테스트에 유용하다.

 

2. live server

● live server는 개발 중에 동적인 웹 어플리케이션을 테스트하는 데 사용된다.

● 이 확장은 로컬 서버를 시작하고 코드를 수정하라 때 브라우저를 자동으로 새로 고치는 등의 기능을 제공한다.

● 이로써 코드 변경을 실시간으로 확인하고 디버깅하는 데 도움이 된다.

● live server는 라이브 리로딩 및 개발 중인 애플리케이션의 동작을 테스트하는 데 특히 유용하다.

 

live server를 사용하면 last-child 지정이 안된다.

Live Server 가 Body 태그 안쪽 맨 아래에 보이지 않는 스크립트 태그 ( 또는 어떤 것 ) 을 만들기 때문에 더이상 div가 last-child가 아니다.

open in browser 확장자를 설치해서 alt + b키로 개발하는 것이 낫다.
html, css를 활용한 단순 정적인 웹페이지를 만드는 것이라면