아하

학문

전기·전자

사탕수수

사탕수수

채택률 높음

VS 로 작성한 코드를 미리보기 하면서 수정하는 방법은?

코드를 작성하다 보면 결과물을 보고 수정하곤 하는데 계속 다운만 하기보다는 미리보기를 통해 이런 결과가 나올 것이다를 보여주는 사이트는 없을까요?

언어 변환은 알겠는데 미리 보는 기능은 어디에서 찾는지 모르겠습니다.

2개의 답변이 있어요!

  • 유택상 전문가

    유택상 전문가

    서울교통공사 검수팀

    ∙

    안녕하세요. 전기기사 취득 후 현업에서 일하고 있는 4년차 전기 엔지니어입니다.

    VS 코드에서 코드의 결과를 실시간으로 미리보기 하기 위해서는 몇 가지 확장 프로그램을 활용할 수 있습니다. 대표적으로 "Live Server"라는 확장 프로그램을 설치하면, HTML, CSS, JavaScript로 작성된 웹 페이지의 변경 사항을 실시간으로 브라우저에서 확인할 수 있습니다. 이 확장 프로그램은 로컬 서버를 구동하여 코드가 수정될 때마다 자동으로 브라우저에 업데이트된 결과를 보여줍니다. 또한 "Prettier" 확장 프로그램을 사용하여 코드가 잘못되었거나 형식적으로 어긋나는 부분을 쉽게 교정할 수 있습니다. 원하는 프로그래밍 언어에 따라 다른 플러그인들이 필요할 수 있으니, VS 코드의 확장 프로그램 시장에서 자신에게 맞는 것을 찾아보세요.

  • 탈퇴한 사용자

    탈퇴한 사용자

    안녕하세요. 전기전자 분야 전문가입니다.

    코드를 작성하면서 결과물을 미리보기하는 방법은 다양한 툴과 플랫폼에서 제공됩니다. 예를 들면, 코드 샌드박스나 코드펜 같은 온라인 코드 편집기는 실시간으로 코드를 작성하면서 결과를 즉시 확인할 수 있어 매우 편리합니다. 특히 VS 코드 환경에서 작업 중이라면, "Live Server" 같은 확장 프로그램을 설치하면 브라우저에서 코드를 실시간으로 미리보기할 수 있습니다. 이러한 서비스를 사용하면 번거로운 다운로드 과정 없이 즉시 결과를 확인할 수 있으니 추천드립니다.

    좋은 하루 보내시고 저의 답변이 도움이 되셨길 바랍니다 :)