Programming/React (2) 썸네일형 리스트형 React.js - Babel과 JSX의 특징 1. Babel이란? : ES6로 작성된 code를 ES5로 변환해주는 것이다. 웹 사이트를 만들 때 여러가지 브라우저를 호환해야하는데 최신 브라우저인 chrome, firefox는 ES6를 지원하지만 구 버전 브라우저와 internet explorer를 지원하지 않기 때문에 변환이 필요하다. 2. ES6 Class : 클래스는 ES6에 새로 도입된 문법으로 클래스를 선언할 경우에는 아래와 같이 선언할 수 있다. 클래스에는 생성자와 메소드가 존재하고, 자바스크립트 안에서는 메소드만 생성할 수 있다. class className { constructor(height, width) { this.height = height; this.width = width; } } 3. JSX란? : JavaScript 코.. 리액트(React.js)란? - React의 장점과 단점 1. 리액트(React.js)란? : 페이스북에서 제공해주는 프론트엔드 라이브러리이며, 컴포넌트 기반으로 되어 있어서 컴포넌트에 데이터를 내려주면 개발자가 설계한대로 UI를 만들어 사용자에게 보여진다. - 웹 페이지를 만들기에는 html, css로도 충분하지만 html, css 만으로 동적인 데이터를 UI에 뿌려주기에는 적합하지 않다. 이 때 리액트를 이용한다면 사용자와 상호작용할 수 있는 UI를 손쉽게 만들 수 있기때문에 리액트를 사용한다. ※ Angular와 React의 차이점 : Angular는 뷰레이어를 포함한 많은 기능을 갖춘 완전한 프레임워크이지만 React는 웹을 만드는데 반드시 필요한 도구들이 기본적으로 제공되지 않는 라이브러리이다. 2. 리액트의 특징 - 컴포넌트 기반의 라이브러리 : 헤.. 이전 1 다음
