Javascript는 script 태그 안에 작성한다.
<head>
<title></title>
<style>
...
</style>
<script>
...
</script>
</head>- 리스트 : 순서를 가지는 형태
let a = ['사과','수박','딸기']
let b = [10, 20, 30]
console.log(a[0]) // 사과
console.log(a[1]) // 수박
console.log(a[2]) // 딸기
console.log(b[0]) // 10
console.log(b[1]) // 20
console.log(b[2]) // 30- 딕셔너리 : key-value 값의 묶음
let a = {'name':'영수', 'age':27}
console.log(a) // {'name':'영수', 'age':27}
console.log(a['name']) // 영수
console.log(a['age']) // 27- 리스트 - 딕셔너리 조합 : 순서를 표시할 수 있고 정보를 묶을 수 있기에 관리에 용이
let a = [
{'name':'영수','age':27},
{'name':'철수','age':15},
{'name':'영희','age':20}
]
console.log(a[0]['name']) //영수
console.log(a[1]['age']) //15- 반복문 : 리스트의 요소를 하나씩 꺼내서 명령을 실행
// 어느 리스트가 대상인지 지정이 필요하고
// 하나씩 꺼내올 요소들을 담을 변수명이 필요
리스트명.forEach((변수명) => {
console.log(변수명)
})let fruits = ['사과','배','감','귤']
fruits.forEach((fruit) => {
console.log(fruit)
// 사과
// 배
// 감
// 귤
})- 조건문 : 조건에 따라 명령을 실행
if (조건) {
// 조건에 일치한다면 해당 명령 실행
} else {
// 조건에 일치하지 않는다면 해당 명령 실행
}let age = 24
if (age > 20) {
console.log('성인입니다')
} else {
console.log('청소년입니다')
}- 함수 : 특정 기능을 반복적으로 실행할 수 있도록하는 기능
function 함수명 {
// 실행하고 싶은 내용
}- HTML 조작 및 변경 : HTML 요소의 내용이나 스타일 등을 변경
