본문 바로가기

728x90

React

(2)
리액트 ES6 ES6은 ECMAScript 6의 약자. ECMAScript는 JavaScript를 표준화하기 위해 만들어졌으며 ES6은 ECMAScript의 6번째 버전으로 2015년에 발행되었으며 ECMAScript 2015라고도 한다. 리액트는 ES6를 사용하며 몇가지 새로운 기능에 익숙해져야 한다. 클래스 화살표함수 변수 (let, const, var) map() 과 같은 배열메서드 구조화 모듈 삼항연산자 스프레드연산자 클래스 클래스는 함수의 한 종류이고, function 이라는 키워드를 사용하는 대신 class키워드를 사용하고 속성은 constructor()메서드 내부에 할당된다. 클래스에서는 객체를 생성할 수도 있고, 메서드를 추가할 수도 있다. 그리고 extends키워드를 사용해, 클래스 상속을 생성할 수도..
리액트(React)에 대해 알아보자 리액트란? 프론트앤드 자바스크립트 프레임워크로 언급되어지지만, 페이스북에서 만든 자바스크립트 라이브러리이다. 사용자 인터페이스를 만들기 위한 툴이다 라고 정의하고 있다. 왜 리액트를 배워야하는가? 오늘날에는 많은 자바스크립트 프레임워크들을 이용할 수 있다.(angular, node.. )하지만 리액트는 그 사이에서 가장 인기있는 라이브러리로 자리잡고 있다. 이전의 프레임워크는 DOM(Document Object Model)을 사용하는 전통적인 데이터 흐름 구조를 따르고 있다. DOM이란, 웹 페이지가 로드되었을 때마다 브라우저에서 생성되는 object 이다. DOM은 백엔드에 데이터를 추가하거나 생성하고, 변화가 생겼을 때마다 같은페이지에 새로운 DOM을 생성한다. 이러한 반복적인 DOM의 생성은 불필요..

728x90