REACT

: key와 value의 쌍으로 구성된 데이터 const 와 let 사용 점 표기법 괄호 표기법 리액트에서는 state를 사용해서 직접적으로 객체의 속성을 삭제, 추가, 수정하는 것 보다 상태를 불변하게 유지하는 방법을 선호객체에 존재하지 않았던 "새로운" 속성을 넣고

라이브러리인 React 프레임워크 개발자가 기능구현에만 집중할 수 있도록 필요한 모든 프로그래밍적 재원을 지원하는 기술

VScode와 git이 다 설치되어있다는 가정하에 진행해주면 버전확인 가능! v는 version의 약자windows: powershell or git bash mac : iterms or 터미널cd : 파일 이동 mkdir: 디렉토리 생성 = 파일생성 rm : 삭제

템플릿 리터럴변수와 표현식을 문자열 안에 쉽게 삽입할 수 있게 해주는 것 문자열 구성 : 백틱 (\`\`) 사용변수, 표현식 : ${expression}템플릿 리터럴 사용하지 않았을때:템플릿 리터럴 사용:console.log에 백틱을 사용하여도 같은 출력 결과를 얻을

Destructuring: 객체나 배열의 속성을 보다 쉽게 추출할 수 있게 해줌 obj 안의 key를 그대로 사용하여 분해 배열의 요소를 위치에 따라 변수로 할당

객체의 속성을 쉽게 다른 객체로 복사하거나 확장할 때 사용 두 배열을 합칠때 사용 두 배열을 합친 새 배열을 만들기 함수의 매개변수 에서 사용되거나 객체/배열 리터럴에서 남음 부분을 하나의 변수로 그룹화할때 사용즉, 특정 속성을 제외한 나머지 속성들을 새 객체로 그룹화

Promise > JS에서 비동기 작업의 최종완료 또는 실패를 나타내는 객체 비동기 작업이 수행될때 그 결과값을 받기위한 약속으로 사용 비동기 작업의 결과에 따라 콜백함수로 연결 가능 .then .catch() .finally() 메소드를 사용해 연속적으로 결과 처리

props라고 하는 임의의 입력을 받은 후, 화면에 표시 후 React 엘리먼트를 반환 컴포넌트는 다른 컴포넌트를 품을 수 있음 다른 컴포넌트를 품는 컴포넌트 부모 컴포넌트다른 컴포넌트 안에 품어지는 컴포넌트 자식 컴포넌트App.js 안에 Child라는 새로운 컴포넌트

JS를 확장한 문법으로, JS의 모든 기능이 포함되어 있고 React Element를 생성한다.즉, HTML을 품은 JSJS안에서 html같은 코드를 넣어서 UI 작업을 편하게 한다. <input></input> 이렇게도 가능하지만, <input />

부모 컴포넌트가 자식 컴포넌트에게 물려준 데이터 -> 컴포넌트 간의 정보 교류 방법부모 -> 자식 방향으로 간다 읽기 전용으로 취급하며 변경하지 않는다. Mother컴포넌트에서 mother 코드가 있는데, child에서는 지금 mother의 이름을 모르는 상태이다. M

컴포넌트 내부에서 바뀔수 있는 값 state를 만들때에는 useState()를 사용usestate는 state를 만들어주는 리액트에서 제공하는 기능으로, 리액트에만 존재하는 개념!const로 선언하고 \[state의 이름, set을 붙이고 state의 이름] = use

메모리에 있는 값을 변경할 수 없는 것 원시 데이터는 불변성 존재 객체, 배열, 함수는 불변성 없음 종이에 파란색을 칠하고 그 위에 검정색을 칠하면 원래 색이었던 파란색을 가릴 수 있다. 그럼 종이는 '파란색 종이'가 아니라 '검정색 종이' 가 되는 것 push는 불변