자바스크립트 개요

2022. 12. 26. 18:01Javascript/TCP school

자바스크립트(JavaScript)

객체(object) 기반의 스크립트 언어

HTML - 웹의 내용을 작성

CSS - 웹을 디자인

자바스크립트 - 웹의 동작을 구현

주로 웹 브라우저에서 사용, Node.js와 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용

현재 컴퓨터나 스마트폰 등에 포함된 대부분의 웹 브라우저에는 자바스크립트 인터프리터가 내장

 

<!DOCTYPE html>
<html lang="ko">

<head>
    <meta charset="UTF-8">
    <title>JavaScript Intro</title>
    <script>
        document.write("<h2>여러분을 환영합니다!!</h2>")
    </script>
</head>

<body>

    <noscript>
        <p>여러분의 웹 브라우저가 자바스크립트를 지원하지 않습니다!</p>
    </noscript>

</body>

</html>

 

HTML <noscript> 태그

<noscript> 태그는 클라이언트 사이드 스크립트(client-side scripts)를 사용하지 않도록 설정했거나, 스크립트를 지원하지 않는 브라우저를 위한 별도의 콘텐츠를 정의할 때 사용

<noscript> 요소는 <body> 요소나 <head> 요소 둘 중 어디에도 위치할 수 있지만, <head> 요소에 위치할 때는 <link>, <meta>, <style> 요소만을 콘텐츠로 포함할 수 있습니다. <noscript> 요소에 포함된 콘텐츠는 사용자의 브라우저가 스크립트의 사용을 비활성화하였거나, 스크립트를 지원하지 않는 경우 화면에 표시될 것

클라이언트 사이드 스크립트를 지원하지 않는 브라우저에서는 스크립트의 내용이 그대로 화면에 출력될 수 있으므로, 다음과 같이 주석을 활용하여 스크립트의 내용이 화면에 나타나지 않도록 설정할 수도 있음

<script>
<!--
function alertMsg() {
  alert("Hello World!")
}
//-->
</script>

 

참고

http://www.tcpschool.com/javascript/intro

 

코딩교육 티씨피스쿨

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

tcpschool.com

http://www.tcpschool.com/html-tags/noscript

 

코딩교육 티씨피스쿨

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

tcpschool.com

 

'Javascript > TCP school' 카테고리의 다른 글

자바스크립트 적용  (0) 2022.12.27
자바스크립트 출력  (0) 2022.12.27
자바스크립트 문법  (1) 2022.12.26
자바스크립트 소개  (0) 2022.12.26
자바스크립트 기초  (0) 2022.12.26