- import 방법
- alert
- console.log
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
<!-- ★ import방법 ★ -->
<!-- 이미지 가져오는거랑 같네 ./ 이런거 -->
<!-- import하는 script 사이에 아무것도 쓰지말기!!! -->
<script src="../JS/test.js"></script>
<script>
// 1. alert
// alert("Hello, world!");
// 팝업(경고창)으로 뜸 -> 여러개 만들면 팝업도 여러개 뜬다
// --> 간단한 예제를 빠르게 확인하는 용도로는 ㄱㅊ
// alert("Hello, world!1111");
// alert("Hello, world!2222");
// 2. console.log(); : syso랑 같은거지뭐
console.log("Hello, world!");
console.log("F12 console에서");
console.log("주르륵 나온다구");
console.log("주르륵 나온다구");
qqqq();
// import하지 않으면?
// 호출자체가 되지 않으므로 console내에서 x가 뜨면서
// qqqq is not defined로 에러가 난다.
// 이거 제외하고 다른 코드들은 실행은된다만...
</script>
</head>
<body>
<script>
console.log("이것은 body에서 열린 스크립트");
console.log("어디서써도 순서대로 시행된다구");
console.log("head에 쓰는게 일반적이지@!");
</script>
<div class="container">
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"></script>
</body>
</html>'JavaScript > DAY 34 _ 23.10.11' 카테고리의 다른 글
| 배열 (0) | 2023.10.11 |
|---|---|
| 조건/반복문 (1) | 2023.10.11 |
| 연산자 (0) | 2023.10.11 |
| 변수 (0) | 2023.10.11 |
| JS basic (0) | 2023.10.11 |