41. Shallow routing, Object.keys(), values, entries, assign

Shallow routing

Shallow routing은 next의 기능으로 새로고침을 하지 않고 url을 불러온다. 

 

router.push를 이용해서 이동할 때 받는 인자가 총 3개가 있는데 그것들과 그  순서 및 기능은 각각 아래와 같다.

 

1. url : 이동하고자 하는 주소를 입력해주는 것이다.

2. as : 브라우저 url바에 표시될 주소로 입력하지 않으면 url이 그대로 나온다.

3. option : 객체를 받으며 각종 기능들을 가지고 있으며 이 안에 shallow도 들어간다.

 

shallow를 true로 값을 주게 되면 데이터 페칭 메서드들을 실행하지 않고 페이지 이동이 일어나게 된다.

 

Object.keys(), values, entries, assign

1. Object.keys()

객체에 있는 key값들을 배열로 리턴하는 메서드이다.

 

예시

2. Object.values()

객체에 있는 값들을 배열로 리턴하는 메서드이다.

 

예시 

3. Object.entries

객체의 있는 키와 그 값을 묶은 배열을 배열로 리턴하는 메서드이다.

 

예시

4. Object.assign

객체를 그대로 리턴하는 메서드이다.

 

예시