React
1.React - React를 왜 사용하는가??
한때 자바스크립트는 웹 브라우저에서 간단한 연산이나 시각적 효과를 주는 단순한 스크립트 언어에 불과했지만,현재는 웹 애플리케이션에서 가장 핵심적인 역할을 합니다. 더 나아가 서버사이드, 모바일, 데스크톱 애플리케이션등다양한 방면에서 활약합니다.
2.React - useMemo, useCallback
함수형 컴포넌트는 그냥 함수입니다. 함수형 컴포넌트는 단지 jsx를 반환하는 함수입니다.컴포넌트가 렌더링 된다는 것은 누군가가 그 함수(컴포넌트)를 호출해서 사용하는 것을 말합니다. 함수가 실행될 때마다 내부에 선언되어 있던 표현식(변수, 또다른 함수)도 매번 다시
3.React - props, state
하나의 컴포넌트가 가질 수 있는 변경 가능한 데이터
4.컴포넌트에서 UseState 여러번 사용
5.리엑트 이벤트 핸들링
이벤트 설명username , message를 form으로 설정하고form 내용 복사해서 e.target.name을 value로 설정하고setFrom으로 내부 값 초기화버튼 클릭이나 엔터 입력시 alert창 띄우고 이후에공백으로 설정
6.React - ref
'DOM을 꼭 직접적으로 건드려야 할 때'
7.React - 데이터 추가, 제거
push 함수는 기존 배열 자체를 변경해주지만 concat는 새로운 배열을 만들어 준다리액트에서 상태를 업데이트할 때는 기존 상태를 그대로 두면서 새로운 값을 상태로 설정해야 합니다. 이를 불변성 유지라고 하며 불변성 유지를 해 주어야 나중에 리액트 컴포넌트의 성능을
8.리액트 라이프 사이클
컴포넌트의 모양새 정의this.props와 this.state에 접근할 수 있고, 리액트 요소를 반환컴포넌트 생성자 메서드컴포넌트를 만들 때 처음으로 실행됩니다. 이 메서드에서 초기 state를 정할 수 있습니다.컴포넌트를 만들고, 첫 렌더링을 다 마친 후 실행, 이
9.리액트 Hooks - UseState
가장 기본적인 Hook이며,함수형 컴포넌트에서도 가변적인 상태를 지닐 수 있게 해줍니다.
10.useState 여러 번 사용하기
11.React - useMemo
12.React - useCallback
13.Redux
리덕스를 사용하면 컴포넌트의 상태 업데이트 관련 로직을 다른 파일로 분리해 더욱 효율적으로 관리할 수 있습니다. 또한 컴포넌트끼리 똑같은 상태를 공유하더라도 여러 컴포넌트를 거치지 않고 손쉽게 상태 값을 전달하거나 업데이트할 수 있습니다.리덕스 라이브러리는 전역 상태
14.리액트 없이 쓰는 리덕스
React without Redux리덕스는 리액트에 종속되는 라이브러리는 아닙니다. 만든 목적은 리액트에서의 사용이지만 다른 UI 라이브러리/프레임워크와 함께 사용할 수있고 Vue에서는 리덕스와 유사한 vuex를 주로 사용합니다. 리덕스는 바닐라 자바스크립트와 함께 사