React
1.JSX(JavaScript XML)
React에서 사용하는 React 전용 HTML 이다. React에서는 HTML 대신 JSX를 사용한다.JSX는 리액트로 프로젝트를 개발할 때 사용되므로 공식적인 JS문법은 아니다.웹브라우저는 HTML, CSS, JAVASCRIPT 만 읽을 수 있지 않나요??정확합니다
2.Imort & Export
React에서 다른 폴더에 있는 파일을 불러올 수 있다.한글 문서를 작성할 때도, 하나의 파일에 모두 작성하지 않고, 여러개의 파일에 종류별로 나누어서 작성하면 효율적으로 관리가능💡 실무적용 - { import / export } 언제 사용하나요?우리가 만드는 소스코
3.Component
컴포넌트란 ?
4.State(Hooks)
State
5.async/await 동기와 비동기식
async, await 란, 위치
6.Router / Routing
Router 객체란 페이지 이동과 관련된 기능을 가지고 있는 객체임➡️ 이 객체를 사용해서 페이지로 이동할때 페이지 이동을 라우팅한다 라고 말하는 것Router : URL에 따라서 그에 상응하는 화면을 전송해주는 것을 Routing이라고 하는데 리액트에서 라우팅 기능을
7.Static Routing & Dynamic Routing (useQuery)
동적페이지, 정적페이지, useQuery
8.비동기 통신과 조건부 렌더링
조건부 랜더링
9.Conditional-rendering
조건부 랜더링
10.주소설계, 폴더구조 체계화
주소, 폴더 구조 체계화
11.Props & State
props
12.state prev
State Prev
13.state Lifting
스테이트 끌어올리기
14.Class Component vs Functional Component
클래스형을 알아야하는 이유
15.State Lifecycle
Class LifeCyle, function LifeCycle, State 사용할때 3가지 주의
16.Throttling & Debouncing
디바운싱 & 쓰로틀링
17.useEffect
useEffect
18.useRef
useRef
19.권한 분기
권한 분기
20.context api, redux, mobx, swr
context api, redux, mobx, swr
21.Shallow routing(얕은 라우팅)
shallow routing feat. Next.js
22.React Currying
React Currting
23.React HOC vs HOF
React HOC vs HOF
24.useMemo, useCallback 의 차이
우선, useMemo와 useCallback에 대해 이해하려면 Memoization이라는 개념에 대한 이해가 필요하다.Memoization이란, 컴퓨터 프로그램이 동일한 계산을 반복해야 할 때, 이전에 계산한 값을 메모리에 저장함으로써 동일한 계산의 반복 수행을 제거하