1. 자바스크립트(Javascript)

  - HTML은 웹을 작성하고, CSS는 웹을 디자인하며, 자바스크립트는 웹의 동작을 구현한다.

  - 1995년 넷스케이프(Netscape)의 브렌던 아이크(Brendan Eich)에 의해 만들어졌다.

  - 객체 기반의 스크립트 언어다.

  - 객체 지향형 프로그래밍과 함수형 프로그래밍 모두 표현할 수 있다.

 

2. 출력

  • alert()
  • innerHTML
  • document.write()
  • console.log()

2-1 alert()

<body>
    <script>
        alert("확인 버튼을 눌러주세요.");
    </script>
</body>

  - 대화 상자를 띄워 사용자에게 데이터를 전달해준다.

 

 2-2 innerHTML

<body>
    <p id="text"></p>
    <script>
        var str = document.getElementById("text");
        str.innerHTML = "innerHTML"
    </script>
</body>

  - Document.getElementByID() 메서드는 문자열과 일치하는 id 속성을 가진 요소를 찾고, Element 객체를 반환한다.

 

2-3 document.write()

<body>
    <p id="text"></p>
    <script>
        document.write(10+10+10);
    </script>
</body>

  - 특정 내용을 테스트하는 용도.

 

2-4 console.log()

<body>
    <script>
        console.log(10+10+10);
    </script>
</body>

 

- 웹 브라우저에서 F12를 누른 후 메뉴에서 콘솔을 클릭하면 콘솔 화면을 사용할 수 있다.

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

[Javascript] 객체  (0) 2021.08.04
[Javascript] 반복문  (0) 2021.08.04
[Javascript] 조건문  (0) 2021.08.04
[Javascript] 산술 연산자, 대입 연산자, 증감 연산자, 기타 연산자  (0) 2021.08.03
[Javascript] 기본 타입  (0) 2021.08.03