redux4 코드 리팩터링하기 안녕하세요, 개발자 Sean입니다. 소프트웨어 엔지니어링은 다른 공학과는 다르게 무형의 어떤 것을 만들어낸다는 특징이 있습니다. 그렇기 때문에 어플을 만들어 나가는 과정에서 무수히 많은 예상치 못한 결과를 만나기도 합니다. 또한 잘 계획되지 못한 기능 구현은 끔찍한 코드 실타래를 만들어 내고 이는 필연적으로 원인을 알 수 없는 버그와 에러로 이어지죠. 그리고 이번 주에 제가 그런 실수를 범했습니다. 애널리틱스라는 분석 페이지를 제작 중이었는데요, 음... 복잡한 기능인 데다가 개념 이해가 어렵다 보니 일단은 만들고 보자 라는 생각으로 무작정 키보드부터 두드리고 본 결과 약 1천줄의 ... '의미를 알 수 없는 변수명'과 '왜 이렇게 짜인 건지 이해할 수 없는 컴포넌트 구조'로 점철된 코드가 만들어졌습니다.. 2022. 10. 13. [Redux] Redux Persist VS Local storage 오늘 토이 프로젝트에서 Firebase 구글 로그인 기능을 구현하고 흐뭇한 마음으로 이런저런 버튼을 클릭을 하고 있을 때였다. 새로고침 버튼을 누르니 로그인 상태가 풀려버리는 것이었다...! 아차 싶었다. 로그인 상태를 Redux state에 유저정보와 함께 저장해 관리하려고 했는데 생각해보니 Redux는 새로고침과 동시에 모든 State를 초기화한다는 사실을 깜빡했다. 문제 해결에는 두 가지 방안이 있다. 하나는 Redux-persist 라이브러리를 이용해 Redux State를 초기화되지 않고 유지할 수 있도록 해주는 방법이고 다른 하나는 local storage를 이용해 상태를 기록하는 것이다. (물론 Rest api를 이용해 서버로부터 계속 정보를 받아오는 방법도 있겠지만 이는 배제하도록 하겠다... 2022. 4. 15. Redux Basics with Code Examples (Redux 예제) 이전 포스팅에서 Redux에 대한 기본적인 개념과 탄생 배경에 대해 알아보았다. 이번 포스팅에서는 예제코드를 통해 어떻게 코드를 짜는지 살펴보자. 이와 관련해 상세히 정리해놓은 글이 있어 번역하여 올려본다. 출처: https://www.freecodecamp.org/news/redux-for-beginners/ Redux for Beginners – Learn Redux Basics with Code Examples Redux can be confusing for beginner React developers to understand. There are a lot of concepts you need to know to use it properly, like reducers, actions, store,.. 2021. 12. 3. Redux WHAT IS REDUX? 오늘은 리덕스의 기본 개념에 대해 알아보도록 하자. 리덕스와 관련되어 자세하게 설명된 글이 있어, 아래와 같이 번역하여 옮겨본다. 출저: https://www.robinwieruch.de/react-redux-tutorial/ React Redux Tutorial for Beginners [2019] A complete React Redux tutorial for beginners: Learn how to build React Redux applications from scratch by following this step by step implementation of an example application ... www.robinwieruch.de WHAT IS REDUX? 리덕스는 어플리케이션에서 .. 2021. 12. 2. 이전 1 다음
