티스토리 뷰

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>

 

 

반응형
저작자표시 비영리 변경금지 (새창열림)

'Language > JavaScript' 카테고리의 다른 글

[Do It!] 02. 자바스크립트 기초 문법 [연산자]  (0) 2023.11.17
[Do It!] 02. 자바스크립트 기초 문법 [변수]  (2) 2023.11.15
화살표 함수  (0) 2023.09.04
정규식  (0) 2023.06.07
[jQuery] data-속성 추가, 가져오기, data()함수 사용법  (0) 2023.05.15
댓글