본문 바로가기

development/React8

[React.js] Shallow compare와 Class component에서의 최적화 (22.04.13. 내용 수정 및 추가) 들어가며 안녕하세요. 이번 포스팅에서는 Shallow compare 와 Class component 에서의 최적화에 대해 말씀드리려고 합니다. 메모리에 대한 이해가 있으시면 좀 더 쉽게 이해하실 수 있습니다. 물론 없어도 무관 합니다. 최적화란 무엇일까요? 최적화란 말 그대로 성능을 개선하여 가장 적은 비용으로 가장 좋은 퍼포먼스를 낼 수 있도록 하는 것입니다. 들어는 봤는데, 너무 어렵지 않나요? 'Webpack을 이용하여 build한 파일을 경량화하고, 의존성을 파악하여 코드 스플리팅을 진행하고.. ' 맞습니다. 최적화는 깊이 파고들면 어려운 방식들이 가득합니다. 하지만 위와 같이 어려운 작업은 하나씩 천천히 진행하면 됩니다. 너무 어려운 작업 말고, 작업 중에서도 가장 쉽게 접근할 수 있는 방법에 .. 2021. 6. 17.
CRA를 이용해서 Typescript 프로젝트 만들기 (+ 유사 절대 경로 설정하기(vsCode)) 이번 포스트는 정말 간단하다. Create-React-App(이하 CRA)을 이용해서 Typescript 프로젝트를 만들어 볼 것이다. 0. 이번 프로젝트는 yarn을 사용한다. yarn 다운로드 방법에 대해서는 공식 홈페이지를 참고하자. https://classic.yarnpkg.com/en/docs/install # Typescript React Project 만들기 1. global로 CRA를 설치한다. > yarn global add create-react-app 터미널에 명령어를 입력하면 설치가 된다. mac OS의 경우 권한이 없다고 에러가 나올 수 있는데 global install의 경우는 명령어 앞에 sudo 를 붙여줘야 한다. * mac OS: > sudo yarn global add c.. 2020. 5. 21.