컴포넌트 기반의 UI라이브러리user interface리액트 자체는 컴포넌트를 중심으로 했기때문에 내장된 기능이 많지 않음.따라서 서드 파티 라이브러리, 패키지를 설치해야함client side의 javascript library or framework자바스크립트는 명령
var :구 자바스크립트에서 변수 생성es6에서는 let, const만 사용let : 새로운 var라고 생각하면 됨수정할 수 있는 변수를 선언할 때const는 상수를 선언할 때새로운 값을 할당할 수 없음, 재할당 x,주로 const 사용
const 땡땡땡 = () ⇒ {} 자바스크립트에서 thiis로 생겼던 많은 문제들을 해결→ this가 항상 원하는 객체를 참조하지는 않았던 문제❓화살표 함수 안에서 this를 사용하면 항상 정의한 ‘객체’를 나타내고 실행 중에 갑자기 바뀌지 않는다.❓❓객체에 함수를
export default 땡땡땡;파일 하나에서 한개 상수만 있을 때 export할 때 default로 키워드를 넣어서 기본으로 export하는 값을 지정해야한다Import 할 때도 중괄호 없이 import name from ‘./name.js’ 하면 됨상수가 2개 이
코딩애플 내용 정리 자바스크립트 객체라고 생각하면 됨object(객체)를 만드는 기계, 복사기계라고 생각하면 됨비슷한 object를 많이 만들어야 할 때 class 사용object(객체)에 데이터를 추가하는 법function 기계(){this.role = “consu
스프레드 : 배열의 원소나 객체의 프로퍼티를 나눌 때 / 그래서 배열이나 객체를 펼쳐놓는다모든 원소나 속성,값을 가져와서 새 배열이나 객체에 전달한다.const newArry = …oldArry, 1, 2oldArry에 있는 모든 원소들을 꺼내서 대괄호로 새로 생성한
<디스트럭쳐링 : 구조분해할당>객체나 배열에서 원소나 프로퍼티를 하나만 빼와서 변수에 저장한다. a, b = ’aaa’, ‘bbb’; 배열의 원소를 a와 b에 할당함const numbers = 1, 2, 3;num1, num2 = numbers;num1 → 1 n
자바스크립트 자료 타입에는 두가지가 있다참조형, 기본형const number = 1; 기본형const num2 = number; number의 진짜 복사본을 생성하고 그게 num2다. 값 1을 num2에 복사한 것숫자, 스트링, 불린은 모두 기본형 자료 타입재할당하거나
const numbers = 1,2,4;const doubleNum = numbers.map((매개변수 num)⇒{return num\*2})
node.js브라우저 밖에서 자바스크립트 코드가 실행될 수 있게 하는 자바스크립트 런타임npm, npx를 실행하기 위해서 필요 크리에이트 리액트 앱으로 생성된 프로젝트의 백단에서는프로덕션 레디 프로그램을 구축하기 위해 필요한 변환과 최적화를 위한 개발 서버에서 prev
페이지를 불러올 때마다 가장 처음으로 실행되는 index.js사실 이게 실행되는 게 아니고변환된 버전의 코드가 실행npm start → 코드 확인 → 자바스크립트 코드를 더 브라우저 친화적인 코드로 변환 → 브라우저에 코드 전달브라우저 안에서 작업을 하는 것 전달 전에
State는 컴포넌트의 인스턴스별로 나뉘어져 있다.const 현재상태값, 업데이트하는 합수 = usestate(인자)인자를 초기값으로 한다.지금까지, 우리는 유저 이벤트 발생 시 상태를 업데이트 했습니다 (예: 클릭)이는 매우 일반적이지만 상태 업데이트에 꼭 필요한 것