REACT2 리액트 ES6 문법 ES6 문법 : 템플릿 문자열(template string) -> 문자열 안에 변수와 연산식을 혼합하여 사용한다. 특징1) 작은따옴표('') 대신 백틱(`)으로 문자열 표현 특징2) 템플릿 문자열에 특수 기호 $를 사용하여 변수 또는 식 포함 가능 예시) 병합 연산자로 표현된 코드를 템플릿 문자열로 바꿔보자 // 병합 연산자 사용 var cart = { name: '도서', price: 1500 }; var getTotal = function(cart) { return cart.price + '원'; }; var myCart = '장바구니에' + cart.name + '가 있습니다. 총 금액은 ' + getTotal(cart) + '입니다.'; // 템플릿 문자열 사용 var cart = { name: .. 2022. 8. 12. 리액트 시작하기(1) 리액트란? 프론트엔드 라이브러리 중 하나 리액트의 장점 : 화면 출력에 특화된 프레임워크 1. 컴포넌트(component)로 효율적으로 화면을 구성 2. 가상화면(Virtual DOM) 기술을 통해 다음에 나타날 화면의 일부(노드)를 미리 그려놓고, 변경된 화면의 일부(노드)만 수정 가능 노드 패키지 매니저란? -> npm npm : node_modules 폴더에 라이브러리를 내려받아 저장하고 package.json 이라는 파일에 설치된 라이브러리의 정보를 적어 저장 : 실제 라이브러리와 라이브러리 명세 파일을 따로 관리 웹팩이란? 프로젝트에 사용된 파일을 분석하여 기존 웹 문서 파일로 변환하는 도구 리액트 개발환경 설치하기 1. NVM 설치하기 주소에 접속한 후 nvm-setup.zip을 내려받아 압축.. 2022. 8. 12. 이전 1 다음 반응형
