[HTML] HTML - 20.HTML과 자바스크립트

프론트 엔드/HTML

[HTML] HTML - 20.HTML과 자바스크립트

Koras02 2023. 1. 25. 22:15

이번 시간에는 자바스크립트에

대해 알아보도록 하겠습니다.

자바스크립트란?

자바스크립트(Javascript)란 객체(Object)기반의

스크립트 언어 입니다.

웹 개발의 단계는 3가지가 있습니다.

HTML로 웹의 내용을 작성하면 CSS로 작성된

웹을 디자인하고 자바스크립트를 통해

웹의 동작을 구현해주는 단계입니다.

자바스크립트는 주로 웹 브라우저에

사용되나 Node.js(노드JS)와 같은

프레임워크를 사용하면 서버 측 프로그래밍

에서도 사용할 수 있습니다.

현재는 컴퓨터나 스마트폰 태블릿 등에

포함된 대부분의 웹 브라우저에서는

자바스크립트 인터프리터가

내장되 있습니다.

script 요소

script 요소는 해당 웹 페이지에서 사용할

스크립트(script)를 정의하기 위해 사용합니다.

script 요소 내부에 직접 스크립트를

작성하거나 외부 스크립트 파일의 주소를

src 속성값으로 명시하면 됩니다.

<body>
    <h1>자바스크립트 문장 삽입</h1>
    <p id="demo"></p>
    <script>
        document.getElementById("demo").innerHTML = "자바스크립트"
    </script>
</body>

여기서 선언한 id 값의 스크립트는 해당 id를

지정한 태그의 아래 위치해야 합니다.

noscript 요소

noscript 요소는 스크립트를 지원하지 않는

웹 브라우저를 사용하는 사용자에게

보여줄 문자열을 설정할 때 사용합니다.

noscript 요소는 일반적인 HTML 문서의

body 요소 내부에 나올 수 있는

모든 요소를 포함할 수 있습니다.

 <script>
     document.getElementById("demo").innerHTML = "자바스크립트"
 </script>
 <noscript>해당 브라우저에서는 자바스크립트를 지원하지 않습니다.</noscript>

참고 자료

코딩교육 티씨피스쿨

4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등

tcpschool.com

GitHub - HTML5-STR/html-study: html 블로그 작성용 - study1

html 블로그 작성용 - study1. Contribute to HTML5-STR/html-study development by creating an account on GitHub.

github.com