안녕하세요. IT 엘도라도 에 오신 것을 환영합니다.
글을 쓰는 것은 귀찮지만 다시 찾아보는 것은 더 귀찮습니다.
완전한 나만의 것으로 만들기 위해 지식을 차곡차곡 저장해 보아요.   포스팅 둘러보기 ▼

리덕스 (Redux) (3)

[Redux, Redux-Thunk, Redux-Saga] 주요 개념 요약

개인적으로 React 프로젝트를 진행하면서 Redux, Redux-Thunk, Redux-Saga에 대해 공부한 내용들을 기록한 것이다. 원래는 프로젝트 폴더에 문서 형태의 파일로 아카이빙 해두던 것이었는데 이번 기회에 티스토리로 옮겨두기로 결정했다. 여기에 기록한 내용들은 주로 해당 라이브러리의 핵심 개념 혹은 동작 원리가 주를 이룬다. 필자만의 기록이라 다른 사람들에게도 도움이 될지는 모르겠으나, 혹여나 한 사람이라도 이를 참고로 살펴보고 도움될 만한 내용을 얻어갈 수 있다면 참 좋겠다. 혹시 잘못된 내용이 있다면 댓글로 지적 바란다. 1. Redux, React-Redux 주요 개념 요약 1-1. 스토어 애플리케이션의 상태를 트리 구조로 관리한다. 상태를 읽으려면 getState() 함수를 호출한다..

리덕스 (Redux) 2021.01.27

[Redux] 배포 후 모바일 브라우저에서 흰 화면만 뜨는 문제 (feat. Redux Dev Tools)

* 2020.11.26 저녁부터 2020.11.27 오전까지 씨름했던 문제. 트러블 슈팅 경험을 여기다 기록하고자 한다. EC2에 React 프로젝트를 배포한 뒤, 데스크탑 브라우저에서 정상적으로 접속이 되는 것을 확인하고 안심한 찰나, 모바일 브라우저에서는 접속만 되고 아무것도 뜨지 않는(흰 화면만 뜨는) 문제가 발견되었다. 몇 시간 동안 그 원인을 찾기 힘들었는데, 그것은 바로 모바일 브라우저에는 데스크탑 브라우저에서와 달리 개발자 도구가 없었기 때문이다. 그러다가 우연히 모바일 브라우저도 개발자 도구를 사용하는 법을 알게 되었는데, 안드로이드 폰 기준으로 핸드폰과 데스크탑을 USB로 연결한 뒤 개발자 옵션을 켜고 USB 디버깅까지 켜면 되는 것이었다. 이후 모바일에서 특정 웹 페이지를 방문하면 해당..

리덕스 (Redux) 2020.11.27

[Redux, Redux-Saga] 직접 구현해보며 동작 원리 이해하기 (번역)

Lost with Redux and sagas? Implement them yourself! - Sébastien Castiel You can use everyday a library such as React, Redux or Redux-Saga. You can be perfectly efficient with it. You can be able to tell others why it is nice or not, and wether they should use it or not. But at the same time it’s possible you consider it a bi scastiel.dev 본 포스팅은 위 링크의 포스팅을 번역(자체 의역)한 것입니다. 문제가 될 시 즉시 삭제하겠습니다. 당신은..

리덕스 (Redux) 2020.09.15