React | start to react

DoItDev·2021년 6월 12일
0
post-thumbnail
post-custom-banner

React란?

컴퓨팅에서 리액트(React, React.js 또는 ReactJS)는 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용되는 웹 프레임워크 이다.

페이스북과 개별 개발자 및 기업들 공동체에 의해 유지보수된다.
리액트는 싱글 페이지 애플리케이션(SPA)이나
모바일 애플리케이션 개발에 사용될 수 있다. (React-Native)
대규모 또는 복잡한 리액트 애플리케이션 개발에는 보통 라우팅, API통신 등의 기능이 요구되는데 리액트에는 기본적으로 제공되지 않기 때문에 추가 라이브러리를 사용해야 한다.

React 프로젝트 시작!

js, ts 중에 필자가 고르라면 필자의 경우 ts 를 선택을 할거 같다.
일단 타입에 있어서 자유로운 js 의 비해서 ts 의 경우 견고한 타입을 설정이 가능하다는 점에
일단 첫번째 매력을 느꼈고 그 다음으로는 현재 ts 위주로 프로젝트를 진행을 하다 보니 ts 가 좀더
손에 익은 감이 있다. 물론 js 를 버린다.. 그런표현이 아니라 js 에 비해서 ts 가 좀더 좋다 혹은 더 사용하고 싶은 언어임은 필자가 확신한다! 일단 웹 프레임 워크는 react 를 선택하였다.
vue , react , 앵귤러 이 세 가지가 대표적은 웹 프레임 워크지만 3 가지 모두 현업에서 사용한 결과 나한테 맞는 것은 react 이다는 것을 확신을 하였고 ... vue 의 경우 조잡하다? 라는 느낌 ..
앵귤러 또한 조잡하다 ... react 가 깔끔하면서도 좋다!!
그렇다고 무조건 적으로 이것만 쓴다는 것은 아니다 상황에 따라 변하겠지만 .. 통이 프로젝트나 예제 코드 작성하면서 여러가지 진행할 생각 이다...

npx create-react-app my-app --template typescript
yarn create react-app my-app --template typescript
스크린샷 2021-06-06 오후 10 15 36 스크린샷 2021-06-06 오후 10 21 38 스크린샷 2021-06-06 오후 10 22 13
npm install --save typescript @types/node @types/react @types/react-dom @types/jest
yarn add typescript @types/node @types/react @types/react-dom @types/jest
스크린샷 2021-06-06 오후 10 31 23

about.

React 정의 참고

profile
Back-End Engineer
post-custom-banner

0개의 댓글