B2 : JS 기본 개념

B2 : JS 기본 개념

2025. 8. 5. 14:51ㆍFront-end/JavaScript

1. HTML과 자바스크립트

HTML 문서에서 자바스크립트 사용하기

<!DOCTYPE HTML>
<html>
	<body>
    	<p>어쩌구저쩌구</p>
        <script>
        	alert('Hello, world!');
        </script>
        <p>어쩌구저쩌구</p>
    </body>
</html>

외부 스크립트를 불러오는 경우, src 속성으로 참조하여 스크립트를 가져올 수도 있다.

<script src="/path/script.js"></script>

<script src="https://cdnjs.cloudflare.com/script.js/>

<script> 태그의 속성 (요즘엔 거의 안씀)

1. type

<script type="text/javascript">

HTML4에서 스크립트에 type을 명시하는 게 필수였으나, 이제는 타입 명시가 필수가 아니다.

2. language

<script language="...">

현재 사용하는 스크립트 언어를 나타내는 속성으로, 지금은 자바스크립트가 기본 언어여서 사용할 필요가 없다.

2. 코드 구조

자바스크립트의 코드 블록 구성 요소는 아래와 같다.

문(statement)
- 문법 구조와 명령어
세미콜론 (semicolon)
- 하나의 문을 끝낼 때마다 작성한다.
주석 (comment)
- 스크립트의 어느 곳에나 작성할 수 있다.
- 한줄 주석은 ( // )로 시작되며, 여러 줄의 주석은 ( /* ... */ ) 안에 넣어서 작성한다.
- 코드에 영향 없이 코드에 대한 설명 등을 작성할 때 사용할 수 있다.

3. 엄격 모드

자바스크립트는 오랫동안 기존 기능의 변경 없이 새로운 기능이 추가되었다.

하지만 ECMAScript5(ES5)에서 기존 기능의 변경이 있었고, 그로 인한 문제가 생길 수 있게 되었다.

그래서 ES5 이전의 문제 있는 기능들이 ES5의 기본 모드에서 활성화 되지 않도록,

use strict 지시자로 엄격 모드(strict mode)를 활성화했을 때만 변경사항이 활성화되도록 하였다.

"use strict";

...
// 이 코드는 모던한 방식으로 실행

strict mode에서는 아래와 같이 ES5 이전에 허용되던 문제 있는 기능들이 제한된다.

제한 사항	설명
암묵적 변수 선언 금지	x =10 같이 선언 없이 변수 생성 불가
this의 암묵적 전역 객체 바인딩 금지	함수 내부에서 this가 window가 아닌 undefined가 됨
중복 매개변수 금지	function fn(a, a) { ... } 같이 중복 매개변수 불가
삭제 금지	delete Object prototype 같은 불가능한 삭제 불가
읽기 전용 속성에 값 대입 시 에러	NaN = 123 불가능
예약어 사용 제한	implements, interface, let, package 등 사용 금지
with 문 사용 금지	구조가 모호해서 금지됨

참고

https://ko.javascript.info/strict-mode

엄격 모드

ko.javascript.info

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Strict_mode

Strict mode - JavaScript | MDN

JavaScript's strict mode is a way to opt in to a restricted variant of JavaScript, thereby implicitly opting-out of "sloppy mode". Strict mode isn't just a subset: it intentionally has different semantics from normal code. Strict mode code and non-strict m

developer.mozilla.org

'Front-end > JavaScript' 카테고리의 다른 글

B4 : 원시형의 형변환 (2)	2025.08.05
B3 : 변수, 상수, 자료형 (4)	2025.08.05
모듈 (0)	2025.03.11
자바스크립트 기초(6) : 프로토타입 (0)	2025.03.04
B1 : 자바스크립트란? (0)	2025.01.23

🥔 감자의 오묘한 개발 🥔