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