REACT

React 에서 객체나 배열과 같은 참조타입의 상태 값을 변경하기 위해서는 불변성 유지를 필수적으로 해줘야했다.

터미널에서 npm install styled-components 또는 yarn add styled-componentscss 초기화할 component에서(대부분 최상위 컴포넌트이지 않을까)

하나의 useState 로 여러 개의 상태를 관리하는 방법을 소개한다.

사용 이유 React 에서 useState 를 사용할 경우, 컴포넌트 내부에 state를 만들고 setState로 state를 바꿀 수 있게한다. 이런 경우 해당 state는 컴포넌트에 종속적이게 된다. Redux 를 몰랐던 이전, React 에서 상위컴포넌트의 s

우선 reducer는 state와 state를 변경할 함수를 담고있다. 한개의 store가 존재하고, store에는 한개의 reducer만 담을 수 있다.여러개의 reducer가 필요할 경우 어떻게 할 지 생각해보았다.첫 번째 방식은 redux 디자인 패턴에 위배된다.

원래 jQuery 라이브러리를 사용하여 ajax를 통해 비동기 통신을 했었다. 이러한 방식은 React에서도 동일하게 사용할 수 있지만... React를 사용하는데 jQuery는 버릴 필요가 있다!비동기는 서버와의 통신에서 웹페이지를 리로드하지 않고 데이터를 불러오는

Spring Boot에서 JWT를 구현하던 중, 토큰의 유효하지 않거나 권한이 맞지 않을 때의 응답헤더에 에러코드와 함께 관련 메세지를 전달해야했다.응답으로 에러코드를 프론트로 전달하면, 에러코드에 대비한 예외처리를 해줘야하는데... 이걸 매번 하기엔 귀찮아지고 실수할