---

---

---

🤔 NextJS에 대한 개괄적 이해

---

💡 useRef란?

---

💡 useEffect란 무엇인가?

---

💡 state란?

📝 Todo-List를 만들며 Typescript에 익숙해지기

이번 포스트에서는 리액트와 타입스크립트를 통해 투두앱을 만들며 배운 점들(TIL)을 정리해보려 한다.

CRA를 통한 프로젝트 생성

기존의 CRA와 크게 다를 것이 없다.

타입스크립트의 기본타입

자바스크립트는 string, number, boolean, object 등의 타입을 typeof를 통해 구별할 수 있다.
물론 코드 내에서 if문을 걸어 타입의 검사가 가능하긴 하지만, 이는 개발 단계에서 버그를 잡아내는데 비효율적일 수 있다.

따라서 우리는 타입스크립트를 통해 변수의 타입을 미리 설정하고, 이를 통해 개발 단계에서 사전에 에러를 발견하여 즉각적으로 수정할 수 있다.

---

타입스크립트?

---

리액트를 사용해야 하는 이유

리렌더링을 할 때 DOM 전체를 다시 갈아끼워 넣는 것이 아니라, 가상 DOM과 기존 DOM의 비교를 통해 변경된 사항만 갈아끼워 넣어 주기 때문에 굉장히 효율적인 View 구성과 리렌더링을 구현할 수 있다.