다음은 Airbnb React/JSX Style Guide 문서 중 올바른 key값 적용에 관한 내용이다.보다시피 우리가 흔히 임시로 list의 index값을 key값으로 대체하는 것은 나쁜 예시라고 되어 있다. 그 대신, 데이터에 미리 설정된 id값을 받아오는 것을
괜히 공식문서인가 아니구나..! 타입스크립트 프로젝트를 진행하면서 Redux사용에 막힘이 있었기 때문에 구글링을 통해 보완하고자하였다. 평소에는 빠르게 적용하고싶은 마음에 간단히 정리된 블로그나 stack overflow 등을 우선적으로 이용했다. 하지만, 평소 '
Redux Toolkit과 React Redux를 사용하는 전형적인 Redux 프로젝트를 진행하는 것으로 가정한다.Redux Toolkit(RTK)RTK는 모던한 리덕스 패턴을 작성할 때 표준이되는 방식이다. 이미 타입스크립트로 작성된 RTK는 API와 더불어 타입스크
각 슬라이스는 최초 state값을 위한 타입이 지정되어야 한다. 그 결과 createSlice는 각 reducer에서 state의 타입을 정확하게 추론할 것이다. createSliceredux-toolkit에 포함되어 있는 함수이다. state의 초기 값을 설정할 수
React 라이브러리 설치는 지금까지와 같다. npm 사용시yarn 사용시대신, 최초 JSX코드를 받아들이는 index.js의 render 방식에 변화가 생겼다. 기존 방식과 비교기존 리액트에서는 render()이라는 메소드 안에 첫 번째 인자로 가장 상위의 컴포넌트를
MSW 공식 문서 & 튜토리얼Mock Service Worker is an API mocking library that uses Service Worker API to intercept actual requests.MSW는 실제 요청을 가로채기 위해 Service Wo