반응형
팀명/플젝명 : BestEleven / GatherCoding
GatherCoding은 모각코 오프라인 모임이다.
사용 스택
복습할 것 :
- 리덕스
- 리액트 라우터
TIL
- Link
- 경로를 연결해주는 역할을 하는 컴퍼넌트이다. 페이지 전환을 통해 새로고침하지 않고 애플리케이션을 그대로 유지한다.
- HTML 5 History API 를 이용해 페이지의 주소만 변경한다.
import ReactDOM from 'react-dom';
ReactDOM
으로 렌더를 시키면 <Link />
컴포넌트는 <a />
태그로 바뀐다.
<Link />
와<a />
차이- a 태그 : 페이지를 이동시킬 때, 페이지를 새로 불러온다. 상태값이 유지되지 못하고 속도 저하된다.
- Link 컴포넌트 : HTML5 Histyro API를 사용하여 브라우저의 주소만 바꿀 뿐, 페이지를 새로 불러오진 않는다.
반응형
'프로젝트 > 코드스테이츠 - 2주프로젝트' 카테고리의 다른 글
useEffect의 의존성배열로 해결한 useState 비동기문제,프로젝트 9 코드스테이츠 120 (0) | 2021.11.18 |
---|---|
프로젝트 8 코드스테이츠 119 : 카카오맵으로 약속장소 정하기 구현 (0) | 2021.11.17 |
geolocation으로 현재위치 받고 카카오 API에 넘겨줘서 주소까지 받아오기 (0) | 2021.11.14 |
redux-thunk공부, 여전히 모르겠다. 프로젝트 5 코드스테이츠 116 (0) | 2021.11.13 |
public폴더에 있는건 함부로 지우면 안된다.,프로젝트 4, 코드스테이츠 115 (2) | 2021.11.11 |