TIL

공식 문서에서 CRA(Create React App) 명령어를 사용하여 리액트 프로젝트를 생성 시 npm이 아닌 npx를 활용하도록 나와 있다.npx를 사용하면 CRA 패키지를 다운받고, 프로젝트를 생성 후 CRA 패키지를 지우게 된다.npm을 사용하였다면 무거운 패키

useEffect 안에서 비동기 작업(예를 들면 서버에서 데이터를 불러오는)을 하게 되는 경우가 종종 있다.await을 사용하기 위해선 async를 붙여야 하고, 아래와 같은 코드가 되는데, 이런 경우 에러가 뜨게 된다.useEffect(async () => { aw

원격 git repository를 깔끔하게 관리하고 싶거나, 버전 충돌로 인하여 push가 되지 않는 경우가 있다.그런 경우 유용한 명령어이다.git push origin --delete 원격 브랜치 이름

npx storybook init 명령어를 통해 storybook을 설치했는데, 아래와 같은 에러 메세지와 함께 출력되지 않았다.Using default Webpack5 setup ERR! ValidationError: Invalid configuration objec

화살표 함수에서 반환 부분에 중괄호를 사용한 경우, return 문을 명시해 주어야 한다.

mobile stepper: 1000fab: 1050speed dial: 1050app bar: 1100drawer: 1200modal: 1300snackbar: 1400tooltip: 1500

useEffect 안에 있는 return 문의 경우 컴포넌트 언마운트 시에만 일어나는 지 알고 있었다.그러나 컴포넌트가 언마운트 되지 않아도 실행되는 것을 발견하였다.2번째 인자 값에 dependancy가 존재하고, 이 값이 바뀌는 경우에도 return문이 호출되는 것