[TIL] 2020-02-29

 

[노마드 코더]

#3 Make your first JS App 3.6까지 수강

 

 

[배운 문법]

new Date는 날짜와 시간(년, 월, 일, 시, 분, 초, 밀리초(천분의 1초(millisecond, ms)))을 위한 메소드를 제공하는 빌트인 객체이면서 생성자 함수이다.

1. getYear() : 실제 연도에서 1900을 뺀 값을 출력한다.

2. getTime() : 1970년 1월 1일 자정을 기준으로한 밀리초 값을 보여준다.

3. getDay() : 요일 데이터를 기준으로 숫자가 출력된다. ex) 0은 일요일, 1은 월요일

4. getMonth() : 실제 월 값보다 1이 작다. ex) 1월은 0, 3월은 2 ..

5. getMinutes() : 분(minutes), 0~59, 0부터 시작함에 주의

6. getHours() : 시(hour), 0~23, 0부터 시작함에 주의

7. getSeconds() : 초, (0~59)

innerText()	innerText 속성을 지원하는 객체의 시작 태그와 종료 태그 사이에 있는 텍스트를 설정하거나 가지고 올 수가 있다. 즉, HTML 태그를 삽입하여도 태그 자체를 텍스트로 인식해 버린다.
`  `(백틱)	백틱이라고 불리는 기호이다. 따옴표 대신 백틱을 사용하고 그 안에 변수들은 ${ }로 감싸주면 됩니다. 그러면 자바스크립트 엔진이 알아서 합쳐줍니다. 예시) const name = "Lim"; console.log(`안녕하세요 ${name}입니다.`) // 결과 : 안녕하세요 Lim입니다.
localStorage	로컬 스토리지는 HTML5에서 추가된 저장소이다 간단한 키와 값을 저장할 수 있고, 키-밸류 스토리지의 형태이다. 로컬 스토리지는 사용자가 직접 지우지 않는 이상 절대 지워지지 않는다. 그리고 로컬스토리지는 url을 기준으로 저장되기 때문에 웹페이지 주소가 다른 곳에서는 정보가 저장돼있지 않다. localStorage.setItem(키, 값)으로 로컬 스토리지에 저장한다localStorage.getItem(키)로 조회한다localStorage.removeItem(키)하면 해당 키가 지워진다localStorage.clear()하면 스토리지 전체가 비워진다
event.preventDefault()	이벤트의 기본 동작을 중단한다. 예를 들어, a태그에 링크를 쓰면 클릭시 해당 웹 페이지로 이동한다. 하지만, event.preventDefault()를 쓰면, 클릭을 해도 이벤트가 중단되기 때문에 다른 웹 페이지로 이동하지 않는다.
innerHTML()	innerHTML 속성을 지원하는 객체의 시작 태그와 종료 태그 사이에 있는 HTML을 설정하거나 가지고 올 수가 있다. 즉, HTML 태그가 들어있는 텍스트를 설정하면 해당 태그를 해석해 버린다.
createElement()	createElement()는 요소를 만든다. 예를들어, createElement( 'h1' ) // 결과 : <h1></h1>
appendChild()	appendChild()는 선택한 요소 안에 자식 요소를 추가한다   예를들어, const ul = document.createElement( 'ul' ); const li = document.createElement( 'li' ); ul.appendChild(li) // ul안에 li가 추가된 것을 볼 수 있다.
JSON.stringify()	object 객체를 String 객체로 변환시켜 줍니다.
JSON.parse()	string 객체를 object 객체로 변환시켜줍니다.
forEach()	배열에는 forEach라는 기능이 있음 array에 담겨있는 것들 각각에 한 번씩 실행시켜주는 함수