코딩 일기장

https://react.vlpt.us/using-typescript/01-practice.html https://react.vlpt.us/using-typescript/02-ts-react-basic.html 1. 타입스크립트 연습 · GitBook 01. 타입스크립트 연습 타입스크립트에서 가장 기본적인 것들을 연습해보겠습니다. 먼저 새로운 자바스크립트 프로젝트를 생성해보겠습니다. 터미널에서 다음 명령어들을 입력하세요. $ mkdir ts- react.vlpt.us 위의 링크를 참고하여 정리한 게시물입니다. 🙂 함수의 파라미터들에 변수 타입을 지정해주고, 함수의 리턴값에 대한 타입을 지정해준다 아무것도 반환하지 않을 경우 함수의 타입은 void가 된다. function sum(x:number, y:nu..

✅ 리액트 프로젝트 생성 아래의 명령어로 타입스크립트를 사용하는 리액트 프로젝트를 생성한다. npx create-react-app my-app --template typescript 프로젝트 폴더(cd my-app)으로 이동하여 npm start 명령어를 입력한다. localhost:3000 으로 접속하여 리액트 프로젝트가 정상적으로 실행되었음을 확인한다. ✅ 리액트 프로젝트 생성 해당 게시물은 react-router v6버전에 맞게 사용법을 변경하여 작성하였다. 맨 하단의 참고 링크를 들어가면 v5에서 v6로 바뀌면서 어떤 부분들이 바뀌었는지 상세하게 알 수 있다. App.tsx import React from 'react'; import {Navigate, Route, Routes} from 'rea..