개발자일지

리액트 프로젝트에 타입스크립트를 추가하는 가장 일반적인 방법은 프로젝트를 처음 만들 때부터 타입스크립트 템플릿을 사용하는 것이다. 만약 이미 자바스크립트로 된 프로젝트가 있다면, 필요한 패키지를 설치하고 파일 확장자를 변경하는 과정을 거쳐야 한다. 새 프로젝트에 타입스크립트 적용하기새 리액트 프로젝트를 시작할 때, 가장 쉬운 방법은 create-react-app 이나 Vite 같은 도구를 사용해 타입스크립트 템플릿으로 시작하는 것이다. npx create-react-app 명령어는 my-app 이라는 새 리액트 앱을 만들면서, 기본적인 타입스크립트 설정과 함께 필요한 패키지들을 자동으로 설치해 준다.npx create-react-app my-app --template typescriptnpm cre..

JSX와 TSX는 모두 React에서 UI를 만들 때 사용하는 문법이지만, TSX는 타입을 명확히 관리할 수 있는 TypeScript 기반이라는 차이가 있다. 초반에는 JSX로 시작할 수 있지만, 프로젝트가 커지거나 팀과 함께 작업한다면 TSX로 전환하는 것이 더 안정적이다.구분.jsx.tsx언어JavaScript + JSXTypeScript + JSX타입 사용타입 사용 불가타입 명시 가능컴파일러Babel 등 JS 컴파일러TypeScript 컴파일러React 문법JSX 문법 사용JSX 문법 + 타입 정의 사용 JSX(JavaScript XML)JSX는 JavaScript XML의 줄임말로, 자바스크립트 안에 HTML 같은 코드를 쓸 수 있게 해주는 문법이다. JSX는 브라우저가 직접 이해할 수 없기 때..