11/15

JS array method

(1)
Slice(추가할 index,제외할 요소 갯수,교체할 내용)
배열의 기존 요소를 삭제, 교체 추가

const month = ['jan','feb','march','april',june']

month.splice(4,1,'may')

// month= ['jan','feb','march','april','may]

(2)
reduce()
배열의 각 요소에 대해 주어진 리듀스 함수를 실행하고
하나의 결과 값을 반환한다.

const arr=[1,2,3,4]
arr.reduce((a,b)=> a+b,0) //10

a= accumulator
b=current value
0= inintial value

react-router-dom
페이지를 이동하는 방법
1) Link : a로 랜더링
2) navLink : 활성화된 링크에 대한 스타일을 적용하려할때 ex) 네비게이션 메뉴
3) useNavigation : 버튼 클릭, 이벤트 처리와 같은 프로그램적으로 필요한 상황

Dom과 리액트 가상Dom

Document Object Model: html의 문서구조를 나타내고 프로그램 언어로 이를 조작하고 접근할 수 있는 메서드 등을 제공하는 인터페이스

리액트의 가상 Dom: 변경된 부분만 찾아내서 실제 dom에 적용해주는 것. 실제 dom 조작을 최소화하여 연산횟수를 줄이고 불필요한 랜더링을 줄여 성능을 향상시킨다.