WEB/React

WEB/React

JSX 이해하기

리액트 프로젝트 생성 리액트 프로젝트를 생성하기 위해서는 node.js의 npm이 필요하다. node.js를 설치했다면 터미널에 다음과 같이 입력한다. npm install -g yarn // 설치가 안된다면 sudo npm install -g yarn yarn create react-app hello cd hello yarn start // 타입스크립트도 프로젝트를 만들고싶다면 npx create-react-app hello --template typescript npm start 그 후, http://localhost:3000에 들어가보면, 자신의 리액트 프로젝트의 첫 화면이 나올 것이다. 그리고나서 /src/App.js 혹은 App.tsx를 보자. import React from 'react'; i..

WEB/React

리액트 이해하기

리액트 웹에서 자바스크립트의 역할이 증대함에 따라, 자바스크립트 개발을 위한 수많은 프레임워크가 개발되었다. Angular, Backbone.js, Derby.js, Vue.js 등의 프레임워크들은 주로 모델과 뷰로 이루어져 있다. 모델 : 애플리케이션에서 사용하는 데이터를 관리하는 영역 뷰 : 사용자에게 보이는 부분 이런 구조는 사용자에게서 어떤 작업등을 받으면 모델을 수정하고 변경된 사항을 뷰에 반영하도록 설계된다. 이로인한 단점은 애플리케이션 규모가 커지게 되면 상당히 복잡해지고 관리가 잘 되지 않을 시, 성능도 저하될 수 있다는 점이다. 이런 점을 리액트에서는 데이터가 변할때마다 처음부터 새로 렌더링하는 방식으로 애플리케이션 구조를 간단하게 설계할 수 있도록 만들어주었다. 리액트 이해 리액트는 자..

chanwoong1
'WEB/React' 카테고리의 글 목록 (3 Page)