react

이렇게 간단해도 되나 싶을 정도로 너무 간단하다.npm init vite 를 실행하면프로젝트 이름 설정프레임워크 설정 (vanilla, vue, react, preact, lit svelte)typescript를 선택할 것인지 여부이렇게 선택만하면 기본셋팅이 완료된다.

파일저장시 linting은 필수다.본인은 npm init vite 를 통해 react-ts를 선택하였다.요렇게 해주니까 파일저장할 때 airbnb lint 설정에 맞춰서 linting후 잘 저장됌.

interface를 정의해놓고 필요로하는 services에서 사용하기 위해서 export, import를 진행하였으나 Re-exporting a type when the '--isolatedModules' flag is provided requires using 'ex

클래스기반 컴포넌트에서 사용하는 라이프 사이클들이 있다.componentWillmount, componentDidMount 등등useEffect 훅의 아이디어는 이러한 라이프사이클 방법과 근본적으로 다르다.우리는 함수형 컴포넌트에서 리액트 트리 바깥쪽에 있는 state

컴포넌트의 props가 바뀌지 않았다면 리렌더링을 방지하여 성능최적화를 이뤄보자!작은 단위의 컴포넌트도 React.memo로 감싸주면 된다.그런데 함수가 참조하고 있는 값이 바뀌면 함수들은 다시 만들어진다.참조되는 값을 없애고 함수형 업데이트로 변경해준다.이렇게 해주면

React.memo()는 HOC 이며 props가 바뀌지 않으면 리렌더하지 않는다.불필요한 리렌더링을 유발함.컴포넌트가 리렌더할 때 그 하위 컴포넌트들도 모두 리렌더링 된다는 사실은 다들 알고있을것이다.컴포넌트가 prop으로 새로운 함수를 받으면 매번 리렌더링이 발생한