나의 디딤돌

안녕하세요 오늘은 간단하게 비주얼 스튜디오의 몇 가지 확장 플러그인에 대해 

알아보겠습니다.

비주얼 스튜디오 코드에는 다양한 확장 플러그인을 제공해주는데요.

그중 거의 필수적으로 사용하는 라이브 서버란 게 있습니다.

따로 서버에 등록하지 않고 즉시 테스트 할 수 있도록 웹페이지가 열리도록 해줍니다.

실제 서버에 등록해서 웹피이지가 뜨기 전에 미리 보는 것이지요.

다만 테스트라 다른 사람은 못들어 온다는 점. 기억해두시면 좋을 것 같습니다.

그럼 바로 알아보도록 하겠습니다.

먼저 비주얼 스튜디오 코드(이하 VSCode로 하겠습니다.)를 실행합니다.

이후 사진처럼 직접 좌측 메뉴에 Extensions를 클릭해줍니다.

또는 Ctrl + shift + x 를 눌러주시면 됩니다.

Extensions을 클릭하게 되면 저렇게 검색을 할 수 있게 나오는데요

live server를 입력해줍니다.

그럼 이렇게 맨 위에 Live Server가 있는데요. 설치하신 분은 Install이 나오지 않을 것이고

처음이신 분은 아마 저처럼 Install이 나올겁니다. 그럼 Install를 클릭해서

설치해주시면 됩니다.

설치하고 나시면 버튼 두개는 사라지고 톱니바퀴(설정 이미지)가 나오면 설치가 완료된 것입니다.

그럼 이제 html 파일을 을 켜주신 다음 Alt+ O + L를 눌러주시면 

웹 사이트가 뜨게 됩니다.