NGMsoftware

NGMsoftware
로그인 회원가입
  • 매뉴얼
  • 학습
  • 매뉴얼

    학습


    기타 Visual Studio Code에서 웹페이지를 쉽고 빠르게 열어서 확인하는 필수 확장 프로그램.

    페이지 정보

    본문

    안녕하세요. 엔지엠소프트웨어입니다. Visual Studio Code에는 굉장히 좋은 확장 프로그램들이 많습니다. 요즘 Type Script를 이용해서 프론트 엔드 개발을 하고 있는데요. 필수로 2가지를 설치해야 해서 알려드립니다~

     

    Open in Browser

    오픈 인 브라우저는 html 파일을 선택하고 Alt+B로 브라우저를 실행할 수 있습니다. 수정된 코드를 빠르게 확인할 수 있는데요. 매번 브라우저를 열기 보다는 F5를 눌러서 갱신하는게 좋겠죠? 만약, 캐시가 있다면 Ctrl+Shift+R을 눌러서 새롭게 리프레시할 수 있습니다.

    JsfYpKA.png

     

     

    Open in Default Browser

    오픈 인 브라우저와는 다르게 가상 서버(IIS)를 실행하고, 소스 파일을 실행 해줍니다. 그래서, 처음 실행할 때 속도는 좀 느린데요. 그 이후에는 동일합니다. 간단하게 마우스 우클릭으로 실행할 수 있다는 장점이 있습니다. 물론, 단축키(Ctrl+1)도 제공하고 있어요.

    jc1lI84.png

     

     

    로컬 파일에서 실행할지 웹서버를 통해서 실행할지는 개발자가 결정할 문제지만~ 저같은 경우에는 둘다 설치해서 사용하고 있습니다. 참고로 js 파일을 브라우저가 아닌 VSC에서 확인하려면 node app.js와 같이 사용해도 됩니다. 빠르게 결과만 콘솔에서 확인할때는 이게 더 편리하죠~

    Fi8Ihsq.png

     

    개발자에게 후원하기

    MGtdv7r.png

     

    추천, 구독, 홍보 꼭~ 부탁드립니다.

    여러분의 후원이 빠른 귀농을 가능하게 해줍니다~ 답답한 도시를 벗어나 귀농하고 싶은 개발자~

    감사합니다~

     

    • 네이버 공유하기
    • 페이스북 공유하기
    • 트위터 공유하기
    • 카카오스토리 공유하기
    추천0 비추천0

    댓글목록

    등록된 댓글이 없습니다.