TIL

2023.04.24.월

🎈외부 강의 듣기 시작

다른 사람들은 리액트 숙련강의도 이해하고 추가강의도 듣는 경우가 많았다. 나는 기본강의부터 이해를 잘 못해서 계속 스트레스를 받고 있다. 자꾸만 잠이 든다. 자바스크립트나 웹종강의 모두 2주차까지 이해하고 3주차부터는 계속 꾸벅꾸먹 졸고, 집중도 못하고 이해도 못하는 상태이다. 어제는 졸더라도 보려고 계속 진도를 나갔는데, 결국 여러강의를 들었는데도 졸면서 봐서 머리에 하나도 안 남아있었다. 진도를 따라가지 못해서 계속 고역이었는데, 그냥 내 속도와 수준에 맞춰야 겠다. 내가 집중이 되는 수준과 스타일의 강의를 들으며 성장하는 방법을 써야 겠다.
-애플코딩 리액트 강의 : 할인코드 적용받아 7만원대 결재
-노마드코더 리액트 강의 듣기 시작

🎈React Lv.2 과제

사실 2명씩 짝지어서 React level2과제를 해야 하고 그러려면 리덕스를 사용하고 Ducks패턴으로 구현해야 하고.. 뭐 그런 조건을 갖추어야 하는데, 아직 무슨 말인지도 이해가 안가서...그냥 짝에게 양해를 구하고 일방적으로 배우는 방식으로 가야 할 것 같다. 짝이랑 같이 과제를 해야 한다는 것때문에 지난주부터 엄청 괴로웠다. 강의는 소화를 못하고 과제는 해야하고, 민폐가 될까 너무 미안하고...

❗해결됨

✅빈폴더 만들어 둔 게 있어서
터미널에 yarn create react-app 새폴더명(나중폴더)쳤더니

나는 한참 다운로드되고 'cd 나중폴더명, yarn start 화면에 나옴'요렇게 될 걸로 생각했는데 에러뜸. 구글링에서 이렇다고 함.

알고보니 yarn create..를 yarn creaate라고 씀.ㅎㅎ 잘 쓰니까 다운로드됨

✅왜 계속 에러나나 했는데 요렇게 'set좋아요'를 먼저 썼어야 함.

❓해결 필요

🟩애플코딩샘이 요렇게 하면 '글수정'버튼 누르면 여자코트로 바뀐댔는데 안됨-> ram에 가서 ['여자코트',..]로 내용 바꿈.하지만 array를 수정했지 변수에 있던 화살표는 수정안됨. 얘는 신규랑 기존state가 같다고 생각해서 state변경 안해줌.

🟩(강의 내용 적었는데 아직 이해 안간 부분)state직접 수정하는 게 아니라 카피본 만들어서 인덱스 맞춰서 수정해야 함. 이때 [...]을 써줘야 동작 함. why?복사를 했기 때문에 copy는 기본state랑 다른데도 수정 안됨. 글제목이 변수에 저장되어있던 건 화살표밖에 없음,copy에 let글제목에 있던 화살표가 복사됨. 변수1,변수2화살표가 같으면 변수1==변수2비교해도 true나옴. 여자코트로 바꾼 후에 console.lg(copy==글제목)찍으면 true나옴.
array.object는 reference data type이라서 그럼.
[...글제목]:...는 괄호 벗겨주세요라는 문법->[]그 다음에 다시 괄호 씌어주세요->완전히 독립적인 사본(이러면 화살표도 달라짐), 이제는 새로운 state라고 생각해서 수정 잘 됨.

state변경함수 특징
기존state==신규state의 경우 변경 안해줌
array/object특징
arry/object 담은 변수엔 화살표만 저장됨
let arr =[1,2,3]; [1,2,3]을 arr에 넣어주세요가 아님
[1,2,3]은 RAM의 미지의 공간에 있는 것이고 화살표만
*state가 array/object면 shallow copy(deep copy)를 만들어서 수정해야 함