#2.0
JS는 브라우저의 콘솔을 사용한다. 브라우저 콘솔에서 코딩을 하고 엔터를 누르면 바로 적용이 되는걸 확인할 수 있다.
하지만 브라우저 콘솔을 사용하기에는 코딩하기에 좋은 환경이 아니다. 그래서 코딩을 VSCode에 작성할 것이다. .js
과 .css
파일을 브라우저에 끌어다 놓으면 파일이 실행이 되는것이 아니라 작성된 코드를 보여주기만 할 것이다. 결국 브라우저는 파일을 끌어다 놓는 식으로 실행되지 않는다. 그렇게에 브라우저와 연결되는 중간 접착제가 필요한데 그것이 html
이다.
브라우저
는 html
을 열고 html
은 css
와 js
를 가지고 온다.
JS 파일은 .html - head에 작성하지 않고 .html - body
의 맨 끝
에 불러오고 다음과 같이 입력한다.
<script *src*="<file name>.js"></script>
CSS 파일은 .html - head에 불러오고 다음과 같이 입력한다.
<link *rel*="stylesheet" *href*="<file name>.css" />
alert("hi");
body {
background-color: beige;
}
위처럼 html을 실행시키면 브라우저는 js와 css 엔진이 돌아가게된다. 그리고 브라우저에 Elements창
과 Console창
을 열어서 코드의 상태를 지속적으로 확인할 것이다.
#2.1
프로그래밍에 있어 가장 기본적이 두 가지 데이터 타입이 있다.