DevFit
/
React
Duplicate
React
모든 세션
Search
이름
작업
진행일시
진행 상태
학습자
React 개념
Open
React
VirtualDOM
2021/11/22
완료
송남규
React 작업환경 준비
Open
ReactSetting
2021/11/22
완료
송남규
컴포넌트 생성해보기
Open
Component
JSX
2021/11/22
완료
송남규
JSX의 기본규칙
Open
JSX
<input />
<br />
Fragments
<></>
자바스크립트변수값은 {}로 사용
{/**/}
2021/11/22
완료
송남규
props를 통해 컴포넌트에 값 전달하기
Open
props
children
props.name
props.color
props.children
2021/11/22
완료
송남규
조건부 렌더링
Open
조건부렌더링
삼항연산자
단축평가논리
2021/11/22
완료
송남규
useState 를 통해 컴포넌트에서 바뀌는 값 관리하기
Open
import {useState}
const [numbersetNumber] = usetState(0);
2021/11/22
완료
송남규
input 상태 관리하기
Open
Input
import {useState}
const[text setText] = useState('');
e.target.value
2021/11/22
완료
송남규
여러개의 Input 상태 관리하기
Open
...문법
React는새로운객체를생성해준후 업데이트
import {useState}
useRef
const 변수명 = useRef();
변수명.current.focus();
2021/11/26
완료
송남규
배열 렌더링하기
Open
key값
id값
2021/11/27
완료
송남규
useRef로 컴포넌트 안의 변수만들기
Open
useRef
2021/11/27
완료
송남규
배열에 항목추가하기
Open
map()
filter()
2021/11/27
완료
송남규
배열에 항목제거 및 수정
Open
map()
2021/11/27
완료
송남규
UseEffect를 사용항 마운트/언마운트/업데이트시 할 작업설정
Open
useEffect
mount
unmount
2021/11/27
완료
송남규
useMemo를 사용하여 연산값 재사용
Open
2021/11/27
완료
송남규
useCallback을 사용하여 재사용하기
Open
useCallback
리렌더링방지
코드의 효율화
2021/11/28
완료
송남규
React.memo를 사용한 컴포넌트 리렌더링 방지
Open
useReducer를 사용하여 상태업데이트 로직 분리
Open
styled-componets를 이용한 class없는 CSS 스타일링
Open
styled-components
2022/03/23
완료
송남규
SASS
Open
SASS
SCSS
$변수명
@import
@extend
@include
nesting
2022/01/02
완료
송남규
useEffect
Open
Ajax사용법(axios)
Open
Redux
Open
Redux(2)
Open
React
Redux
dispatch
reducer
2022/04/15
완료
송남규
Open
Redux( useSelector, useDispatch)
Open
COUNT
26