[JavaScript] 02.Hello,JavaScript!

HeeSung Lee·2023년 3월 7일

js

목록 보기

2/3

👋 Hello, JavaScript!

HTML 내에서 JavaScript 를 사용하고 싶으면 <script> 태그를 이용하면 된다. 다음 코드를 통해 간단한 메세지를 뛰워보자.

<!DOCTYPE HTML>
<html>
<body>
  <h1>JavaScript</h1>
  <script>
    alert( 'Hello, JavaScript!' );
  </script>
</body>
</html>

이 처럼 <script> 태그에는 js 코드가 들어가고, 브라우저가 이 태그와 만나면 <script> 태그 내의 코드를 자동으로 처리한다.

cf) 외부 스크립트 참조하여 쓰기
코드를 짜다 보면 코드가 길어져서 가독성이 떨어질 때가 있을 것이다. 그럴때는
<script src="/*js 파일 경로*/"></script>
이렇게 쓰면 코드를 분할하고, 그걸 참조하여 쓸 수 있게 된다.

✍️ 세미콜론

JavaScript 는 C, C++ 처럼 세미콜론을 꼭 붙이지 않아도 된다.JavaScript 에서는 줄바꿈이 있다면 세미콜론을 생략해도 된다. 물론 적어줘도 상관은 없다. 하지만 같은 줄의 2개의 명령을 실행하는 코드가 함께 있다면 세미콜론으로 문장의 끝을 나타내야 한다.

console.log(1); console.log(2);
console.log(1)
console.log(2)

🧐 use strict

"use strict" 는 단순한 문자열 처럼 보인다. 하지만 "use strict" 가 스크립트 최상단에 위치한다면 스크립트 전체가 모던한 방식으로 바뀐다.이 특별한 지시자를 사용하여 엄격모드(strict mode)를 활성화 했을 때만 이 변경사항이 활성화되도록 하였다.

📦변수

변수(variable) 는 데이터를 저장할 때 쓰이는 이름이 붙은 저장소라고 할 수 있다. JavaScript 에서는 대개 let 키워들를 사용하여 변수를 생성한다. 아래 코드를 통해 더 알아보자.

let a;
let b = 10;
let c, d;
a = b;
alert(a + " " + b);

위 코드를 실행하면 이와 같이 a 와 b 에 10이 저장되어 나오는 모습을 볼 수 있다. 또 c 와 d 같이 쉼표로 구분하여 한줄에 변수를 선언할 수도 있다.

cf) let 대신 var ?
사실 변수를 선언하는 방법은 하나 더 존재한다. 바로 var 키워드를 사용하는 것이다. var 를 사용하는 방법은 let 과 똑같다.하지만 var 와 let 의 차이는 존재한다.
var a = '중복선언'
console.log(a); // 중복선언
var a = '가능'
console.log(a); // 가능
let a = '중복선언'
console.log(a); // 중복선언
let a = '불가능'
console.log(a); // Uncaught SyntaxError: Identifier 'name' has already been declared
a = '이렇게 하는건 가능'
console.log(a); // 이렇게 하는건 가능
위처럼 var 는 중복선언이 가능하지만 let 은 중복 선언이 불가능 하다.

🏷️ 변수 명명 규칙

JavaScript 에서의 변수 명명 시 두가지의 제약사항이 있다.

변수명에는 오직 문자와 숫자, 그리고 $와 _만 들어갈 수 있다.
첫 글자는 숫자가 될 수 없다.
여러 단어를 조합할때는 카멜 표기법(camelCase) 를 사용한다.
```
var thisIsLongName_1234$;
```

HeeSung Lee

프론트엔드 개발자를 꿈꾸는 고등학생입니다⌨️💻

이전 포스트

[JavaScript] 01.자바스크립트?

다음 포스트