Don’t worry about failures

State and Lifecycle Lifecycle 리액트는 클래스형 컴포넌트와 함수형 컴포넌트가 존재한다. 각각의 라이프 사이클에 살펴보자. 우선, 클래스형 컴포넌트를 보면, componentWillMount() {} componentDidMount() {} componentWillReceiveProps(nextProps) {} shouldComponentUpdate(nextProps, nextStatus) { return true / false; } componentWillUpdate(nextProps, nextState) {} componentDidUpdate(prevProps, prevState) {} componentWillUnmount() {} 여기서 리액트 17부터는 componentWil..

웹앱의 규모와 복잡의 증가 웹앱의 역할이 커짐에 따라 코드의 양, 복잡도 증가하게 된다. 초기 당시 javascript는 간단하게 html을 관리하는 데에 이용이 됐다. 하지만, 웹앱에서의 사용자와의 인터렉션이 증가함에 따라 javascript의 역할이 커지고 모듈이라는 새로운 개념이 생겼다. 2015 이후 import와 export 문법을 지원 이 개념이 규모가 커짐에 따라 중요해지는 이유는 다음과 같다 우선, 기존의 javascript를 불러오기 위해서는 위와 같이 SCRIPT 태그를 통해 해당 파일을 호출한다. 위와 같은 방식의 호출은 수 많은 javascript 파일이 존재할 경우 그 많은 파일들을 한번에 호출하는 방식을 사용해야한다. 이와 같은 방식은 처음 로딩 당시 모든 스크립트 파일을 호출하..