웹 개발 - Javascript 기초문법

심재민·2025년 2월 18일

Javascript란?

  1. 프로그램 언어중 하나로 웹 브라우저에서 동적인 기능을 구현하는데 사용한다.
  2. 역사적으로 웹 브라우저에서 사용되어 왔고 개발되었기 때문에 웹 브라우저에서 동적인 기능을 구현하는데 주로 사용된다.

function {} 함수를 선언하여 함수가 발동할 경우 대괄호 내부를 실행할 수 있다.
예제:

<script>
	function hello() {
    	console.log('hello')
    }
</script>
<body>
	<button onclick="hello"></button>
</body>

버튼을 클릭(onclick)하면 hello라는 함수가 발동하고 대괄호 내부의 console문이 발동한다.

let 은 변수를 선언하는 명령이다. 뒤에 붙는 기호에 따라 타입이 바뀐다.

변수의미예제
let a =단순 변수에 값 저장let a = 10;
let a = [ ]배열을 선언하고 배열은 순서를 가진다.let a = [1, '이', 'three']
let a = { }객체를 선언하며 key와 value을 함께 저장한다.let a = { '숫자' : 1 }

위의 방식은 동시에 사용이 가능하며 아래와 같은 방식으로 자주 쓰인다.
예제:

let a = [
	{'이름' : '짱구', '나이' : 5},
	{'이름' : '짱아', '나이' : 1},
    {'이름' : '흰둥이', '나이' : 3}

위와 같은 방식으로 {}하나 하나를 하나의 값으로 [ ]안에 입력한 것이다.

forEach는 반복하는 명령이다.
예제:

fruits.forEach((a) => {
	console.log(a);
})

fruits라는 요소를 하나씩 확인하며 이걸 a라고 부른다.
하나 확인할 때마다 { }내용을 이행한다.

if는 조건을 걸어주는 명령이다.
예제:

if (temperature > 32) {console.log('폭염입니다.')}
else {if (temperature < -11) {console.log('한파입니다.')}
	else {console.log('기상 특보 없음')}
}

( )내부는 조건을 넣고 이후에 오는 { }에는 값이 참인 경우의 출력이 있다.
else 뒤의 { }에는 값이 거짓인 경우의 출력이 있다.
else 뒤의 { }에는 if 문을 다시 넣을 수 있다.

profile
코딩으로 다시 시작하고 싶습니다!

0개의 댓글