본문 바로가기
Today I Learned

Javascript

by rinny01 2024. 11. 22.
반응형
Q. 왜 브라우저를 움직이게 하기 위해 Javascript를 사용해야 하나요?
A. 브라우저가 JavaScript를 주로 사용하는 이유는 역사적으로 JavaScript가 웹 브라우저에서 실행되는 스크립트 언어로 사용되어 왔기 때문입니다. 웹 페이지의 동적인 기능을 구현하기 위해 JavaScript가 개발되었으며, 많은 웹 개발자들이 JavaScript를 사용하여 웹 애플리케이션을 구축하고 유지 관리해왔습니다. 결국, Javascript가 브라우저한테 명령을 내리는 ‘표준’이라고 생각하시면 됩니다!

 

Java와 Javascript는 어떤 차이가 있나요?
인도와 인도네시아… 햄과 햄스터…

 

결론 아 ~~~~~~무 런 관련 없음 ㅋㅋㅋㅋ

 

Javascript 기초 문법1

변수
a = '안녕하세요'

 

여기서 a 가 안녕하세요랑 같을까?

그게 아니고 = 는 오른쪽 값을 왼쪽에 넣어달라는 의미

쉽게 생각해서 값을 담는 상자라고 생각하자

 

Javascript 기초 문법2

배열 : 순서를 지켜서 가지고 있는 형태

컴터는 0부터 센다. 그니까 리스트 처음에있는 사과는 [0]으로 불러옴

let a_list = []  // 리스트를 선언. 변수 이름은 역시 아무렇게나 가능!

// 또는,

let a = ['사과','수박','딸기','감'] // 로 선언 가능

console.log(a[1]) // 수박
console.log(a[0]) // 사과

//리스트 길이 구하기
console.log(a.length) //4

 

객체: 키(Key)-밸류(Value) 값의 묶음
let a_dict = {}  // 딕셔너리 선언. 변수 이름은 역시 아무렇게나 가능!

// 또는,

let a = {'name':'영수','age':27} // 로 선언 가능

console.log(a)
console.log(a['name']) // 영수
console.log(b_dict['age']) // 27

표기법

변수['키값']

변수 ['키값'] > 벨류값을 나타내준다

 

리스트 + 딕셔너리
let a = [
	{'name':'영수','age':27},
	{'name':'철수','age':15},
	{'name':'영희','age':20}
]
console.log(a[0]['name']) //영수
console.log(a[1]['age']) //15

 

Javascript 기초문법 3

조건문
if (조건) {
	// 조건에 맞다면~
} else {
	// ~가 아니라면~
}

 

반복문
let fruits = ['사과','배','감','귤']
fruits.forEach((a) => {
	console.log(a)
})

 

각 배열 요소에 대해 제공된 함수를 한 번씩 실행한다.

배열요소 : [ '사과', '배', '감', '귤' ]

제공된함수 : console.log(a)

 

1.사과

2.배

3.감

4.귤

이겟지?

 

반복문 + 조건문
let ages = [12,15,20,25,17,37,24]

ages.forEach((a)=> {
	if (a > 20) {
		console.log('성인입니다')
	} else {
		console.log('청소년입니다')
	}
})

 

 

기초니까 아직은 너~무쉽당 ㅋ

하지만 응용하면 나는 무너지겟지 ㅠ

반응형
LIST

'Today I Learned' 카테고리의 다른 글

Fetch 사용하기!  (1) 2024.12.18
개발 용어 정리  (2) 2024.11.28
Javascript 톺아보기  (1) 2024.11.25
프론트엔드 프레임워크와 라이브러리 (feat.React)  (1) 2024.11.21
HTML ? CSS ? JavaScript ?  (3) 2024.11.20