lomangim1230708

아 맞네요 ... setQueryData로 하니 저장 잘 되네여 ㅠㅠ setQueryData 할때 있는 key 값만 되는 줄 알았는데 onSuccess가 되엇을때 setQueryData에 새로운 key의 생성을 하고 저장 하니 잘 들어 가네요 ㅎㅎ 감사합니다!! ㅎㅎ 제가 그 테스트를 안해봤네요 ㅠㅠ

제로초님 안녕하세요 ㅎㅎ

제로초님 궁금한게 있어서 질문 드립니다!

아 인프런에는 안나오는 군요 그럼 멀티 캠퍼스에서 기다려 보겠습니다!&nbsp;
혹시 지금 클론 코딩 하시는 그게 강의 주제 인가요?? ㅎㅎ
강의 나오게 되면은 유튜브나 인프런이나 홍보 해주세요! ㅎㅎ

제로초님~

감사합니다 ㅎㅎ 제로초님 그럼 한가지 더 궁금한 것이 있는데&nbsp;
<span style="color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, system-ui, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 16px; background-color: #ffffff;">delay같은 것들은 직접 연결 해줬을때 settimeout으로 대체 해줘도 되는데 혹시 문제 되는 부분들이 있나요?
<span style="color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, system-ui, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 16px; background-color: #ffffff;">제가 아직 그런 경우들을 잘 안겪어봐서 <span style="background-color: #ffffff; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, system-ui, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 16px;">useEffect에서 직접구현할때 힘든 점이 있을 까 해서요&nbsp;

제로초님

제로초님 이론 적으로 궁금한게 한가지 있는데
직접적으로&nbsp; useEffect를 사용하여 axios로 비동기 처리를 해줄 수도 있는데&nbsp;
강의에서 들을 때 저희는 useEffect에서 비동기를 직접 처리해주기 보다는 SaGa를 통해서 처리를 해주 잖아요?
그런데 위와 같이 useEffect에서 직접적으로 비동기 통신을 하게 되면은 유튜브에 있는 기초강의에서도 그랬듯이 메모리 누수를 위해 componentWillUnmount를&nbsp; 사용해 줘야 메모리 누수를 막을 수 있다고 공부를 했습니다.
그런 이유 때문에 직접적으로 useEffect에서 직접적으로 비동기 통신을 사용 하게 되면 일일이 컴포넌트당 useEffect를 이용하여 비동기 통신을 해 줄때마다 componentWillUnmount를 해서 메모리 누수를 해줘야 하는 번거로움이 있으니
redux와 redux의 미들웨어들인 덩크나 사가를 사용 하여 직접적으로 접근을 안해도 되고 useEffect에서는 dispatch로 액션을 요쳥만 하면 되니 componentWillUnmount를 해줘도 되지 않고 액션을 받은 비동기 처리 는 사가에서 하게 되고 액션에서 나온 값은 또 redux에서 state에서 관리를 하기 때문에 메모리 누수 까지 생각을 안해줘도 되는 편리 함 때문에&nbsp;
useEffect에서 직접적으로 통신을 할 수는 있지만 직접적으로 하는 것 보다 redux와 saga를 사용 해야 하는&nbsp; 이유가 되는게 맞을까요?
주변에서 이제 막 리액트를 시작 하는 사람들이 저한테 물을 때&nbsp; useEffect에서 직접적으로 비동기 통신을 할 수 있는데 redux에서 state를 관리 해주는 편리 함이 있지만 이걸 왜 스토어 까지 만들어 사가랑 리덕스를 써야 하냐 라고 했을 때 장점을 크게 말을 해주지 못했거근요...
이번에 이런 이슈가 직접적으로 생겨서 왜 사가랑 redux를 사용 해야 하는 이유가 머리 속에 정립이 되는 것 같은데 혹시 제가 생각 하는 그런 부분 들이 맞을까요?
그리고 직접적으로 통신 하는것 보다 리덕스와 사가를 쓰는 좋은 점이 혹시 더 있으면 말씀해주시면 감사하겠습니다!
&nbsp;

none으로 했을 때는 되던데 id와 password를 넣었을 떄는 저 에러가 나면서 안되더라구여&nbsp;

감사합니다!
const arr = [];

&nbsp; &nbsp; &nbsp; &nbsp; for (obj of aa) {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; const idx =&nbsp; arr.findIndex((v) => v.seq === obj.seq)
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (idx > -1) {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // console.log([...arr[idx].Loglog_id, obj.Loglog_id])
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; console.log([obj.Loglog_id])
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; arr[idx].Loglog_id = Array.isArray(arr[idx].Loglog_id) ? [...arr[idx].Loglog_id, obj.Loglog_id] : [arr[idx].Loglog_id, obj.Loglog_id]
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // true라면 스프레드 문법으로 arr[idx].Loglog_id를 넣어주고 추가로 해당 idx의 obj.Loglog_id&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //&nbsp; &nbsp;값을 넣어주고&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // false 라면 arr[idx].Loglog_id 값과 해당 idx의 obj.Loglog_id값을 넣어주어 주는 형식&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; arr.push(obj);
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; &nbsp; &nbsp; }
으로 코드 분석 했는 데 맞을까요???

그리고
앞에
0: {id: "바이"}
1: {id: "헐퀴"}&nbsp;
id라는 키값을 넣어 주고 싶을때는 어떻게 해야 하나요??
[ {&nbsp; id: ...arr[idx].Loglog_id, obj.Loglog_id }]
이런식으로 하니 스프레드 문법으로 에러가 나더라구여&nbsp;
[{ id: arr[idx].Loglog_id, obj.Loglog_id}]
이런식으로 넣으면 토큰에러가 나구여 ㅠ.ㅠ

seq로 묶어서 처리 하려고 하는데&nbsp;

var aa = [
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; seq: 1,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; user_id: "admin",
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; artist:"Bl",
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; log_id: "안녕",
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; seq: 1,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; user_id: "admin",
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; artist:"Bl",
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; log_id: "바이",
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; seq: 2,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; user_id: "test",
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; artist:"sd",
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; log_id: "할룽",
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; seq: 2,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; user_id: "test",
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; artist:"sd",
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; log_id: "오딩",
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },
 {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; seq: 3,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; user_id: "test",
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; artist:"sd",
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; log_id: "오딩",
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }
]
이런 array안에 객체 4개가 있을떄는

결과&nbsp;
[
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; seq : 1,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; user_id: "admin",
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; artist:"Bl",
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; log: [ {log_id: 안녕}, {log_id: 바이} ]
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; seq : 2,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; user_id: "test",
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; artist:"sd",
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; log: [ {log_id: 할룽}, {log_id: 오딩} ]
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },
 {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; seq: 3,
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; user_id: "test",
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; artist:"sd",
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; log_id: "오딩",
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp;
]

이런식으로 같은 seq 끼리만 묶고 같은 seq에서 log만 이렇게 묶으려고 생각 하고 있습니다.

제로초님 해결 하였습니다.
클로저 문제 였었고 클로저 문제로 해결 하였습니다.<img src="https://cdn.inflearn.com/public/comments/fe48fafa-5231-4124-bb6c-fa60c31373a2/클로저.png" title="클로저.png" width="1263" height="684" alt="" />
이렇게 해결 하였습니다.
그런데 이렇게 해결 하는게 맞을까요?

감사합니다.
그러면 제로초님 해당 마커를 클릭을 하였을떄 해당 마커의 네임 값을 가져 오려고 하는데 아무리 찾아 봐도 없더라구여 혹시 찾는 api안에 함수가 있을까요??
<img src="https://cdn.inflearn.com/public/comments/6ee41de6-1ebb-4d8d-8100-e77af02823f8/제목 없음.png" title="제목 없음.png" width="1263" height="684" alt="" />

아무리 찾아 봐도&nbsp;
<img src="https://cdn.inflearn.com/public/comments/72509939-97e3-47c7-bea4-046ed3100c15/a.png" title="a.png" width="1263" height="971" alt="" />
보이지가 않더라구여 ..

lomangim1230708

Posts