Jeden Tag, aufrichtig und lustig.

간편한 import를 위해 기본 import 주소를 src로 지정 할 수 있다. 아래와 같이 입력한 jsconfig.json 파일을 최상위에 생성 하면 된다. "compilerOptions": { "baseUrl": "src" }, "includes": ["src"] } 아래와 같은 에러가 발생 할 수도 있다. > 파일 /private/var/folders/~/~/ Code.app/~/node_modules/typescript/lib/lib.d.ts을(를) 찾을 수 없습니다. > 파일은 다음과 같은 이유로 프로그램에 있습니다. 대상 es3의 기본 라이브러리 사용 할 JS 문법 버전을 선택하는 옵션인 target을 최신 문법을 뜻하는 esnext로 설정하면 오류가 해결 된다. { "compilerOptio..

state는 리액트에서 많이 사용 된다. 비중 있게 사용되는 만큼 사용 이유와 사용 방법을 정리해 보았다. state 사용 이유 데이터를 저장하는 방법에는 state를 사용하는 방법 외 변수에 저장하는 방법도 존재한다. 하지만 변수는 값이 변경되는 경우 html에 자동으로 반영이 안되는 반면 state는 값이 바뀌면 html이 자동으로 재렌더링을 한다. 이와 같은 차이점으로 자주 변경이 되는 html요소는 state로 값을 저장하여 데이터바인딩을 하는 것이 좋다. state 사용 방법 1. import state는 import를 해야 사용 할 수 있다. 보통 useState 단어를 입력하면 아래와 같이 상단에 자동으로 import 된다. ->import {useState} from 'react' 2. 구..