탕구리's 블로그

오늘은 컴포넌트의 상태 관리를 도와주는 Redux(리덕스)에 대해서 공부를 해보려 합니다. 저도 리덕스에 대해서 자세히 모르는 상태입니다. 다 같이 공부하는 느낌으로 한번 정리해보는 시간을 갖도록 하겠습니다. 우선, 기본적인 개념을 알기 위해 리덕스 도큐먼트를 구경 갑니다. 총총... 리덕스란? Redux는 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너입니다. (워드프레스 프레임워크인 Redux Framework와 혼동하지 마세요.) Redux는 여러분이 일관적으로 동작하고, 서로 다른 환경(서버, 클라이언트, 네이티브)에서 작동하고, 테스트하기 쉬운 앱을 작성하도록 도와줍니다. 여기에 더해서 시간여행형 디버거와 결합된 실시간 코드 수정과 같은 훌륭한 개발자 경험을 제공합니다. 글을 읽고 리덕스가 무..

1.React 컴포넌트 컴포넌트? const ex = (컴포넌트); 컴포넌트는 반드시 하나의 Element만 리턴해야 합니다. (아래와 같은 코드 작성 불가) const ex = ( 1번 2번 ); 만약, 여러 개의 컴포넌트를 Return 하고 싶을 때에는 다른 태그로 한번 감싸주거나, 혹은 Fragment를 사용하도록 한다. 각각의 컴포넌트는 독립적으로 작동. const ex = ( 1번 2번 ); 함수형 컴포넌트 props만 받아서 사용이 가능하다. (state사용 불가능) life-cycle 함수가 존재하지 않습니다. 클래스형 컴포넌트에 비교하여 속도가 빠르다. ** 현재는 react-hook을 통해 함수형 컴포넌트에서 "state"를 사용, 관리가 가능하며 life-cycle과 비슷한(?) 기능 ..