es6

기존 ES5 문법과 비교해 전개 연산자를 통해 배열과 객체 데이터를 합치거나 추출하는 방법을 이해해보겠습니다. 전개연산자 ? 배열이나 객체 변수를 좀 더 직관적이고 편리하게 합치거나 추출할 수 있게 도와주는 문법입니다 . 변수 앞에 ... (마침표 3개)를 입력해서 사용합니다. 예제 작성을 통해 전개연산자에 대해 알아보겠습니다. 먼저 App.js 파일을 생성해줍니다. App.js import './App.css'; import { React } from 'react'; import SpreadOperator from './SpreadOperator'; function App() { return ( Start React 200! css 적용하기 ); } export default App; SpreadOpe..

ES(ECMA 스크립트)는 표준화된 스크립트 언어이고 ES 뒤에 붙은 숫자는 버전을 의미합니다. 2015년 발행된 ES6는 많은 유용한 기능이 추가됐고 자바스크립트는 이 기술 규격을 따릅니다. 리액트도 자바스크립트 기반 언어이기 때문에 ES6의 모든 기능을 사용할 수 있습니다. 오늘은 ES6 문자열의 사용 방법에 대해 알아보겠습니다. App.js 파일을 생성합니다. Es6.js 파일을 생성합니다. 기존 자바스크립트에서 줄바꿈을 하려면 개행문자(\n)을 사용해야 합니다. 문자열과 변수를 합치기 위해서는 문자열을 작은 따옴표(또는 큰따옴표)로 감싸고 + 로 연결해야합니다. 따옴표가 아닌 백틱(`)으로 전체 문자열과 변수를 묶어 사용할 수 있습니다. 변수는 ${변수명} 형태로 넣고 코드상에서 줄바꿈을 하면 개..