기초2 [React] 리액트 기초부터(2) JSX html 같지만 Javascript로 변환된다. HTML과 비슷하지만 지켜야할 규칙이 몇가지가 있다. 1. 꼭 닫혀있어야 하는 태그 2. 두개 이상의 element는 하나의 element로 감싸져 있어야한다. -> Fragment라는 기능 생김 (불필요한 extra div 없음) JSX 안에 javascript 값 사용하기 import React, {Component} from 'react'; class App extends Component{ render(){ const name = 'react'; return( helle{name}! ); } } export default App; const 와 let function foo(){ var a = 'hello'; if (true){ var a =.. 2022. 6. 9. [React] 리액트 기초부터(1) 기능 개발 사용자 인터페이스 개발에 집중 할 수 있도록 프레임워크, 라이브러리가 만들어져 있다. 이는 생산성, 높은 유지보수성과 연관되어있다. 그중 3대장은 angular, react, vue 등이 있다. angular 다양한 기능이 이미 내장되어있다. http클라이언트, 라우터, 다국어 지원 등등 react 컴포넌트라는 개념에 집중되어있는 라이브러리이다. -> 프레임워크 아님, angular와 달리 사용자에게 전달되는 view만 신경쓴다. 나머지는 서드파티 라이브러리들을 활용한다. vue 입문자가 사용하기에 손쉽다. 공식 라우터와 공식 상태관리 라이브러리가 존재한다. Virtual DOM 변화가 일어난다면 JavaScript로 이루어진 가상의 돔에 한 번 렌더링을 하고 기존 돔과 비교를 한 후 정말 필.. 2022. 6. 8. 이전 1 다음