TIL_221202_ JavaScript 심화_4 / Quiz

내일배움캠프 4기 스파르타코딩 React B반

---

📒 오늘의 공부

1. JS로 게임 만들기(freeCodeCamp Youtube)

https://youtu.be/ec8vSKJuZTk

• Rock Paper Scissors
  

• https://github.com/YS739/JS_practice

  • Math.random()
    -> 0 이상 1 미만의 부동소수점 의사난수 반환
    -> 가위,바위,보 = 3개니까
    -> Math.random() * 3 하면 대략 '0.3~2.7'이 나와서
    Math.floor()로 소수점 지우고 +1 하면
    1,2,3이 나온다.
    ->정수마다 computerChoice 입력

2. JavaScript Quiz

• 오후 2시에 11문제 QUIZ를 풀어서 1시간 좀 넘게 풀다 제출.

  • for문으로 만들었던 30이하 짝수만 반환하기 문제를 while문으로 다시 만들기
    -> while문 안에서 console위치 등을 잘못 지정해서 자꾸 무한 반복문에 빠져서 창을 계속 열고 닫고 했다.
    -> 짝수를 배열로 선언하고 .push로 넣고 배열을 console로 찍었다.

  • 새로운 배열 반환 문제
    -> 그저께 배운 filter()써서 해결!

  • 객체 선언할 때 문자는 "" 써야하는데 이름, 주소에 안 썼다가 오류남ㅎ

  • 객체 key, value값 모두 반환할 때 value에는 . []으로 접근하는 것 알았는데
    for (const p in person) { console.log(p, person[p]); }
    -> value는 저렇게 배열 원래 이름(p가 아닌 person)으로 해야 나왔다.
    

• 제출 후 팀원들이랑 같이 답을 비교해봤다.

  • while문을 잘 안 쓰다가 오늘 순간 당황했는데
    그냥 while의 중괄호 안에 조건을 차례대로 잘 써주면 된다!

3. Modern JavaScript Tutorial_2

브라우저

• DOM에 대해 다루는데 DOM 특강을 듣고 나서 읽으니 좀 더 편하게 볼 수 있었다.

• 문서

  • 주요 노드 프로퍼티
    -> tagName은 항상 대문자
    -> innerText 대신 textContent 쓸 수 있음
    -> ❗ setTimeout()을 이용하면 alert 같은 것도 사용자가 굳이 뭘 누르지 않아도 몇 초 뒤에 사라지게 할 수 있겠다!
    -> clonenNode

  • 문서 수정하기
    -> 과제 다시 보면서 해결해보기

• 브라우저 이벤트 소개

4. JavaScript - DreamCoding(YouTube)

• 코드를 치면서 익히고 싶어서 youtube JS 기초 강의를 들었다.

• modern Javascript Tutorial을 말로 듣는 느낌..!