10:00
react useState
const [변수명 set변수명] = useState(값할당);
검색키워드 :
리엑트-시점이 중요 :
함수 활용 :
렌더링 :
리렌더링 :
클라이언트(고객, 나, 사용자) 사이드(부분) 랜더링(화면그리기) 방식CSR : 고객이 보고 있는 화면에서 일정부분만 고치는 방식
서버사이드 랜더링방식SSR :
11:00
삼항연산
조건식 ? 맞는경우(true)실행되는 : 틀린경우(false)실행되는
리엑트는 null==0==false 같은 의미임
const arr =[1,2,3]; // 123 출력
const arr2 =[...arr,4]; // 1234 출력
const arr3 =[4, ...arr]; // 4123 출력
리엑트는 불변성이 있다
원본유지 + 추가해서 새로 생성하는 ~~~
검색 키워드 : 리엑트 불변성 , 자바스크립트 전개구문
const arr = [10,20,30]; 여기에 숫자뒤에 번을 붙이고 싶은경우
배열모양 유지하기 위한 문법
JSON.stringfy()
map : 원본배열을 기반으로 복사본을 만든다
12:00
기록 역순으로 reverse 인데
reverse는 원본을 변경해서 복사본을 만들고 reverse해야함
검색 키워드
리엑트 에서 배열 인덱스 사용법 :
filter
react아이템 삭제
14:00
리엑트- 컴포넌트화 활용하기 사용하는 이유 - 유지보수 용이
15:00
자바스크립트 null / undefined / NaN 차이
컴포넌트 내부에서 또 컴포넌트로 쪼개기 가능