JavaScript와 Console
- 자바스크립트를 실행하기 위해서 무엇을 작성하거나 설치 할 필요가 없다.
우리가 항상 사용하고 있는 브라우저 안에 적용 돼 있다.
사용자가 어떤 코드를 작성해주길 기다리고 있다.
-
Console (F12) 은 긴 코드를 쓸 용도로 만들어진 것이 아니다. 한줄에 한번만 작성 가능
-
Console은 JavaScript와 상호작용이 좋긴 하지만 긴 자바스크립 파일을 만들기엔 좋지 못하다.
브라우저에 JavaScript 실행시키는 방법
-
사용자가 원하는 자바스크립트 파일을 브라우저에 실행 시켜주는 장치
-
JavaScript를 브라우저에 실행시키기 위해선 HTML을 열고 HTML은 JavaScript와 CSS를 가져오는 것이다.
- 브라우저 = HTML + (JavaScript + CSS)
브라우저에 JavaScript파일이나 CSS파일을 여는게 아니라 "index.html" 파일을 브라우저에서 여는 것 이다.
- "index.html" 을 만든 뒤 ! 엔터 를 치면 기본값이 나온다.
- title~/title 에는 파일명을 적는다
- css 파일을 HTML 파일에 넣기
-> (link rel (ationship)="XX" href="~~.css")- JavaScript파일을 HTML 파일에 넣기
-> (script src="XX.js")(/script)
- 이렇게 실행한 HTML 웹사이트에서 console을 켜면 JavaScript를 볼 수 있고 Elements을 누르면 HTML을 볼 수 있고 그 밑으로는 css를 볼 수 있다.
