[JavaScript] 자바스크립트 배우기 2 실습 환경 구축

이번엔 자바스크립트 실습해 보기 위한 환경을 구축해 봅시다

C언어 처럼 온라인으로 코딩을 해주는 사이트도 있지만 슬슬 개발 도구에 익숙해 지시는걸 권장 드립니다

 

code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

이곳에서 비쥬얼 스튜디오 코드를 다운 받아 줍니다

옵션은 기본으로 전부 next를 누르시면 됩니다

 

다운 후 실행하면 이런 화면이 나오는걸 보실 수 있을 겁니다

 

그후 바탕화면에 폴더를 하나 생성해 주세요 이름은 자유 입니다 

전 JS라고 이름을 정하겠습니다

폴더를 만든후 폴더를 비쥬얼 스튜디오의 가운대로 드래그 해주시면 

이런식으로 폴더가 들어간것을 보실 수 있습니다

 

옆에 있는 메뉴중 4번째 메뉴를 클릭합니다

이곳에서는 코딩에 도움이되는 여러가지 도구들을 다운 받을 수 있는데요

이걸 인스톨 해줍니다

이건 우리가 짠 코드를 비쥬얼 스튜디오 코드에서 바로 웹사이트를 열어주는 도구 입니다

 

그럼 다시 맨 처음 화면으로 돌아가 줍니다

우리가 집어 넣은 폴더에 마우스를 대면 

 

이런 아이콘들이 보이게 됩니다

가자 왼쪽의 아이콘을 누르면 새로운 파일이 생기며 이름을 입력하는 칸이 보이게 됩니다

형식을 파일이름.html 로 고정해 줍니다

 

파일만들어보기.html로 해보겠습니다

 

짜잔

새로운 파일이 생겼습니다

그러면 이제 html을 타이밍 한뒤 ctr+스페이스바 를 누르시면

자동 완성이 나올 겁니다

그중 두번째닌 html:5를 선택해 줍니다

그러면 html의 구조가 자동으로 짜집니다 

acornstudio.tistory.com/13?category=878900

HTML 배우기 (2)-HTML의 기본 구조

 

이제 해드의 마지막 태그 위에 

스크립트가 들어갈 부분을 만들어주면 끝납니다