SSAC. React

vite 생성node-module 생성dist 생성실행 \--port : 포트지정\--host IP : (휴대폰에서도 접속 가능) ipconfig | grep 192쳐서 inet x.x.x.x에 나오는 wifi 공유기 기준 아이피를 이용하여 실행시키면 휴대폰에서도 서버

브라우저가 사용자가 요청한 주소를 방문해 HTML 파일을 다운로드한다.브라우저의 렌더링 엔진은 HTML을 파싱해 DOM 노드로 구성된 트리(DOM)을 만든다.2번 과정에서 CSS 파일을 만나면 해당 CSS 파일도 다운로드한다.브라우저의 렌더링 엔진은 이 CSS도 파싱해

함수형 컴포넌트는 순수함수로 작성된다. 사이드 이펙트가 없다.똑같은 input에 똑같은 output이므로 테스트 코드 짜기가 쉽다.Virtual DOMisDirty : 실제 DOM과 가상DOM이 1:1 매칭되었을 때 상태가 다른 상태 (변경 사항을 감지하고 적용한다)

JSX (JavaScript XML) 설계 목적 : 트리 구조를 토큰화해 자바스크립트(ECMAScript)가 이해할 수 있는 코드로 변경하는 것이다.

SPA (Single Page Application) : 웹 애플리케이션이 단일 페이지로 이루어진 아키텍처로, 페이지 간 전환 시 전체 페이지를 다시 로드하지 않고 필요한 부분만 업데이트하는 방식이다.

컴포넌트는 리액트에서 UI를 구성하는 기본 단위이다.속성, 상태, 메소드를 포함한다.속성 : 컴포넌트에 전달되는 속성값. 부모 컴포넌트가 자식 컴포넌트로 데이터를 전달하는데 사용된다. (defaultProps를 이용하여 기본 속성값 설정 가능)상태 : 컴포넌트의 내부데

브라우저에서 관리되는 저장공간에는 대표적으로 localStorage, sessionStorage, Cookies가 있다.데이터를 도메인별로 저장하며 동일한 도메인의 모든 페이지에서 접근할 수 있다.영구적으로 저장하기 때문에 브라우저를 닫아도 데이터가 유지된다.(만료기간

인수를 2개 받는다.(콜백함수, 의존성 배열)의존성 배열의 값이 변경되면 콜백함수를 실행한다.클래스형 컴포넌트의 생명주기 메서드와 비슷한 작동을 구현할 수 있다.의존성 배열의 값이 빈 배열이면 콜백함수는 마운트될 때만 실행된다. (마운트)의존성 배열의 값이 변경될 때마

JSXJSXJSX

라우팅 : 사용자가 특정한 위치 또는 경로로 이동하거나 데이터를 전달하는 프로세스. 주로 URL을 이용하여 라우팅한다.MVVR(Model-View-ViewModel)에서의 라우팅: ViewModel이 라우팅한다. MVC(Model-View-Controller)에서의 라

리액트 컴포넌트 트리에 대해 전역으로 간주될 수 있는 데이터를 공유하기 위해 설계되었다. main에 컨텍스트의 Provider를 사용할 범위에 맞게 지정하면 그 범위 내에서는 direct로 상태 공유가 가능하다.Context.Provider : Context의 prov

설정 : reducer 함수, 초기값 reducer 함수: 현재 상태와 액션을 받아 새로운 상태를 반환하는 함수이다.액션: type과 payload를 포함한 객체이다.useReduder 훅 사용 : reducer함수를 reducer로, 초기값은 0으로 설정한다.redu