React Study Week 3 회고록

3주차 주간회고록

기간: 2024.02.28 (수) ~ 2024.03.06 (수)

🤟 핵심 3줄 요약

• 정신 차리자
• 이번주는 시간관리를 정말 못했다
• 뭔가 벌써 지친건지 강의, 공부에 집중이 모두 안됐다

✨ 이번주 목표 ✨

• 챌린지 결석하지 않기
• 1조 노션에 올라오는 조원분들 코드 전부 다 리뷰하기

🎁 칭찬하고 싶은 점, 좋았던 점

• 1조 노션에 올라온 조원분들 코드 전부 다 리뷰 한점

💧 고치거나 버려야 할 점, 아쉬웠던 점

• 늦게 자는 것
• 늦게 일어나는 것
• 집중 못하고 계속 딴짓 하는거(디스코드, 유튜브, 카톡)

💻 일일 스프린트 작성

매일매일 챌린지 퀴즈 제출과 코드 챌린지를 결석하지 않는게 목표이자 스프린트 였습니다!

🧑‍💻 이번주에 공부한 내용

• 알쏭달쏭 자바스크립트 연산자
• 알쏭달쏭 자바스크립트 비교연산자
• nullish 병합 연산자 ??
• 함수 표현식 vs 함수 선언문
• 화살표 함수 기본
• JavaScript의 Memory
• JavaScript의 Memory Leak
• V8 엔진의 GC
• 컴포넌트 사이에 state 공유하기
• Context를 사용해 데이터를 깊게 전달하기
• React.memo와 useMemo의 차이점

🤩 새롭게 알게 된 것

자바스크립트에서 == 연산자를 사용하면 왜 결과값이 예상과 다르게 나왔는지에 대해서 찾아봐서 알게 되었다.

그리고 아이쓰님 코드를 리뷰하면서 memory free 관련해서 질문을 남겼었는데,
감사하게도 그냥 지나쳐주지 않으셔서 GC에 대해서 조금 찾아볼 수 있었다! (데비난님?께서도 좋은 자료를 공유해 주셨다)

Android할때와 크게 다르다는 느낌은 없어서 이해하는데 큰 어려움은 없었다.

또 코드리뷰를 하면서 Salt님의 TS코드에서 오브젝트가 어떤 값을 가지고 있는지 검사할때 hasOwnProperty라는 메소드를 사용하시는걸 배웠다.

나는 key in object 이렇게 사용했는데(파이썬 스럽네?ㅋㅋ) 당연히 O(n)일건 예상했는데 hasOwnProperty는 O(1) 이라고 하셔서 놀랬다. 잘 기억해 두었다가 자주 써먹어야겠다.

그리고 local storage 만드는 과제를 하면서 doc을 참고해서 내 object에는 JSON.stringify()를 이용해서 모두다 문자열로 바꿔버렸는데,
Salt님 코드를 보고 분석해보니 그럴필요없이 객체의 value로 list, object 다 잘 들어가는걸 확인했다.

많이 보고 많이 경험하고 배우자

궁금하거나 더 배우고 싶은 것

아직은 배우고 있는 내용들을 소화하는데 집중하려고 한다.

그리고 조원분들의 코드를 리뷰하는게 재밌는데, 혹시 읽으시는 조원분들이 계시다면 적극적으로 많이 올려주셨으면 좋겠다 :)

동시에 내 코드도 피드백을 많이 받고싶다, 그래야 성장할 수 있으니까.

🤔 질문

질문도 내가 뭘 알아야 하는데 아직 그정도도 안된것 같다.
추후에 궁금한게 생기면 먼저 스스로 리서치해보자.

아!! 커피챗을 위해서 커피챗 메이트이신 쩔미님와 DM을 나누었는데, 너무 너무 너무 재밌다.

뭐랄까 희망하는 사람들에 한해서 다른조 분들과의 커피챗 혹은 소규모로 그룹커피챗을 해도 재밌을거 같다는 생각이 들었다.

서로 비슷한 백그라운드, 비슷한 골을 갖고 모인 그룹이다 보니 서로 잘 이해할 수 있고, 또 이야기가 잘된다라는 느낌을 받았다.
(그리고 많은 사람들을 알아가면 그것또한 귀한 휴먼리소스 아닌가!?)

💁 기억에 남는 것

hasOwnProperty와 객체의 값으로 죄다 할당해도 다 잘 받아먹을 수 있다?

💖 이번 주 활동

• 디스코드 새벽반
• 공유해주신 조원분들의 코드 전부 다 리뷰
• 커피챗 메이트 이신 쩔미님과 DM