멋쟁이사자처럼 11기 WEB 파트 React 강의자료 정리

리액트 프로젝트 만들때는 Node.js를 반드시 먼저 설치 Node.js크롬 v8 자바스크립트 엔진으로 빌드한 자바스크립트 런타임웹 브라우저 환경이 아닌 곳에서도 자바스크립트를 사용하여 연산 가능리액트 애플리케이션은 웹 브라우저에서 실행되는 코드이므로 Node.js와

SPA는 웹 앱에 필요한 모든 정적 리소스를 처음에 한번 다운로드 페이지 간 이동 시, 페이지 갱신에 필요한 데이터만을 JSON으로 전달받아 페이지를 갱신하므로 전체적인 트래픽을 감소 전체 페이지를 다시 렌더링하지 않고 변경되는 부분만을 갱신하므로 새로고침이

react에서 side effect를 수행할 수 있도록 해주는 Hook리액트 컴포넌트의 외부에서 일어나는 작업들을 말한다.Side Effect 중 서버에서 많은 양의 데이터를 받아오는 작업을 수행한다고 가정하자.useEffect를 이용하지 않고 위의 코드를 실행한다고

Flexbox Froggy - CSS flexbox 속성https://flexboxfroggy.com/flex-start: 요소들을 컨테이너의 왼쪽으로 정렬합니다.flex-end: 요소들을 컨테이너의 오른쪽으로 정렬합니다.center: 요소들을 컨테이너의 가운

유저가 페이지 이동을 할 때마다 html 파일을 받고, 추가적인 리소스를 전달받아 렌더링SPA 개념이 생기기 전 기존 방식사용자 인터렉션이 많은 경우 위 과정을 반복했을 때 서버의 트래픽과 리소스가 많이 필요하다.SSR( Server Side Rendering )서버에

자바스크립트는 한 번에 하나의 작업을 수행해요.각 스레드는 한 번에 하나의 작업만 순차적으로 수행하는데 자바스크립트는 싱글스레드를 사용하기 때문에 기본적으로 동기적으로 코드를 처리합니다.기본적으로 한줄한줄 순차적으로 실행합니다.우리가 서버에 데이터를 요청하면, 데이터

일반적으로 React에서는 데이터는 부모로부터 props를 통해 전달된다.그러나 컴포넌트의 깊이가 깊어지면 props-drilling 현상이 나타나기도 한다. props-drilling은 props를 오로지 하위 컴포넌트로 전달하는 용도로만 쓰이는 컴포넌트들을 거치면서

yarn build컴파일 된 코드를 실행할 수 있는 상태로 만드는 일소스 코드 및 기타 리소스를 컴퓨터가 이해할 수 있는 형태로 변환하는 과정을 말합니다. 소스 코드를 실행 가능한 실행 파일, 라이브러리, 웹 애플리케이션 등으로 변환하여 애플리케이션을 구축하고 준비하는