CSS
// 가운데 정렬
display: flex;
flex-direction: column; // row면 한줄로 변함
align-items: center;
justify-content: center;
margin: 30px auto 0px auto;
// 타이틀 클래스 안에 모든 버튼에 적용
.mytitle > button {
}
// 백그라운드에 이미지 넣기
background-image: url(''); //여기다 이미지 주소를 넣자
background-position: center;
background-size: cover;
JS
// 배열 출력과 생성
let a = ['사과', '배', '수박'];
console.log(a[2])
// 리스트 출력과 생성
let person = {'name':'Soon', 'age':30, 'height':180}
let name = person['name']
let age = person['age']
console.log(name, age)
// foreach
let ages = [15,39,28,7,40,13]
ages.forEach(a => {
console.log(a)
});
// ID불러 색 바꾸기
document.getElementById('title').style.color = 'red';
//fetch 예시
fetch(url).then(res => res.json()).then(data => {
})