[JavaScript] 변수, JS실행 document.querySelector[TIL 8일차]

JUNGHUN KIM·2021년 6월 21일
0
post-thumbnail

변수

1.변수의 이름은 카멜케이스 방법으로 작성해야함.

카멜케이스: 단어의 첫 글자는 소문자, 연결된 단어의 첫 글자는 대문자로 시작하는 작성법

let userName = "Kimjunghun"; // OK
let user_name = "kimjunghun"; // X  

let user_name도 JS 실행단계에서 에러는 발생하지 않지만 관례적으로 카멜케이스를 쓴다.

2.변수 이름은 _, $, 문자로만 시작한다.

let 12day ="월요일"; // X <--숫자로 시작하므로
let @day12 = "월요일"; // X <-- _,$ 이외의 특수문자로 시작
let day12 = "월요일";  // O <-- 문자로시작
let _day12 ="월요일"  // O <-- _로 시작
let $day12 = "월요일"  // O <-- $로 시작

3. 예약어는 사용할 수 없다.

var , let const, typeof 등등의 예약어는 상수로 사용이 불가

const var =10 ;  // X <-- var는 변수 선언 키워드로 변수 이름으로 지을 수 없다.

JS작성 및 실행법

JS는 HTML문서 내부에 기술되고 HTMl문서와 같이 실행됨

##JS 실행방법

1.내부 스크립트

HTML문서내부에 script태그를 사용하고 script태그안에 JS코드를 사용하는 방법

<body>
  <script>
    console.log("Hello, World!");
  </script>
</body>

F12 콘솔창을 확인해보면 Hello.world!가 출력됨

2.외부 스크립트 파일

확장자가 js로 끝나는 별도의 js file을 만들고 그 js파일과 html파일을 연결하는 것

HTML에는 하기와같이 스크립트 태그에 src를 기재후 src에 js file명을 기재함.

<body>
  <script src="main.js"></script>
</body>

상기 절차를 마치면 HTML문서와 main.js라는 JS파일은 연동이됨
그 이후 JS파일에 하기 내용을 입력 후 F12를 눌러 콘솔창을 확인해보면 Hello.world!가 출력됨

console.log("Hello, World!");

참조: 내부스크립트 외부 스크립트 방법이든 body태그가 끝나기 전에 사용하는것이 좋음.

profile
개발자가 되고 싶은 일문학도

0개의 댓글