프론트엔드 18 [리액트] React.memo를 이용해 성능 최적화를 해보자 React.memo가 필요한가? 어느 때와 같이 기획문서를 보고( 실은 기획자가 없어서 뇌리에 스치는 게 기획) 컴포넌트를 만들고 있었습니다. 이번엔 차트와 관련된 컴포넌트를 구현하고 있어서, Plotly 라이브러리를 활용해 미리 만들어놨던 컴포넌트에 테스트를 붙이고 구현하고 푸시를 했습니다. 문제 인식 | 성능이 구려 푸시를 하면 일단 기분이 좋기 때문에 완성된 모습을 뿌듯하게 쳐다보고 있는데 자꾸 버벅이는 느낌이 들어 바로 파고들어가 봅니다. 콘솔 창을 열고 확인을 해보니 같은 요청이 여러번 날아가는 것을 확인했습니다. 데브툴로 봐도 같은 prop임을 확인했습니다. 같은 요청 & 같은 데이터 --> 여러번 랜더링 -> 잘못된 구조 --> 최적화라는 뇌피셜 로직이 수행되었고 바로 어떤 컴포넌트인지 확인.. 2022. 1. 3. [개발환경] 프론트엔드 개발환경의 이해와 실습 강좌 후기 프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..) - 인프런 | 강의 이미 만들어 놓은 개발 환경을 이해할 수 있어요. 처음부터 직접 개발 환경을 만들 수 있어요., 웹팩, 바벨, 린트 같은 프론트엔드 기술을 이해하고 실무에 적용해 보세요! [사진] “웹팩은 팀에 www.inflearn.com 인프런에 올라온 프론트엔드 개발환경의 이해와 실습 강조 후기입니다. 대부분의 주니어 개발자는 다음과 같은 이유로 개발환경 세팅은 접해보지 못했으리라 생각합니다. 이미 다른 사람에 의해 되어있다. (프로젝트 중간에 합류) 프론트 엔드도 모르는데 개발환경 세팅까지 할 여유는 없다. 그냥 되어있는대로 써도 동작하기에 상관없다. 위의 3가지는 솔직히 제 얘기입니다. 새로운 프로젝트를 시작했.. 2021. 7. 23. 이전 1 2 3 4 5 다음
