COCO World

🥕 개요 TS 라이브러리 설치하기 tsconfig.json 생성하기 파일 확장자 변경하고, 코드 수정하기 기타 주의사항 🥕 TS 라이브러리 설치 리액트의 새로운 프로젝트(CRA)에서 TS 설치하기 # npm 버전 npm create-react-app my-app --template typescript # yarn 버전 yarn create react-app my-app --template typescript 기존 리액트에 프로젝트가 존재하고, TS만 추가설치하기 # npm 버전 npm install --save typescript @types/node @types/react @types/react-dom @types/jest # yarn 버전 yarn add typescript @types/node @t..

React 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리로 웹 또는 앱 애플리케이션의 UI, 보여지는 부분인 프론트엔드 영역을 구축하게 해주는 역할을 한다. 리액트의 특징 [1] SPA(Single Page Application) 아키텍처 정의 - SPA란, 한 개의 페이지로 이루어진 애플리케이션이라는 뜻으로, MPA(Multi Page Application)과는 상반된 개념이다. 특징 - 딱 한개의 페이지로 구성된 웹 앱 - 서버에 1회 리소스를 요청하고, 그 이후부터는 필요할 때 데이터만 받아와서 기존 페이지를 '수정'하는 방식으로 화면이 보여진다 - SEO(Search Engine Organization)에 약하다. - MPA는 위와 반대로, 요청이 일어날때마다 웹페이지를 새로 다시..