TIL 23/06/13

TIP

프로젝트 압축할 때 node_modules 용량이 커서 시간이 오래 걸릴 수 있다.
그럴 땐 그냥 node_modules 삭제하고 압축한 뒤에 다운받은 사람이 프로젝트 열어서 npm i 명령어만 실행하면 다시 설치된다!

---

NEW

      {testArr
        .filter(function (item) {
          return item !== "오이";
        })
        .map(function (item) {
          return <div className="component-style">{item}</div>;
        })}

이런식으로 함수 리턴값에 다시 함수 쓸 수도 있다.

• state를 쓰는 목적은 UI를 바꾸기 위함이다.
  리액트에서는 컴포넌트가 화면에 그려지기 위해서 렌더링 한다. 렌더링 조건은 state의 변화이다.
  리액트는 화면을 렌더링할지를 state의 변화에 따라 결정한다. 단순 변수는 무시한다.

• 불변성 : 메모리에 있는 값을 변경할 수 없는 것이다.
  원시데이터는 새로운 저장공간을 만들지만, 배열이나 객체같은 원시데이터가 아닌 것들은 기존에 저장되어있던 공간 자체를 바꾼다. 그러므로 배열이나 객체가 나오면 스프레드문법, map, filter와 같은 불변성을 지켜주는 방법을 이용해서 처리한다.

• map함수 쓸 때 반복되는 부분은 반드시 태그를 붙여줘야한다.
  key={}

---

리액트 재밌는듯 어려운듯~