React

React 컴포넌트가 화면에 렌더링된 이후에 비동기로 처리되어야 하는 부수적인 효과들을 Side Effect라고 한다. 대표적인 예로어떤 데이터를 가져오기 위해서 외부 API를 호출하는 경우,일단 화면에 렌더링할 수 있는 것들을 먼저 렌더링하고 실제 데이터는 비동기로

리덕스(Redux) 는 Javascript app을 위한 예측가능한(predictable) state container이다. 리액트 뿐만 아니라 Augular, jQuery, vanilla JavaScript 등 다양한 framework와 작동되게 설계되었다. 즉, 리

최종 프로젝트를 앞두고 팀원들과 회의를 진행한 결과 팀원 모두 중간 프로젝트에서 디자인에 많은 시간을 쏟다보니 개발 단계에서 힘이 빠졌다고 느껴서 Material-UI에 대한 필요성을 느꼈고 이번 프로젝트에서는 Material-UI를 사용하기로 했다. 프로젝트에 앞서서

useState, useEffect에 대해서 알아보자.앱을 리액트 훅으로 만들면, class component, did mount, render..를 안해도 된다. 모든것은 하나의 function이 된다. = 함수형 프로그래밍 스타일이 된다. hook은 recompos

react 이전에도 많은 라이브러리/프레임워크 존재했다. 이들 대부분이 MVC, MVVM, MVW 패턴을 기반으로 만들어졌다. Models가 공통점인데 models란 관찰 가능한 객체로 뷰와 양방향으로 바인드되어, 뷰가 변경되면 모델도 업데이트된다. 이 모델 패턴은 m

react의 각각의 컴포넌트는생성 -> 업데이트 -> 제거 단게를 차례로 겪는 생명주기(Life Cycle)을 가지고 있다. 크게 3가지로 나눌 수 있다. 생성(mount), 업데이트(update), 제거(unmount) 이다. 마운트는 컴포넌트 함수가 실행되고 결과물

CRA 는 Create React App의 약자이다. React를 처음 시작하는 사람들이 쓰기 좋다! 왜냐면 알아서 최적의 개발환경을 만들어주기 때문이다. CRA는 Webpack과 Babel을 따로 설치, 설정하지 않아도 된다. 그래서 편리하지만하지만 프로젝트 규모가