리액트(react)로 투두(todo)앱 만들기 - typescript2020
이번에는 타입스크립트를 적용시켜보겠습니다. 자바스크립트는 타입을 지정하지 않아도 되서 어떠한 변수가 string이었다가 number이였다가 자유자제로 바뀔 수 있습니다. 또한 컴파일 언어가 아니기 때문에 컴파일단계에서 에러를 확인 할 수도 없습니다. 이것을 해결하기 위해 자바스크립트 위에 타입을 지정해준것이 타입스크립트 입니다. 사전 컴파일을 한다고 생각하시면 될 것 같습니다. 먼저 모듈부터 설치하겠습니다. npm i -D typescript @babel/preset-typescript ts-loader fork-ts-checker-webpack-plugin npm i @types/react @types/react-dom 기존에 적었던 코드를 하나씩 바꾸어 나가겠습니다. 1. webpack.config...
리액트(react)로 투두(todo)앱 만들기 -소개
안녕하세요. 약 2개월간에 프론트앤드에 대해 공부한것을 정리하고자 todo앱을 만들어 보려 합니다. 리액트는 creat-react-app 이라는 boilerplate를 사용하는 것이 일반적입니다. 리액트를 사용하기 위해선 셋팅할 것이 많은데 이것을 다 해준것이 create-react-app(CRA)입니다. 이렇게 셋팅을 다 해준것을 boilerplate라 하는데 CRA는 리액트 개발사인 페이스북이 직접 관리하는 공식 boilerplate이기 때문에 맘 놓고 사용해도 된다는 장점이 있습니다. CRA를 사용하면 개발에 편하다는 장점이 있어서 처음엔 저도 CRA를 사용하여 개발하였지만 웹 생태계를 더욱 이해하고자 이번 프로젝트에서는 CRA를 사용하지 않고 진행해보겠습니다 ! 느린것이 가장 빠른것이기 때문에 차..