[JavaScript] 자바스크립트 기초

[JavaScript] 자바스크립트 기초

우선 학원에서 자바스크립트를 진짜 얼레벌레 배웠다... 프젝하면서 거의 그냥 배우지도 않은거 서치해서 만들기도 했고 팀원 도움도 많이 받은 부분이라 정리해보려고 한다.

자바스크립트는 객체(object) 기반의 스크립트 언어이다.

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

자바스크립트 문법

자바스크립트의 실행문은 세미콜론(;)으로 구분된다.

var x = 10; var result = x + 3;

자바스크립트는 대소문자를 구분한다.

var javascript = 10; // 변수 javascript와 JavaScript는 서로 다른 두 개의 변수로 인식 var JavaScript = 20; Var Script = 30; // 변수의 선언은 var 키워드로만 할 수 있으며 Var는 동작하지 않음.

자바스크립트 적용

1. 내부 자바스크립트 코드

자바스크립트 코드는

document.getElementById("text").innerHTML = "여러분을 환영합니다!";

JavaScript Apply function printDate() { document.getElementById("date").innerHTML = Date(); }

자바스크립트를 이용하면 현재 날짜와 시간 정보에도 손쉽게 접근할 수 있어요! 현재 날짜와 시간 표시하기! function printDate() { document.getElementById("date").innerHTML = Date(); }

2. 외부 자바스크립트 파일

외부에 작성된 자바스크립트 파일은 .js 확장자를 사용하여 저장한다.

해당 자바스크립트 파일을 적용하고 싶은 모든 웹페이지에

//example.js function printDate() { document.getElementById("date").innerHTML = Date(); }

JavaScript Apply

* 참고

http://tcpschool.com/javascript/js_intro_apply

from http://nxxrxx.tistory.com/31 by ccl(A) rewrite - 2021-10-15 14:02:17