1. 프로그램 제작에서 새로 배운 것들

---

1) 무작위로 숫자 뽑기

• Math.floor : 소숫점 이하 내림
• Math.ceil : 소숫점 이하 올림
• Math.round : 반올림
• Math.random() : 0이상 1미만 무작위로 실수값 반환

2) 1부터 원하는 숫자까지 들어 있는 배열 만들기

const numbers = [];
for (let n = 1; n <= 숫자; n += 1) {
  numbers.push(n);
  // 1부터 n까지 숫자가 배열로 들어감. numbers = [1, 2, 3, ..., n]

3) indexOf와 includes

• indexOf는 원하는 값이 들어있다면 인덱스를 반환하고 없다면 -1을 반환한다.
• includes는 true/false로 반환한다.

4) forEach와 map

• forEach

const array = [1, 3, 5, 7];
array.forEach((number, index) => {
  console.log(number,index);
  // 1, 0 / 3, 1 / 5, 2 / 7, 3 출력
});

• map은 forEach에 return을 더했다. 반환문에 맞는 새로운 배열을 생성한다.

const array = [1, 3, 5, 7];
const newArray = array.map((number, index) => {
  console.log(number,index);
  // 1, 0 / 3, 1 / 5, 2 / 7, 3 출력
  return number + 1
  // 각 요소는 number + 1이 된다. newArray = [2, 4, 6, 8]
});

5) 태그와 텍스트 생성

• document.createElement('태그') : 새로운 태그 생성.
• document.createTextNode(문자열) : 새로운 텍스트 생성.
• 다른 태그에 append나 appendChild 하기 전까지는 화면에 보이지 않는다.

6) appendChild, append

• 부모태그.appendChild(태그 or 텍스트노드) : 선택한 태그의 자식 태그로 기존 자식 태그에 이어서 추가할 수 있다.
• 부모태그.append(태그 or 텍스트노드, 태그 or 텍스트노드) : 한번에 여러개를 동시에 넣을 수 있다. 텍스트노드 대신 문자열을 바로 넣어도 된다.

7) 폼 태그 기본 동작 취소

• 폼 태그는 submint 이벤트가 발생할 때 기본으로 브라우저를 새로고침한다.
• event.preventDefault()로 기본 동작을 취소할 수 있다.

8) 배열을 문자열로

• join()을 사용하면 배열을 문자열로 변환할 수 있다.

[1, 2, 3, 4].join('');
// "1234"

9) 중복 제거

• New Set(배열).size 의 결괏값은 배열에서 중복된 값을 제거한 후의 요소들의 개수이다.

2. 복습코딩

---