2022.10.10

📖오늘 공부한 것

1. React Elements

 : 화면에 보이는 것들을 기술

 : Virtural DOM에 존재하는 것이 React Elements이고 랜더링되어 DOM Elements가 되는 것이다.  

 : 불변성 = 엘리먼트는 불변성을 가지기 때문에 내용이 변경되면 엘리먼트가 변경되는 것이 아니라 새로운 엘리먼트를 생성하여 교체하는 것이다.

 

 

2. 객체

 - new User를 써서 객체를 만들 때 내부적으로 일어나는 일

function User(name) {
  // this = {};  (빈 객체가 암시적으로 만들어짐)

  // 새로운 프로퍼티를 this에 추가함
  this.name = name;
  this.isAdmin = false;

  // return this;  (this가 암시적으로 반환됨)
}

 

 -익명 생성자 함수

  :let user = function(){ ... }

  :익명 생성자 함수는 어디에도 저장되지 않으며 재사용할 수 없고 한 번만 호출할 때 사용한다. 

 

 

3. 옵셔널 체이닝 '?.'

 :?.앞의 대상이 undefined이거나 null이면 평가를 멈추고 undefined를 반환한다.

 :존재여부가 확실하지 않을 때, 존재하지 않아도 되는 값일 때 사용한다.

 :꼭 있어야 하는 값에 사용하면 에러를 쉽게 찾을 수 없으므로 xxx

 

 

4. 디바운스와 쓰로틀링

: 디바이스에 무리를 주지 않기 위해 사용하는 최적화 기법

 - 디바운싱

 :연이어 일어나는 이벤트를 하나의 그룹으로 묶어서 처리

 :이벤트 값이 바뀌었을 때 특정 시간동안 판단을 지연하다가 특정 시간이 지나고 이벤트가 발생하고 있다면 하나의 이벤트로 결정하는 것

 - 쓰로틀링

: 연이어 발생하는 이벤트에 대해 일정한 delay를 포함시켜 delay 시간 동안 일어나는 이벤트는 무시

 

 

 

💭배운 점

오늘 주로 공부한 것은 스터디에서 진행하는 리액트 강의 수강이었다. 리액트 강의를 수강하는 건 4번째인 것 같은데 이전과 달리 좀 더 이론적인 내용이라던지, 리액트의 원리 같은 것을 알 수 있었고 계속 제대로 개념이 잡히지 않았던 props와 state에 대해 깨닫게 되었다.

리액트 v18은 뭐가 다를지 알아보다가 디바운스와 쓰로틀링이라는 것에 대해 처음 알게 되었다. 아직 자바스크립트에 대해서도 모르는 게 너무 많은 것 같다. 리액트 v18 정리 내용도 읽는데..뭔 소릴지 모르겠다 ㅎ 아직 많은 hook이나 기능을 사용해보지 않아서 그런 것 같다. 

 

 

 

🔰개선할 점

-시간을 효율적으로 쓰자. 공부시간과 휴식시간을 제대로 정해놓는 게 나을 것 같다.

-강의한 내용 복습하자. 강의보고 끝!이 아니라 어떻게 응용할 수 있을지 등 코드 안보고 다시 쳐보고하면서 복습하자.

 

 

 

💻앞으로 배우고 싶은 것들

-라이브러리 이용해서 테스트하는 법

-자바스크립트 라이브러리

-자바스크립트 성능 높이는 방법

-깃헙 제대로 사용하는 방법(협업방법, 이슈 등...)