---

🤔 뭐가 문제지…?

---

---

---

🤔 NextJS에 대한 개괄적 이해

---

💡 useRef란?

---

💡 useEffect란 무엇인가?

---

💡 state란?

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

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

CRA를 통한 프로젝트 생성

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

---

React에서 이미지 미리보기 기능 구현하기

리액트에서 이미지 파일을 업로드 하기 전 단계에서, 해당 이미지의 미리보기를 확인할 수 있는 기능 구현에 대해 다뤄보고자 한다.

타입스크립트의 기본타입

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

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