본문 바로가기

WEB/Javascript

[JS] 자바스크립트의 개념과 기초구현

0. 자바스크립트의 개념

html 과 css와 함께 웹 브라우저를 이루는 언어로 

html이 기본 구조를 만들고

css가 옷을 입히면

javascript는 움직이게끔 , 작동하게끔, 만들어주는 동적프로그래밍언어다.

 

작동하게끔이 뭐냐면

 

사용자가 데이터를 입력하거나 받아오기 등의 이벤트를 요구했을 때 처리하기

웹페이지의 애니메이션 효과를 작용하기

사용자와 서버간 주고받은 데이터를 다루기

 

등의 활동적인 일들을 수행한다는 뜻이다.

 

1. 웹페이지에서 사용하기

html안에서 사용할 수도 있고 : <script>기술(메세지)</script>

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>hello</title>
    </head>
    <body>
        <script>
            alert("Hello World!")
        </script>
    </body>
</html>

 

별도의 파일에 저장한 js파일을 불러올 수 있다. <script src="파일경로"></script>

alert("It's interesting!")

first.js 파일

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>hello</title>
    </head>
    <body>
        <script src="first.js"></script>
    </body>
</html>

 

'WEB > Javascript' 카테고리의 다른 글

[JS] 기본문법 - 문자열  (0) 2022.05.13
[JS] 기본문법-숫자  (0) 2022.05.05
[JS] 기본문법-boolean  (0) 2022.05.04
[JS] 기본문법 -함수/ 조건문/ 반복문  (0) 2022.05.04
[JS] 기본 문법 -변수 선언  (0) 2022.05.04