React

프론트엔드 Javascript 라이브러리

서버로부터 업데이트가 필요한 데이터만 전달받아 업데이트하는 방식옛날에 만들어진 웹사이트를 보면, 페이지를 이동할 때마다 HTHL문서 즉, 페이지 전체를 불러오는 것을 볼 수 있다.이렇게 페이지 이동시마다, 새로고침을 하게되면, 서버에 트래픽이 증가되고 사용자 경험의 저

다른 주소에 따라 다른 뷰를 보여주는 리액트 SPA를 위한 라이브러리router : 라우터 역할route matcher : 경로 매칭route changer : 경로 변경필요한 Router라이브러리의 컴포넌트를 가져오면 된다.BrowserRouter로 Router의 범

💡 State & Props

함수 내의 어떤 동작이 함수 외부에 영향을 끼치는 경우React에서 컴포넌트 안에서 fetch를 사용해 API를 가져오는 경우, 우리는 외부 환경에 접근해서 데이터를 가져온다.또는 , EventListener를 사용하는 경우도 함수 안에서 EventListenr라는 메

부품 단위로 UI컴포넌트를 만들어 나가는 개발 방법규모가 작은 애플리케이션이면 몰라도 컴포넌트의 종류가 많은 애플리케이션의 경우 클래스와 아이디도 늘어나기 때문에 따로 HTML CSS JS별로 관리하기가 매우 어려워진다.자바스크립트에 CSS를 가져와 작성함으로써 UI컴

Action -> Dispatch -> Reducer -> StorecreateStore메소드를 사용하여 Reducer를 연결해 Store를 생성할 수 있다.전역상태 저장소 store를 사용하기 위해서 App컴포넌트를 Provider로 감싸준 후 props로 변수 st

사용자에게 웹 어플리케이션을 제공하기 위한 파일 묶음애플리케이션이 고도화되고 업데이트를 거듭할 수록, 구성하고 있는 파일의 갯수는 증가할 것이고, 더 복잡해 질 것이다.이 때, 이런 복잡한 상태의 애플리케이션을 그대로 사용자에게 배포하게 된다면, 사용자는 속도저하와