Foresitory 🌳 Foresitory 🌳

상태관리

• [React] Redux 개념 정리

  TECH 2022. 3. 13. 02:04

  ✔️ Redux란? Redux는 자바스크립트 상태 관리 라이브러리이다. 상태(state)를 효율적으로 관리할 수 있도록 도와주는 도구 중 하나이다. ✔️ Redux 기본 개념 1. 액션(Action) 상태를 변경하기 위해서는 액션을 통해 변경해야 한다. 액션은 객체 형식으로 표현되고, type을 필수로 가지고 있어야 한다. 옵션으로 다른 프로퍼티를 가질 수 있고, 액션에 필요한 부가적인 데이터를 전달할 때 주로 사용한다. { type: 'ADD_MESSAGE', data: { id: 1 message: "리덕스 배우기" } } 메시지를 새로 추가하는 액션이고, 새로운 메시지에 대한 부가적인 data가 전달된다. 2. 액션 생성 함수(Action Creator) 액션은 객체 형식으로 바로 만드는 것이 아니..

  Read More
• 원티드 프리온보딩 프론트엔드 코스 개인 과제 회고

  ETC 2022. 2. 24. 19:15

  내가 참여한 원티드 프리온보딩 프론트엔드 코스는 2022/01/24부터 시작해 중간에 설날 연휴가 껴 있다. 해서 1주차 배우고 한 주를 쉴 수 있었는데, 필수가 아닌 개인 과제도 하나 있었다. 연휴에 놀지 말고 공부나 하자 해서 시도하게 되었다. 사실 타입스크립트, 리덕스 등 엄청 배울 게 많았던 일주일이었음 기능은 이 링크에 있는 화면을 구현하는 거였고, 처음 봤을 땐 좀 어렵겠는데? 싶었으나 은근 빨리 끝난 과제였다. 1. API 연동 사실 API 연동하는 데 시간이 많이 걸렸다. 벨로퍼트 리액트로 리덕스를 조금 공부하고 나서 과제에 돌입했었는데, 거기서 배운 커스텀 훅을 쓰려다 뭐가 잘 안 되더라.... 아무튼 API 호출은 이런 식으로 진행했다. export async function getHo..

  Read More