제수기 - 제발 수업내용을 기억해라

String API

string_mdn_web_docs 사이트

html 코드

js 코드

${} : 개행/탭/문자 표현 가능, 변수 사용 가능

문자열 (문자배열)

indexing 또는 length 속성 제공
단, 음수 인덱싱이나 슬라이싱은 없다.

API

• replace : 처음 매칭된 건에만 작동함
• replace(/Apple/g, '사과') 또는 replaceAll을 사용하면 전체에서 매칭된 건들을 다 조회해준다.
  

Math API

math mdn web docs 사이트

• floor 내림

• trunc 버림
  

• random 누를 때마다 달라지는 난수

• 난수 범위 정하는 공식은? 난수 * 범위(정수의 개수) + 시작값
  

실습문제

1. 1 ~ 100 사이의 난수를 #nums 하위의 li 태그에 작성
2. 생성된 난수가 짝수인 경우만 컬러를 넣어주기
   
   스타일의 색상을 초기값으로 해주지 않으면 홀수에도 나중에는 색이 입혀진다.

initial 말고 그냥 black 이렇게 색을 넣어줘도 된다.

Date API

date mdn web docs 사이트

날짜

client가 server에 req 요청
: res(html) 받아서 os에 요청해서 현재 브라우저 컴퓨터 시간을 가져와서 찍어준다. -> 클라이언트 시스템의 시각을 사용하게 된다.

왜 0월이 나왔을까?

• 일은 안 그러는데, 월만 index로 표시됨. 그래서 + 1처리를 해줘야 한다.
  
  

시간

특정 날짜에 객체 생성하기

쉼표로 이렇게 나눌 수도 있는데, month는 여전히 인덱스여서 -1 표시를 해줘야 한다.

Unix Timestamp(Epoch Time)

유닉스 타임스탬프로 나온 밀리초 단위를 넣어서 새로운 날짜 객체를 생성할 수도 있다.

페이지 로드 시 현재 시각 출력 후, 1초마다 갱신

setTimeout(함수, millis): millis 후에 한번 호출
setInterval(함수, millis): millis 후에 millis마다 호출