자바스크립트란?
자바스크립트는 인터프리터 언어다.
- JS를 실행하기 위한 인터프리터 = 웹 브라우저
- nodejs -> 자바스크립트를 실행하기 위한 인터프리터
자바스크립트 코드가 하는 일
- 백엔드에서 데이터를 가져오는 것
- 웹 페이지에서 원하는 태그를 변경하는 것 (렌더링)
자바스크립트 작성
script 태그에 자바스크립트 코드를 넣거나, src로 js 파일을 연결해서 사용한다.
렌더링 때문에 보통 js를 제일 아래에 넣어준다.
만약 백엔드에 게시글을 가져와 h1 태그 안에 내용을 DB에 저장되어 있는 제목으로 바꿔주려고 하는데,
자바스크립트가 제목 위에 있다면 h1 태그가 아직 안 만들어졌을 수도 있다.
그래서 보통 자바스크립트는 body의 제일 밑에 작성한다.
html, css, javascript를 한 파일에 다 만들면 코드가 너무 길어지고, 한 페이지에서 쓰인 javascript 내용이 다른 페이지에서도 쓰일 수 있기 때문에 보통 html과 css, js 파일을 따로 나누어서 만든다.
<!-- ex01.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="ex01.css">
</head>
<body>
<h1>제목</h1>
<script src="ex01.js"></script>
</body>
</html>
'FE > JavaScript' 카테고리의 다른 글
| [JS] 비동기 통신 / 응답 테스트 (1) | 2024.12.18 |
|---|---|
| [JS] 배열 다루기 (0) | 2024.12.17 |
| [JS] DOM이란? / DOM 요소 다루기 (0) | 2024.12.17 |
| [JS] 자바스크립트 기본 문법 (0) | 2024.12.16 |
