마 React! 친해지자고! (어색)

React 는 facebook에서 만든 js 라이브러리이다.facebook, uber,netflix,instagram등도 React로 만들어졌다!A libary for creating user interfacesRenders UI and responds to event

웹 UI를 만드는 라이브러리React is component컴포넌트는 한가지의 기능을 수행하는 UI단위를 말한다.컴포넌트는 서로 독립적이고 잘 고립되어져있고 재 사용이 가능한것을 말한다.각각 리액트 어플리케이션은하나의 컴포넌트로 구성되어있다.Root (최상위 컴포넌트)

Babel : JavaScript transCompiler자바스크립트 ecma스크립트 2015년도 이후 버전을 old version으로 변환해주는 것.최신 버전의 깔끔한 버전의 자바스크립트 문법으로 배포할때예전 브라우저에도 적용하기 위해 변환해주는것.Typescript

vimium : 키보드로 화면조작 React Developer Tools : 리액트 디버깅들 필수적으로 필요함 vsc에서 Reactjs code snippets : 꼭 설치하기 컴포넌트 수동적으로 하지 않아도 rcc만 눌러도 리액트 컴포넌트가 생성됨.auto impor

component를 만드는 방법1\. Class\-> React가 제공하는 component를 extends해서 사용함.\->Function\-> 데이터가 정적으로 표현된다면 함수 컴포넌트를 이용해서 표현한다.주기적으로 업데이트 된다면 클래스 컴포넌트를 쓴다.클래스에는

React.Component와 React.PureComponent React.memo를 비교해보자!🥰React Component 는React.ComponentReact.PureComponent로 나누어 정의됩니당!🥳props와 state에 대해 동일한 결과를 렌더링

오늘은 hook에 대해서 정리해보자✍🏻출처 : https://ko.reactjs.org/docs/hooks-overview.html역시 갓벽한 문서💙class를 작성하지 않고도 state와 다른 React기능을 사용할 수 있게 하는 기능class안에서는 동

출처: https://redux.js.org/faq/general참고: https://velog.io/@yujo/React%EC%83%81%ED%83%9C%EA%B4%80%EB%A6%AC-%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%A

Routing이란?프로세스,network의 트래픽의 path를 선택하는 프로세스이다.url을 줬을때 어떤 페이지로 연결하는지 결정해주는것.

https://nimblewebdeveloper.com/blog/convert-react-class-to-function-component를 공부해보았당!이 글 넘 자세하고 좋아...들어가서 읽어보세요><ㅋFromtorender 메소드를 지우고 retur

useMemo : 특정 결과값을 재사용할때 사용useCallback : 특정 함수를 새로 만들지 않고 재사용할때 사용.

출처:https://ssangq.netlify.app/posts/react-memo-useMemo-useCallback를 보고 정리 해 봄!: 이전 값을 메모리에 저장해 동일한 계산의 반복을 제거해 빠른 처리를 가능하게 하는 기술useMemo, useCallb

리액트에서state업데이트를 할때는-> setState 를 사용한다배열을 업데이트 할때는 -> 배열자체에 push하지 않고, concat 함수를 사용해 기존의 배열을 수정하지 않고, 새로운 배열을 만들어 교체해 업데이트 한다.리덕스에서 불변성을 유지하는 이유는 내부적으

Reducer함수 만들기 와 정의한 으로 를 만들면 된다. 이때 Reducer는 꼭 순수 함수로 만들어야 한다. 아래 4가지 조건을 만족하면 된다. Reducer함수는 이전상태와 액션객체를 파라미터로 받는다. 파라미터 값 외에는 의존하면 안된다. 이전 상태는 절대 건