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 => {





})