[DevNote] 0204

오늘 내가 공부 한 것.

• 오늘은 개인 과제를 시작했다. 3주차 주특기 주를 시작했는데 아직도 React에 대해서 잘 알지 못하는 것 같다.
• 일단 그전에 공부했던 Javascript를 정리해보려고 한다.

오늘 배운 내용 정리.

1. Javascipt에서 Element에 가져오는 방법.

   • 브라우저가 document라는 이름의 Object로 HTML을 전달해주기 때문에, document.xxxx를 통해 HTML에 접근 할 수 있다.

   document.title = "haha I changed the title!";
   // document는 Web Site를 의미한다고 생각하면 된다.

2. querySlector는 CSS 방식으로 Element를 조회할 수 있다.

   const title = document.querySelector(".hello h1");
   
   console.log(title);

3. addEventListener(A,B)

   • addEventListener(A,b) -> A는 일어나는 이벤트 / B는 그 이벤트가 일어났을 때 실행시킬 함수.(미리 만들어놔야 함)
   • addEventListener는 우리가 함수를 실행시키지 않고 리퀘스트가 오면 실행한다.

4. Rawstring을 사용하는 것 보다는 변수로 지정해 놓는 것이 좋다!

   const h1 = document.querySelector("div.hello:first-child h1");
   
   function handletitleClick() {
   const activedClass = "active"; //  RawString을 사용하는 것 보다는 변수로 지정해 놓는 것이 에러를 줄여준다.
   if (h1.className === activedClass) {
       h1.className = "";
       console.log(h1.className);
   } else {
       h1.className = activedClass;
       console.log(h1.className);
   }
   }
   
   h1.addEventListener("click", handletitleClick);

느낀점

• 중간에 몸이 조금 아프고 스케줄이 안된다는 이유로 공붕에 소홀했었다. 다시 한번 정신을 차리고 공부에 집중해야 할 것 같다.
• 다른 분들이 어떻게 나가든, 나는 나의 페이스를 유지해야 한다.

오늘의 한줄

무작정 따라 치는 것이 아니라, 내가 왜 이걸 치고 있는지 이해 할 수 있도록 하자.