react.js

리엑트를 처음 접하고 개발할 다들 한번쯤 경험했을 일이다.

우선적으로 CRA을 설치하는방법

redux를 왜씀?\-전역에서 state관리를 해줄수 있기때문전역에서 state관리하는게 편하냐?\-props를 통해 state드릴링을 할필요가 없기때문

참고한 싸이트https://cocoder16.tistory.com/36해당 state가 선언된 함수(컴포넌트)가 재실행된다.때문에 하위에 있는 모든 컴포넌트가 리렌더링된다.이과정에서 해당 스테이트에 영향을 받지 않는 컴포넌트들의 '불필요한'리렌더링이 일어난다.

테일윈드 최신버전은 3.0.0이고 내가 적용한 버전은 바로 아랫버전이다cra에서 적용하기https://v2.tailwindcss.com/docs/guides/create-react-app여기까지 기본적인 tailwindcss를 적용하는 과정이며 jit모드는 따

React 렌더링과정마운팅 => 생성자가 호출된다 => 렌디링 => domUpdate=>마운트 되었습니다.업데이트새로운 프랍이 생겼을경우상위 컴포넌트에서 전달받은 프로퍼티로 state값을 연동(getDerivedStateFromProps)콤포넌트 업데이트렌더변경된 네용

https://tailwindcss.com/docs/guides/create-react-app위에 과정을 따른뒤에index.html에을 추가

면접 과제 전형중에 피드백 받은 사항이다(전형을 탈락했다)정말 좋은 피드백이였기에 떨어진 수치심을 뒤로하고 포스팅한다.useEffect안에 setState하기 vs useMemo를 통해 각 로직이 변경되는 과정을 살펴보자만약 토탈 프라이스를 구하는 로직이 있다고 생각해

node.js 을 설치한후다음 커맨드를 cmd에 입력해당 폴터 를 vsCode으로 연뒤eslint 익스텐션을 설치prettier 익스텐션을 설치다음 스크린샷에 나오는 디펜던시를 인스톨하자 (--dev)루트 디렉토리에 .eslintrc.json 파일을 생성후 다음을 입

테일윈드는 아무대서 className사용하기tailwindCss intellisence를 설치 후확장설정 ㄱ클래스 리렉스 편집 클릭마지막줄에 다음 코드를 추가