Typescript & React/router (1) 썸네일형 리스트형 react-router-dom 5.3.3의 Link와 a태그의 차이 1. a태그 특징: a태그는 href속성을 사용한다. 문제점 파악: a태그를 클릭하면 새로고침이 발생되어서 전체 페이지가 로드된다 . 따라서 React에서 사이드 이펙트로 state값이 변경될 수 있는 문제를 발생 유발 2. Link태그 우선 설치가 필요하다 npm install react-router-dom --save 설정 React에서는 react-rotuer-dom에서 Link태그를 사용이 가능하다. import { Link } from "react-router-dom" 로그인 핵심 파악: 페이지를 새로고침을 하지 않는다. 따라서 state값이 변경이 예상 된다면 a태그를 쓰지 않고 Link를 쓰는 것이 적절하다. 이것이 SPA(Single Page Application)의 개념에서 필요한 기능을.. 이전 1 다음