자바스크립트(JavaScript) 기초 문법 – 초급

자바스크립트(JavaScript)를 공부하면서 기초 문법에 대해서 정리하고 있다. 자바스크립트는 스크립트 언어이다.

자바스크립트의 기초 문법에 대해서 간략히 알아보자.

역시 모든 프로그래밍 언어의 시작은 Hello, world다.

■ 시작

* Hello world 콘솔 출력

console.log('Hello world');

console.log('Hello world');

콘솔 창에 “Hello, world”라고 출력시킨다.

* 변수 만들기

변수는 코드 중에 변경이 가능한 변수가 있고, 한번 할당하면 변경이 불가능한 변수가 있다.

변하지 않는 변수 const

const name = 'Bus';

const name = 'Bus';

name의 내용인 Bus를 바꿀 수 없다.

변경 가능한 변수 let

let car = 'benz';
car = 'moning';

let car = 'benz';
car = 'moning';

car는 let 자료형이므로, car의 내용을 바꿀 수 있다.

* 자료형

* 연산자

■ 팝업

* 알림 팝업창 출력

alert('안녕?');

alert('안녕?');

* 팝업창으로 입력받기 – 내용

prompt('생일을 입력하세요. ');

prompt('생일을 입력하세요. ');

* 팝업창으로 입력받기 – 확인 / 취소

confirm('승인 하시겠습니까?');

confirm('승인 하시겠습니까?');

■ 조건문과 반복문

* 조건문 – if

참이면 실행, 아니면 다음 구문을 실행한다.

if(age>19 && name ){
    console.log('환영합니다');
} else {
    return false;
}

if(age>19 && name ){
    console.log('환영합니다');
} else {
    return false;
}

* 반복문 for

동일한 일을 반복한다.

for(let i=0; i<5; i++) {
    console.log(i);
}

for(let i=0; i<5; i++) {
    console.log(i);
}

■ 함수와 객체

* 함수

function add(N1, N2) {
    console.log(N1+N2);
}

function add(N1, N2) {
    console.log(N1+N2);
}

* 객체

const user = {
    name : 'jongho',
    grade : 4,
}

const user = {
    name : 'jongho',
    grade : 4,
}

■ 배열

* 배열 선언

const thismonth = ['Jan', 'Feb'];

const thismonth = ['Jan', 'Feb'];

* 배열에 추가 (마지막에 추가), 삭제 (마지막부터 삭제)

thismonth.push('Mar');		// 추가
thismonth.pop();		// 삭제

thismonth.push('Mar');		// 추가
thismonth.pop();		// 삭제

* 배열에 추가 (앞에 추가), 삭제 (앞부터 삭제)

thismonth.unshift('Mar');		// 앞에 추가
thismonth.shift();			// 맨 앞것 삭제

thismonth.unshift('Mar');		// 앞에 추가
thismonth.shift();			// 맨 앞것 삭제