모르는 상태는, 알고 버리면 다시는 방문하지 않는다

필자 초기 상태

React 들은 적이 있지만 전혀 모른다

TypeScript 공부 중

React란?

A. 사용자 인터페이스를 만들 때 사용하는 것이 편리합니다. 웹 이외의 유저 인터페이스 작성시에도 사용할 수 있다.

이번 목적

TypeScript+React 환경 구축

소개

실행 환경

OS:Windows 10

터미널 : Visual Studio Code (WSL : Ubuntu)

절차

TypeScript 사용 가능한 React 용 프로젝트 폴더를 다음 명령으로 만듭니다.

npx create-react-app react01 --template typescript

※npx 커맨드를 실행할 수 없는 경우는 npm을 인스톨 한다.

설치 완료 후 프로젝트 폴더로 이동하여 프로젝트 실행.

cd react01
npm start

이런 화면이 브라우저로 표시되면 성공.


성공하면 단말기에서 Ctrl+C를 눌러 프로젝트 실행을 종료시킨다.

다음

Hello world

참고문헌

React 시작하기 - 웹 개발 배우기 | MDN

React - TypeScript Deep Dive 한국어 버전

여담

[TypeScript React]로 Google 검색하면 첫 페이지부터 완전 초보자에게는 이해할 수 없는 페이지가 가득 나와서 무섭다(2021/7 시점)