일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- 컴퓨터 논리와 구조
- 줌서비스
- 컴퓨터과학
- 아마존해킹
- CS스터디
- HDD와 SSD의 차이
- 공개API
- 퀵정렬
- 알고리즘 문제 풀이
- 아키네이처
- 이진검색
- 1일 1로그 100일 완성 IT지식
- es6
- API요청
- 데이터분석
- 빗썸데이터
- es3
- 주식스팸
- 브라우저 작동원리
- 한국디도스
- es6문법
- 비전공자개발정리
- 숫자구하기
- 네트워크해킹
- ES5
- ECMA설명
- 트위터해킹
- 자바스크립트표준
- ES차이
- 프로세서 속도와 심장 박동수
- Today
- Total
개발일지
redux 코드 사용 관련 팁들. 내가 잘못한 것들에 대한 피드백 본문
개발 공부를 시작하니 총 3달이 되어 가는 과정에 급한 진도를 빼느라 따라했던것들이 잘못된것이라면??
혹은 잘못된지도 몰랐다면?? 홀리시이시이잇~ 그래서 몇가지 피드백 받은것들을 적어보자구
1. action.payload에는 한가지 값만 들어간다.
위에는 모르고 디스패치에 값을 여러개 넣어놓고 그냥 쓰고있는거다 정작 들어간느건 username 하나일것이다.
근데 회원가입과 로그인에는 전역상태가 필요없으니 확인도 안하고 그냥 저렇게 코드를 내버려 두고 있었다.
리더님이 말한다 이게 왜 여기에서 필요한지 이유를 꼭 생각하라고.
혹시나 사용한다면 이런식으로 담아서 data를 보내야겠지
2. 미들웨어를 왜 쓰는지
리덕스 미들웨어는 액션과 리듀서의 중간자이고 액션을 디스패치 할 때 사전에 지정된 작업을 실행할 수 있게 해준다.
게시물 저장을 한다면 액션이 만약 post면 리듀서에서 푸시를 하기전에 어떤 데이터를 담을것이고 어떤 곳으로 요청을 보낼지를 정할 수 있다.
근데 이런게 필요없는게 로그인 ,회원가입 난 이걸 왜 쓰고 있었을까,.보통 thunk를 많이 쓰며 비동기처리를 할 수 있는데 미들웨어에 대한 코드가 하나도 없었다는 점. 생각하면 그 전 코드도 복사해오다보니
그대로 사용하고 필요없는지도 모르고 이게 틀이라서 그냥 쓴거다 . 제길;
3. 리덕스 툴킷을 왜 쓰냐
리덕스는 전역상태관리로 툴킷을 사용하면 더 짧고 효율적이게 작성할 수 있다. 설치할 패키지도 줄이고 보일러 플레이트라는 코드가지들을 정리할 수 있다.
4. 전역상태관리를 하는데 로그인, 회원가입에도 액션을 써야하느냐
아무것도 모르고 코드를 작성하고 있었구나를 이번에 좀 제대로 느낀것 같다. 그 전에는 내가 쓴다고 누가 봐주지도 않았고 완성을 해야지만 검사를 맡던지할텐데 그럴 실력도 아니었다. 근데 이번에 리더님이 한 번 봐주시면서 뭔가 많이 배운느낌이 들었다.
전역상태관리란 새로고침을 하면 없어지는 것들로 기본적인것들은 초기값에 지정해둔다. 그럼 전에도 다른 블로그를 보면서 궁금한 점이 이렇게 작은 데이터를 쓰고 작은 사이트를 만드는데 리덕스르 굳이 써야하나?? useState로 관리하면 안되나 싶었는데 우린 일단 프로젝트 처럼 혹시 모를 거대사이트 준비를 하기때문에 리덕스를 사용한다. 근데 그렇다면 리덕스를 알고 써야지 상태관리하는데 로그인,회원가입 보안이 중요한 정보들을 상태관리 한다고 저장해 놓으면 쓰나?? 응??
큰틀을 알아야 보인다. 뭐를 써야하고 이걸 왜 쓰고 효율적으로 쓰려면 무슨 행동을 하고 구글링해서 뭘 찾아야하는지.
분발하자
'리액트' 카테고리의 다른 글
JWT, Access, Refresh Token (0) | 2022.06.30 |
---|---|
navigate를 사용했는데 Invalid hook call. error 해결법 (0) | 2022.06.28 |
리액트,스프링 axios 연결 CORS 오류 / has been blocked by CORS policy: No 'Access-Control-Allow-Origin' (0) | 2022.06.12 |
비밀번호 확인 2개 인풋 비교하기 (0) | 2022.06.10 |
key={index}를 사용하면 안되는 이유 (0) | 2022.06.09 |