SMALL

리액트 2

[React JS] 리액트 | Deploy operator | 전개 연산자에 대해서 알아보자.

ES6의 전개 연산자(spread operator)는 독특하면서도 매우 유용한 문법 입니다. 전개 연산자는 나열형 자료를 추출하거나 연결할 때 사용합니다. 사용 방법은 배열이나 객체, 변수명 앞에 마침표 세 개(...)를 입력합니다. 다만, 배열, 객체, 함수 인자 표현식([], {}, 0) 안에서만 사용해야합니다. ES6의 배열 전개 연산자 사용 방법 알아보기 E56 이전 문법에서는 배열의 일부 요소만 잘라내거나 연결하려면 배열 인덱스와 함께 배열 내장 함수들을 사용해야 했습니다. 다음은 기존 문법으로 배열의 일부 요소를 잘라내거나 연결한 예제입니다. 직접 실습해 보면 알겠지만 아래의 방법은 배열 내장 함수를 일일이 기억해야 하고 코드가 길어서 불편합니다. 1 var array1 = ['one', 't..

Study/React 2021.04.24

[React JS] 리액트 템플릿 문자열 | Template String

가장 먼저 알아볼 ES6 문법은 템플릿 문자열(template string)입니다. 템플릿 문자열은 문자열 안에 변수와 연산식을 혼합하여 사용합니다. 기존 자바스크립트의 문자열 사용 방법 알아보기 기존 자바스크립트에서는 문자열과 문자열 또는 문자열과 변수를 연결하려면 병합 연산자(+) 를 사용해야 했습니다. 다음은 병합 연산자로 문자열과 문자열 또는 문자열과 변수를 연결하는 예제입니다. var stringl = '안녕하세요'; var string2 = '반갑습니다'; var greeting = stringl + ' ' + string2; var product = { name: '도서', price: '4200원' }; var message = '제품' + product.name + '의 가격은' + pr..

Study/React 2021.04.24