여러분이 사용하고 계신 브라우저는 HTML5를 지원하지 않기 때문에 몇몇 요소가 제대로 보이도록 JScript를 사용하고 있습니다. 하지만 여러분의 브라우저 설정에서 스크립트 기능이 꺼져있으므로, 현재 페이지를 제대로 확인하시려면 스크립트 기능을 켜주셔야 합니다. Javascript - 기초 - 구성
Javascript – 기초 – 구성
2년전 작성
2년전 수정

Javascript 코드를 추가할 때 내부 Javascript, 외부 Javascript, 인라인 Javascript 방식으로 입력을 한다.

자세한 내용은 Javascript - 기초를 참고하자.

Javascript는 어떻게 구성되는지 알아보자.

구성

Javascript는 조건문, 반복문, 함수, 이벤트로 구성 된다.

1. 조건문

프로그래밍 언어를 코딩할 때 조건을 입력하고 조건에 부합하면 작업을 수행하도록 할 수 있다.

조건문에는 if, else if, else와 switch, 조건 연산자를 사용할 수 있다.

입력 예시

if, else if, else
if (조건식) {
...
}
else if (조건식) {
...
}
else {
...
}
switch
switch(값 불러올 변수) {
case 조건값: //if (값 불러올 변수 === 조건값)과 동일함.
...
break;

case 조건값2: //if (값 불러올 변수 === 조건값2)과 동일함.
...
break;

default:
...
}
조건 연산자
(조건식/값) ? 변경할 코드 : 기존 코드

위와 같이 입력한다.

자세한 내용은 Javascript - 기초 - 조건문을 참고하자.

2. 반복문

루프를 만들어서 작업을 반복할 수 있다.

반복문에는 for, while, do … while을 사용할 수 있다.

입력 예시

for
for (초기값; 종료 조건; 증감식 ) { ... }
while
초기값; while (종료 조건) { ... 증감식; }
do … while
초기값;
do {
...
증감식;
} while (종료 조건)

자세한 내용은 Javascript - 기초 - 반복문을 참고하자.

3. 함수

함수는 코딩할 때 필수적인 항목 중 하나다.

하나의 코드를 여러곳에서 불러오고자할 때 함수를 호출하여 이용한다.

입력 예시

함수 선언
function 함수 이름() { ... }
함수 사용
요소 이름.함수 이름();

자세한 내용은 Javascript - 기초 - 함수을 참고하자.

4. 이벤트

시스템은 이벤트가 발생될 때 몇몇 종류의 신호를 만들고 이벤트가 발생되었을 때 코드를 실행한다.

입력 예시

이벤트 핸들러 프로퍼티
변수 이름.onclick = function() { ... }
이벤트 핸들러 추가
변수 이름.addEventListener(이벤트 유형, 적용할 코드 or 함수 이름);
이벤트 핸들러 제거
변수 이름.removeEventListener(이벤트 유형, 적용할 코드 or 함수 이름);

자세한 내용은 Javascript - 기초 - 이벤트를 참고하자.

참고
관련 포스트
Javascript - 기초 - 구성 - 현재글

Mingg`s Diary
밍구
공부 목적 블로그