Language/JavaScript
[Do It!] 01. 자바스크립트 시작하기
구일일구
2023. 11. 15. 17:22
반응형
라이브러리
자바스크립트 언어로 만든 프로그램이나 기능을 모아둔 것
제이쿼리, 앵귤러JS, 리액트JS, 노드JS, 폰갭 등 자바스크립트로 제작된 다양한 라이브러리가 등장함
크롬브라우저 개발자 도구
| 요소(Elements) | HTML(Element) 요소에 적용된 스타일(CSS)을 검사 |
| 콘솔(Console) | 자바스크립트 오류 체크는 물론 디버깅(debugging) 가능 |
| 소스(Source) | 브라우저가 자바스크립트 소스를 파싱(parsing)해오는 과정을 보여줌. 소스 패널도 오류 체크와 디버깅(debugging) 가능 |
디버깅(debugging)
프로그래머가 실수로 잘못 코딩한 프로그램을 실행하면 오류(error) 발생
이런 현상을 버그(bug)라 부르고 이런 버그를 검사하고 수정하는 작업을 디버깅(debugging)이라 함
ex1_1.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>
</head>
<body>
<h1>Welcome My World</h1>
</body>
</html>
test_example.html
더보기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>맛보기 예제</title>
</head>
<body>
<script>
var age = prompt("당신의 나이는?", "0");
if(age >= 20){
document.write("당신은 성인입니다.");
}else{
document.write("당신은 미성년자입니다.");
}
</script>
</body>
</html>
반응형