React

: 자바스크립트 코드 실행: 의존성 관리(프로젝트에서 필요한 라이브러리..) \-빌드 : 개발 소스 -> 서비스 가능 상태(배포 가능상태)로 변경 (리액트 문법 소스 -> js) \-테스트실치 속도가 빠름UI10 - 메이저 버전: 하위 버전과 호환되지 않은 큰 변화

children h1태그는 MyComponents내부 안에 있음. state 컴포넌트 내부에서 바뀔 수 있는 값을 의미한다. props는 컴포넌트가 사용되는 과정에서 부모컴포넌트가 설정하는 값. 컴포넌트 자신은 해당 props를 읽기 전용으로 사용 함수형 컴포넌

\-단일 페이지 응용 프로그램을 의미. 즉, 한 번의 페이지 로드 후에 모든 필요한 리소스를 다운로드하여 이후에는 페이지를 다시 로드하지 않고 동적으로 콘텐츠를 업데이트한다.\-MPA는 여러 페이지로 구성된 전통적인 웹 애플리케이션을 의미. 각 페이지는 서버로부터 별도

컴포넌트 컨테이너 컴포넌트 : 데이터 처리, 이벤트 처리, 여러 프리젠테이셔널 컴포넌트를 포함 프리젠테이셔널 컴포넌트 : 보이는 화면 구성 모델 -데이터 관련 로직 filter -> 새로운 배열을 반환 Error throw 에러 객체 -> 에러 발생 Error

일반적인 나머지 연산자를 사용한 복사는 객체 내부의 객체까지 깊은 복사가 되지 않는다. (주소값만 가져옴)\-> address는 주소만 복사가 됨.//immer 사용foreach를 사용할 수 있음. 원래 foreach는 새로운 주소를 가진 배열을 생성하지 않지만 imm

\-css 사용 -> import 'CSS 경로' (사용 빈도가 높지 않음)Sass(Syntactically Awesome Style Sheets)\-> 세미콜론, 중괄호 사용 불가\-> 세미콜론, 중괄호 사용가능&는 아래 사진과 같이 가르킴utils 함수 분리하기여러

라우팅이란?1) 사용자가 요청한 URL에 따라 알맞는 페이지로 보여주는 것을 의미2) 여러 페이지로 구성된 웹 애플리케이션을 만들 때 페이지별로 컴포넌트들을 분리해가면서 프로젝트를 관리하기 위해 필요한 것이 라우팅 시스템//index.js 에서\-a태그 : 기본기능x

JSX 코드 이해하기 src/App.js JSX란? JSX는 자바스크립트의 확장 문법이며 XML과 매우 비슷하게 생김 이런 형식으로 작성한 코드는 브라우저에서 실행되기 전에 코드가 번들링되는 과정에서 바벨을 사용하여 일반 자바스크립트 형태의 코드로 변환됩니다. do

컴포넌트 리로드 기준 1) props: 부모 props가 변경이 되면 자식 컴포넌트가 리로드 2) state: 컴포넌트 안의 상태 값이 변경이 되면(useState를 통해 만든 값) 리로드 3) 부모 컴포넌트가 리로드 -> 자식 컴포넌트도 리로드 -하위 컴포넌트가 변경 사항이 없는 경우 다시 로딩하면 메모리 낭비 메모제이션 기법(캐싱) : React.mem...