자바스크립트
-자바스크립트(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 |