useRef에서 ref는 current라는 단일 프로퍼티를 가지면서 도대체 왜 ref를 객체로 만들었을까????????????????
타입스크립트 질문선별
코딩테스트 문제풀이는 29일까지 쉬어가기로 함
질의응답
보경
미림/영은
- `forwardRef` : 정리해야지~ 하고 다른거 정리하느라 까먹었는데 언급해주셔서 좋았다.
미림
- 긴급 내용 good
영은
- 부모/자식 간의 요소를 전달하는건지 ? 걍 다른컴포넌트로 전달해주는줄 알았따
전체적인 느낀점
- useState랑 useEffect같은경우 자주 사용해서 관련된 어떤 글을 봐도 술술 읽히는데 그 외의 훅들은 늘 새롭다ㅋㅋ 오늘 스터디 준비하면서 이정도면 거의 완벽하게 이해했군 했는데도 다른분들 정리한거보면 술술 안읽혀서 아직 많이 부족한것같음.
- 나한테 안와닿는 내용 위주로 정리를 하다보니 중요한 내용(메모이제이션을 남용하는것은 좋지않다 등)들을 다 놓친것같음
- 지금 진행중인플젝 성능이 정말 구린것같던데 최적화해야겠다 ...
미림
보경님
- (6) React.memo, useMemo 예제 코드에 props 객체 구조 분해하는 부분이 빠진 것 같음
- (6) memo, useMemo, useCallback 비교 굿
- (7) 클래스 컴포넌트에서 사용하는 createRef 짚어주신 점 굿
- (7) 마지막 예제에서 주석에 useMemo가 아니라 memo가 아닌지?
영은님
- (6) useCallback이 함수 생성을 막지는 못한다고 알고 있음
- (7) forwardRef에서 ref 전달 방향은 자식->부모가 아니라 부모->자식 아닌지?
- (7) forwardRef, useImperativeHandle 짚어주신 점 굿
느낀 점
- useMemo, useCallback 쓰는 게 안 좋다는 말을 많이 들었는데, 공식 문서에서는 쓰나 안 쓰나 비슷해서 가능하면 많이 채용하는 팀들도 있다고 해서 놀람
- useRef에서 왜 ref를 객체로 만들었을까?
정욱
개인적으로는 아직 useMemo, memo와 같은 최적화 기법을 사용해본 적은 없음
그러나 useCallback의 경우, effect 내에서 함수를 사용하기 위해 사용하는 코드를 많이 본 것 같다!
실무에서 사용되는 경우를 한 번 보고 싶음
의존성 배열이나 props로 전달된 함수나 객체가 동일한 듯 보여도 왜 React가 다르다고 해석하는 지가 중요할 듯
보경, 미림
- (6) 예시 코드 Good
보경
- (6) 고차 컴포넌트 언급 Good!!!
- (6) React 렌더링 다시 정리하기 Good
- (7) '생애주기를 유지한다'는 표현은 약간 모호할지도?
미림
- (7) 간만에 표가 등장해서 살짝 반가움ㅋㅋ
영은
- (6) 메모이제이션 자체에 대한 설명 Good
영은
보경 (6): createRef 는 처음보는개념이라 신기하다.. 이전에는 이런게 있었구나,,
미림 (6): 이해한 부분을 본인의 언어로 정리한게 좋다. 🚨부분은 다시 한번 상기 해서 좋다.
uraflower
commented
6 months ago
날짜
2024.04.22
참석자
✅ 참석자: 미림, 보경, 영은, 정욱
스터디 주제
React(hooks)
회의 내용
질의응답
보경미림정욱영은다음 스터디 주제