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

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

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

구성

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

1. 조건문

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

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

입력 예시

if (조건식) {
...
}
else if (조건식) {
...
}
else {
...
}

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

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

default:
...
}

(조건식/값) ? 변경할 코드 : 기존 코드

위와 같이 입력한다.

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

2. 반복문

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

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

입력 예시

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

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

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

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

3. 함수

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

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

입력 예시

function 함수 이름() { ... }

요소 이름.함수 이름();

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

4. 이벤트

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

입력 예시

변수 이름.onclick = function() { ... }

변수 이름.addEventListener(이벤트 유형, 적용할 코드 or 함수 이름);

변수 이름.removeEventListener(이벤트 유형, 적용할 코드 or 함수 이름);

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

Mingg`s Diary

밍구

공부 목적 블로그

https://maz.kr

모든 포스트 보기