React.memo로 컴포넌트 최적화하기 (ft. useMemo, useCallback)

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ม.ค. 2025

ความคิดเห็น • 97

  • @keunbai1
    @keunbai1 2 ปีที่แล้ว +16

    국내외 리액트 유튜브 강의 중 단연 최고입니다. 채널 성공하셔서 많은 분들께 좋은 강의 들려주시길 응원합니다.

    • @starcoding
      @starcoding  2 ปีที่แล้ว

      좋은 말씀 감사합니다! 😁😁😁

  • @강경석-c5g
    @강경석-c5g 2 ปีที่แล้ว +2

    리액트를 3년째 쓰고있지만 이것만큼 명료하게 설명할수 있는 유튜브는 없는 것 같습니다.

    • @starcoding
      @starcoding  2 ปีที่แล้ว

      감사합니다! 영상이 도움이 된거같아 기쁘네요 ㅎㅎ 다음 영상도 기대해주세요😄

  • @배고픈햄찌-j7d
    @배고픈햄찌-j7d 2 ปีที่แล้ว +5

    정성스러운 강의 감사합니다!!! 분명 유튜브 채널 성공하실거에여!!! 최고의 명강의

    • @starcoding
      @starcoding  2 ปีที่แล้ว

      감사합니다!!! 영상이 도움이 되었다니 기뻐요 ㅎㅎ😆

  • @wor0927
    @wor0927 ปีที่แล้ว

    오랜만에 생각나서 다시 리액트 시리즈 들으러왔는데 정말 잘 알려주시네요. 들으면 들을수록 리액트 hooks에 취한다! 🍺
    그러니 다시 돌아와 주세요 ㅠㅠ

  • @할수이따-s7z
    @할수이따-s7z 2 ปีที่แล้ว

    목소리도 스윗🤭 강의내용도 스윗🤭 길동아 사랑해💕 공부 할 맛 납니다 🤓 항상 감사합니다 🙏

    • @starcoding
      @starcoding  2 ปีที่แล้ว

      너무너무 스윗한 댓글 감사해요~~ 😊😊😊 리액트 공부 화이팅이예요!

  • @komorebi4894
    @komorebi4894 2 ปีที่แล้ว +1

    리엑트 강좌중에서는 최고 입니다. 계속 좋은 강의 부탁드립니다.

    • @starcoding
      @starcoding  2 ปีที่แล้ว

      감사합니다! 유익한 강의로 찾아뵐게요~

  • @이남규-i4v
    @이남규-i4v ปีที่แล้ว

    유튜브 댓글 몇 십년만에 달아보는데 진짜 쉽게 잘 가르치시네요..ㄷㄷ

  • @이탱-i4t
    @이탱-i4t ปีที่แล้ว

    다큐멘터리 성우 같으십니다
    조곤조곤 듣기 편안하게 설명 진짜 잘해주셔요
    감사합니다.

  • @lsh9581
    @lsh9581 ปีที่แล้ว

    이런 채널을 이제야 알다니.. 면접 준비하는데 큰 도움 받고 있습니다. 너무 감사해요👍🏻

  • @sugoijapanese-d3v
    @sugoijapanese-d3v 5 หลายเดือนก่อน

    이 분 강좌가
    제일 깔끔하네요

  • @뎅뎅군
    @뎅뎅군 2 ปีที่แล้ว +2

    대박영상 초보가 실수하고 이해안가는것 다 찝어주셧네요

    • @starcoding
      @starcoding  2 ปีที่แล้ว

      도움이 된거같아 기뻐요 ㅎㅎ 감사합니다!☺️

  • @아이깨끗해-o3f
    @아이깨끗해-o3f ปีที่แล้ว

    선생님,,, 퀄리티 무엇

  • @FSDQWFD
    @FSDQWFD 4 หลายเดือนก่อน

    강의 진짜 잘하시네요

  • @Jerry-e7p
    @Jerry-e7p ปีที่แล้ว +1

    영상 감사합니다!!!

  • @보람-j4c
    @보람-j4c 2 ปีที่แล้ว +1

    많은 유료인강을 들어봤지만 이렇게 이해가 잘되는 강의는 처음이에요 감사합니다🙌🙌 앞으로도 좋은 영상 많이 올려주세요!!!

    • @starcoding
      @starcoding  2 ปีที่แล้ว

      감사합니다! 도움이 되어서 다행이예요!! 다음 영상에도 흥미로운 주제로 찾아뵐게요 :)

  • @김민찬-b4s
    @김민찬-b4s 2 ปีที่แล้ว

    돌아와주셔서 감사합니다. React에 대한 이해로 별코딩님만큼 좋은 곳이 없어서 주변에 추천중이에요!

    • @starcoding
      @starcoding  2 ปีที่แล้ว +1

      민찬님 이번 영상도 보러와주셔서 감사해요! 더 유익한 영상으로 계속 찾아뵐게요 😆😆

  • @itjustbong
    @itjustbong 2 ปีที่แล้ว +1

    진짜 설명 잘 하시네요...!🙂

    • @starcoding
      @starcoding  2 ปีที่แล้ว

      감사합니다! 영상이 도움이 되었길 바라요 ㅎㅎ

  • @simple_hadee
    @simple_hadee 2 ปีที่แล้ว

    이 영상만을 기다렸습니다!!!
    훅 강의 덕분에 리액트를 1주일잡고
    공부를 할수있었습니다ㅎㅎ
    주말 잘보내세요~

    • @starcoding
      @starcoding  2 ปีที่แล้ว

      기다리시던 영상이라니, 너무 기쁘네요! 리액트 공부 화이팅입니다! 하디님도 좋은 주말 보내세요 😄

  • @김승완-z4c
    @김승완-z4c ปีที่แล้ว

    한 방에 이해가 너무 잘 되었습니다! 좋은 강의 정말 감사합니다!

  • @홍성원-d8d
    @홍성원-d8d 2 ปีที่แล้ว +1

    좋은강의 감사합니다!! 항상 잘 보고있습니다!!

    • @starcoding
      @starcoding  2 ปีที่แล้ว

      감사합니다! 영상이 도움이 되었길 바라요 :)

  • @hiiiiiiii_232
    @hiiiiiiii_232 2 ปีที่แล้ว

    별슨생님!! ⭐ !! 친절한 강의 항상 감사드립니다!! 이번 영상도 감사히 잘보겠습니다!!!👍👍

    • @starcoding
      @starcoding  2 ปีที่แล้ว +1

      영상이 도움이 되길 바랄게요! 찾아와 주셔서 감사합니다 🙌🙌🙌

  • @ssossoking
    @ssossoking 2 ปีที่แล้ว

    차분하지만 지루하지 않은 설명에 정말 반했습니다. 리액트를 하고 있지만 기본개념이 제대로 안잡힌 저에게 딱 좋은 영상이네요 정말 감사합니다!

    • @starcoding
      @starcoding  2 ปีที่แล้ว +1

      감사합니다 😆앞으로도 좋은 영상으로 찾아뵐게요!

  • @jyreact
    @jyreact 2 ปีที่แล้ว

    기다리고있었습니다 선생님!!

    • @starcoding
      @starcoding  2 ปีที่แล้ว

      기다려주셔서 감사합니다! 영상이 도움이 되었으면 좋겠어요 😄

  • @mihyunlee1065
    @mihyunlee1065 2 ปีที่แล้ว +1

    왜 이제오셨어요 엉엉 얼마나기다렸는데 ㅠㅠ 제발 저희 중생들 버리지말아주세요 ㅋㅋㅋㅋ

    • @starcoding
      @starcoding  2 ปีที่แล้ว +1

      죄송해요 ㅠㅠㅠ 요 몇달간 일에 치여살다보니 계속해서 업로드가 늦어져버렸네요 😭 영상 너무너무 올리고 싶었는데 기다리고계셨다니 정말 감동입니다~~

  • @jun-w7x
    @jun-w7x 2 ปีที่แล้ว

    리액트 강의 너무~너무~잘보고 있습니다
    이해도 잘되고 너무 좋은데요
    제가 pc로 영상을 볼때는 영상의 코드 소스랑 웹하면이 너무 잘보여서 몰랐는데
    출퇴근 및 화장실에서ㅎㅎ 폰으로 보면 영상속 소스가 잘 안보이더라구요
    그래도 강의 너무 잘보고있습니다~!!

    • @starcoding
      @starcoding  2 ปีที่แล้ว

      앗 그렇군요! 화질을 어떻게 하면 개선할수 있는지 여러가지 찾아봐야겠네요. 영상편집이 아직 서툴러서 모르는게 많습니다 하하 😅. 폰트 사이즈를 조금 더 키우면 스크롤때문에 보기에 방해가 되지는 않으실까하는 걱정도 있네요 🥲 좋은 피드백 너무 감사합니다!

  • @권혜원-g9b
    @권혜원-g9b ปีที่แล้ว

    선생님 진짜.. 선생님 덕분에 리액트 훅에 대해 이해했어요. 감사합니다!! 염치없지만 자바스크립트와 리액트에 대해 더 많이 알려주시면 감사하겠습니다.!!

    • @starcoding
      @starcoding  ปีที่แล้ว

      영상 봐주셔서 감사합니다~ 더 유익한 영상으로 또 찾아뵐게요!

  • @MrPatrm93
    @MrPatrm93 2 ปีที่แล้ว +2

    최적화를 위한 useMemo, useCallback, React.memo에 대해서 이해가 잘 안갔는데, 영상 3개보고서 어느정도 개념이 잡힌 것 같습니다!! 간결하고 짧지만 쉽게 이해 가능한 예제들 보여주셔서 더욱 쉽게 이해됐어요! 감사해요~!

    • @starcoding
      @starcoding  2 ปีที่แล้ว

      useMemo, useCallback, React.memo만 적절한때에 잘 사용하기만 해도 굉장히 많은 문제들을 해결할 수 있지요 ㅎㅎ 영상 봐주셔서 감사해요! 앞으로 리액트 공부도 화이팅입니다

    • @hanal1850
      @hanal1850 ปีที่แล้ว

    • @hanal1850
      @hanal1850 ปีที่แล้ว

    • @hanal1850
      @hanal1850 ปีที่แล้ว

      ㅡㄷ

    • @hanal1850
      @hanal1850 ปีที่แล้ว

      13:05

  • @돌파장인
    @돌파장인 8 หลายเดือนก่อน

    강의 감사합니다. 이해가 너무 잘되어 시간가는줄 모르겠어요

  • @tkerss
    @tkerss 2 ปีที่แล้ว

    정말 이해가 잘 가도록 설명을 잘 해주시는 것 같아요! 헷갈렸던 개념 제대로 바로 잡았네요 감사합니다🙏

    • @starcoding
      @starcoding  2 ปีที่แล้ว

      useMemo와 useCallback을 React.memo와 함께 사용할때 그 유용함이 폭발적으로 증가하죠 ㅎㅎ 영상 봐주셔서 감사합니다!

  • @jeffrey0208
    @jeffrey0208 2 ปีที่แล้ว

    와 최고

  • @lumi4072
    @lumi4072 2 ปีที่แล้ว

    감사합니다ㅜㅜ💕

    • @starcoding
      @starcoding  2 ปีที่แล้ว

      시청해주셔서 감사해요~~

  • @이수빈-j7v
    @이수빈-j7v 2 ปีที่แล้ว

    안녕하세요 좋은 강의 감사하게 잘 보고 있습니다.
    코드에서 궁금한 점이 있어서 댓글 남깁니다.
    18:11에서 오브젝트를 예를 들어서 설명을 해주셨는데 Child 컴포넌트에 이런식으로 문자열을 props로 전달해주면 usememo를 사용하지 않아도 원하는 결과를 얻을 수 있지 않은가요?

    • @starcoding
      @starcoding  2 ปีที่แล้ว

      네, Child 컴포넌트가 React.memo로 감싸져 있다면 그렇게 하셔도 원하는 결과를 얻으실 수 있어요 :)

  • @anonymous_planet-l3m
    @anonymous_planet-l3m 2 ปีที่แล้ว

    영상 잘보고있습니다

    • @starcoding
      @starcoding  2 ปีที่แล้ว

      감사합니다! 😆

  • @하욥-l4l
    @하욥-l4l 2 ปีที่แล้ว

    선따봉 후시청

    • @starcoding
      @starcoding  2 ปีที่แล้ว

      선따봉 후시청 감사합니다! 😎

  • @허원일-o1d
    @허원일-o1d ปีที่แล้ว

    저만 알면 좋겠지만 많은 분들이 보고 구독자 수도 늘어나면 더욱 좋겠네요

  • @Non-o5p
    @Non-o5p ปีที่แล้ว

    선생님 usecallback에 빈의존성배열을 전달하는 이유는 무엇인가요..? 버튼을 누를때마다 나오는것인데...! 빈의존성배열은 페이지 업로드시 한번만 호출해주는것 아닌가요?? ㅠㅠ 이유가 궁금합니다😢

    • @MrKimhonor
      @MrKimhonor ปีที่แล้ว +2

      첫 렌더링 시에만 함수가 생성되게 하려는 목적으로 빈 의존성 배열을 전달합니다 :)

    • @starcoding
      @starcoding  ปีที่แล้ว

      정확합니다!

  • @진영-y6z
    @진영-y6z 2 ปีที่แล้ว

    영상 너무 깔끔해서 이해가 쏙쏙 됬습니다!
    react hooks 시리즈 너무 좋은거 같아요 ㅎㅎ
    보다가 궁금한 점이 생겨 댓글 남겨봅니다!
    1. 제가 이해한 훅이 이게 맞는건지
    useMemo - 주로 자바스크립트 객체를 메모리에 보관 후 필요할때만 호출되어 컴포넌트 렌더링 최적화
    useCallback - 주로 자바스크립트 함수를 메모리에 보관 후 필요할 때만 호출되어 컴포넌트 렌저링 최적화
    React.memo - 주로 자식 컴포넌트를 메모리라이징하여 부모 컴포넌트가 재렌더링 될 경우 자식 컴포넌트는 prop 체킹하여 prop의 변화가 없는 경우 렌더링을 막음으로써 렌더링 최적화

    • @starcoding
      @starcoding  2 ปีที่แล้ว

      감사합니다! 도움이 된것 같아 기뻐요 ㅎㅎ
      useMemo와 useCallback부분을 조금만 바꿔서, 이렇게 묘사하면 좋을 것 같아요!
      useMemo - 계산된 어떠한 결과값을 메모리에 저장(메모이징)하고 의존성 배열이 변경되었을때만 다시 계산한다
      useCallback - useMemo와 같은 맥락이지만, "값"이 아닌 "함수"를 메모이징한다

  • @xxonhi9678
    @xxonhi9678 2 ปีที่แล้ว

    ㅠㅠㅠㅠ 버리지마요 ㅠㅠㅠㅠㅠㅠㅠ 감사합니다

    • @starcoding
      @starcoding  2 ปีที่แล้ว

      그럴리가요 ㅠㅠㅠ 다음 영상도 열심히 준비해서 찾아올게요 😍

  • @Jeffrey9965
    @Jeffrey9965 2 ปีที่แล้ว

    정말 감사합니다!! 자막도 있으면 더더욱 좋을 거 같아용

    • @starcoding
      @starcoding  2 ปีที่แล้ว

      피드백 감사합니다!! 😍

  • @aaron-kim00
    @aaron-kim00 2 ปีที่แล้ว

    Thank you

  • @YAN-gd2yy
    @YAN-gd2yy ปีที่แล้ว

    왜 구독자가 6천명 밖에 없는거지? 미쳤다

  • @jasonoh5037
    @jasonoh5037 2 ปีที่แล้ว

    Two thumbs up!

    • @starcoding
      @starcoding  2 ปีที่แล้ว

      👍👍 Thank you!

  • @랄룰라룰룰
    @랄룰라룰룰 2 ปีที่แล้ว

    꺄 체고

  • @히우우웅
    @히우우웅 2 ปีที่แล้ว

    쌤최공

  • @useryou9659
    @useryou9659 9 หลายเดือนก่อน +1

    지기노

  • @최인선-u1l
    @최인선-u1l 8 หลายเดือนก่อน

    감사합니다!!!