개인공부/javascript

자바스크립트

chaha 2023. 3. 29. 12:38

자바스크립트

-자바스크립트(JavaScript)는 객체(object) 기반의 스크립트 언어

-HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현할 수 있음.

 

-자바스크립트는 주로 웹 브라우저에서 사용되나,

Node.js와 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용할 수 있음

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

 

-HTML의 '내용', '속성', '스타일'을 변경할 수 있음

 

출력

1. window.alert()메소드

    _가장 간단하게 데이터를 출력

    _브라우저와는 별도의 대화상자를 띄워 사용자에게 데이터 전달

2.HTML DOM 요소를 이용한 innerHTML 프로퍼티

    _출력을 위해 가장 많이 사용되는 방법

3.document.write()메소드

    _웹 페이지가 로딩될때 실행되면, 웹페이지에 가장 먼저 데이터를 출력

    _모든 내용이 로딩된 후 해당 메소드가 실행되면

      웹페이지내에 먼저 로딩된 모든 데이터를 지우고 자신의 데이터를 출력함

4.console.log()메소드

    _웹 브라우저의 콘솔을 통해 데이터 출력

    _콘솔 화면을 통한 데이터 출력은

      좀 더 자세한 사항까지 출력되어 디버깅하는데 많은 도움을 줌

 

적용

<script>태그를 사용하여 HTML문서 안에 삽입할 수 있음.

  -HTML의 <head>태그나 <body>태그, 또는 양쪽 모두에 위치할 수 있음.

 

외부 자바스크립트 파일

-자바스크립트 코드는 외부 파일로 생성하여 삽입가능

-코드의 파일 확장자는 js

-해당 파일을 적용하고 싶은 웹 페이지에 <script>태그를 사용해 파일을 포함.

    (해당 파일의 URL을 명시하기 위해 src속성 사용)

-웹 브라우저가 미리 읽어 올 수 있어 웹 페이지의 로딩 속도 빨라짐

 

 

참고 사이트 : 코딩의 시작, TCP School

 

코딩교육 티씨피스쿨

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

tcpschool.com

 

'개인공부 > javascript' 카테고리의 다른 글

javascript-명령어(수정 중)  (0) 2022.05.18
HTML,CSS,JAVASCRIPT  (0) 2022.05.17
javascript(추천사이트)  (0) 2022.05.17