JavaScript 시작하기
1. HTML 파일에 직접 JavaScript 코드 작성
-> HTML 파일을 만든 후 ! + tab 누르면 자동완성됨
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
console.log('hello, js')
</script>
</body>
</html>
Live Server 익스텐션을 사용하여 HTML 창을 바로 켜본다
HTML 창을 열고 개발자 도구에서 console을 확인하면,
입력한 JavaScript 코드가 보임
2. JavaScript 코드 분리하기
JavaScript 코드가 너무 길어지면, js 파일에 쪼개서 사용할 수 있다.
같은 위치에 start.js 파일 생성
( 1 ) HTML 파일 script 부분 수정
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script type="text/javascript" src="start.js">
</script>
</body>
</html>js파일을 참조하도록 추가
( 2 ) start.js 수정
console.log('hello, js')
동일하게 동작하는 모습
웹 브라우저의 console에 JavaScript 코드를 바로 입력해도 동작한다.
-> 웹 브라우저는 JavaScript를 해석하는 엔진을 갖고 있기 때문에 가능함
이렇게 웹 브라우저에서 바로 실행할 수 있는 JavaScript 문법들을 Vanila JavaScript라고 부른다.
'JAVA script' 카테고리의 다른 글
| [JavaScript] 원시형 데이터 - boolean / null / undefined (0) | 2023.05.06 |
|---|---|
| [JavaScript] 변수 선언 / scope (0) | 2023.04.30 |
| JAVA Script 조건문 ( if문 / switch문 ) (1) | 2022.09.25 |
| JAVA Script 기본 문법 ( 변수 선언 / 자료형 / 연산자 ) (1) | 2022.09.25 |
| JAVA Script 기초 ( 알림창 / 확인창 / 프롬포트 ) (0) | 2022.09.25 |