React

React는 클래스형, Hook는 함수형리액트와 리액트 훅은 다른 라이브러리가 아니며, 클래스형으로 코드를 작성하는지 함수형으로 작성하는지의 차이이다.함수형의 리액트 훅은 컴포넌트를 재사용하기 쉽고 코드가 짧아 가독성이 좋다.getter,setter로 이루어져 있으며,

1.리액트 컴포넌트를 만들땐 해당코드를 통하여 리액트를 불러와야한다.2.컴포넌트화하여 쓰고자할때 파일하단에 해당코드를 넣어야 다른 컴포넌트에서 불러서 사용할 수 있다.3.다른컴포넌트를 불러올땐 해당코드 사용4.JSXSelf Closing 태그사용두개 이상의 태그는 무조

패키지 설치 1-1. 패키지가 설치되었는지 확인하는방법 사용할 js 상단에 import 불러오기 컴포넌트 생성 & 사용 > 유의사항 컴포넌트 이름은 대문자로 시작 styled뒤에 사용해야할 HTML 태그명 입력 백틱으로 감싸서 작성 중복(공통)으로 들어갈 c

페이지 이동시 App.js에 작성하위이동 원하는 부모 js에 작성(Main.js)클릭 버튼 만들 컴포넌트 또는 js에 작성

데이터를 다룰때 사용하며, 부모컴포넌트가 자식컴포넌트한테 값을 전달할때 사용하며 읽기전용이다.컴포넌트 자체에서 Props를 수정하면 안되며, 순수 함수처럼 동작해야한다.

기본적인 Element들의 Attribute들은 Camelcase로 작성한다. (className, tabIndex, htmlFor 등) / (data- 등으로 시작하는 속성 예외)HTML과 다른 방식의 Attribute (checked - defaultChecke

특정 DOM 을 선택할때 사용 (querySelector,getElemntById)useRef를 사용하여 Ref객체를 만들고 선택하고 싶은 DOM에 ref값으로 설정해야한다..current값은 선택한 DOM 값을 가르킨다.

리덕스 사가 사용 가이드

Redux안에 Store,Reducer 가 포함되어있다.상태를 저장하는 장소액션을 실행할때 자동실행액션에 맞게 데이터를 수정스토어에 있는 데이터를 바꿔준다.

리액트에서 상태관리를 하기 위해 사용(전역상태관리)리덕스 플로우가 동기적이라 API같은 비동기 처리를 사가로 한다.

서버컴포넌트 서버에서 빌드될때 실행되는 컴포넌트 app 폴더의 모든 컴포넌트는 기본적으로 서버컴포넌트이다. (서버컴포넌트는 터미널에서 로그가 찍히고 console에서 찍히지 않는다.) Hook의 사용이 제한된다. (useState, useEffect Hook을 사용하면

리액트에서 form 으로 작업하기에 가장 편리한 라이브러리다.기존 react에서 input등 form 안에 들어있는 요소들에 대한 관리를 할때 각각의 요소에 useState를 사용해서 관리를 해왔다.이렇게 하게 되면 관리할 state들도 많아지고 복잡해지기에 form

값을 메모이제이션(저장)하는것복잡한 계산식이나 복잡한 값을 기억하는것리렌더링 될때 저장되어 있는 값을 불러오기에 성능 관리에 좋음함수를 저장해놓는것컴포넌트를 기억하는것부모 컴포넌트한테 Props를 받으면, 부모의 컴포넌트가 렌더링될때마다 자식컴포넌트도 렌더링되기에 이를