TIL JSBASIC

hismayfly·2020년 7월 1일
0

사전스터디 2주차 목표는 자바스크립트로,
1) 간단한 To-do 앱 만들기
2) 간단한 게임 앱 만들기
(*만들 앱들을 node.js로 연결해서 node js 경험)


0622 To-do app

  • font-awesome을 통해 필요한 모형들(체크용 동그라미, 라인쓰루 등) 추가
  • .document (JS): HTMl 관련 요소를 도와주는 다양한 메소드
  • dateObj.toLocaleDateString([locales, options]])
    • locales는 나라별 시간 표시형식 (e.g.'ko-KR'는 YY.MM.DD.)
    • options는 숫자 디테일 (e.g. {year:"long"...}

0623 To-do app

  • classList: read-only 요소, 해당 element의 class 요소들을 보여줌

  • e.g. Document.classList.toggle(class, true|false)

    • toggle은 class를 보고 있으면 제거하고 없으면 제거한다
  • .querySelector: 해당 CSS 스타일에서 매칭되는 첫번째 element를 보여준다 (e.g. .querySelector('.myclass')는 .myclass인 myclass라는 클래스를 돌려준다

  • addEventListener(type, listener [,options]);

    • type는 "click"와 "keyup" 같은, 미리 정의된 이벤트를 의미하고, 이 이벤트가 활성화 됐을시 listener가 발동되는데 function으로 만들어지는 경우가 많다
    • 여기서 listener인 function의 첫번째 parameter는 활성화된 이벤트이다(e.g. "click", "keyup")
  • 리스트를 저장하기 위한 localStorage는 세션이 끝나도 보존이 된다

    • setItem으로 저장하고, getItem으로 받아낸다
    • setItem은 (key, value)를 받는데, getItem으로 key를 입력하면 value가 나온다
profile
mayfly

0개의 댓글