개발 블로그

React - TypeScript typescript 셋팅이 완료된 react 프로젝트 설치 npx create-react-app 프로젝트명 --template typescript 기존 프로젝트에 typescript만 더하고 싶으면 npm install --save typescript @types/node @types/react @types/react-dom @types/jest 🔻 JSX문법을 지원하는 tsx 확장자 사용 JSX 타입지정 🔻 JSX.Element let 박스 :JSX.Element = let 버튼 :JSX.Element = 좀 더 정확하게 타입을 지정하고 싶으면 같은 기본 태그들은 JSX.IntrinsicElements let 박스 :JSX.IntrinsicElements['div'] ..

Rest parameter rest parameter는 항상 [ ] 안에 담겨오기 때문에 타입지정도 array처럼 해준다. function Plus(...a: number[]) { console.log(a); } Plus(1, 2, 3, 4, 5); Destructuring 1. parameter에 object처럼 타입지정. 2. type 키워드로 따로 만들어서 지정. // Object let person = { student: true, age: 20 }; // 파라미터에 object처럼 타입지정 function 함수({ student, age }: { student: boolean; age: number }) { console.log(student, age); } 함수({ student: true, ..

Install npm install -g typescript 에러발생 1. node 최신버전 설치 2. 보안에러 sudo npm install -g typescript Setting 1. filename.ts 파일생성 2. js파일로 compile tsc filename.ts 컴파일 이후 자동으로 변경사항 발생시 컴파일되게 하려면 watch mode 실행 tsc -w 3. html 파일 등에서 ts 작성코드 사용하려면 tsconfig.json compile 세부 설정 : tsconfig.json 파일 생성 tsc --init { "compilerOptions": { "target": "es5", "module": "commonjs" } } target : ts파일을 어떤 버전의 js로 바꿀지 지정 mod..