언어(JS,TS)/React (1) 썸네일형 리스트형 React [정보 : Link vs <a>태그] React에서 페이지를 이동할때는 Link를 사용하는것이 좋음 Link vs tag 태그로 이동할 때 태그의 href로 이동하면 상태 값을 잃고 속도가 저하됩니다.(페이지를 새로 불러오기 때문) 리액트는 단일 URL을 가지고 SPA(Single Page Application)으로 사이트를 표현하는 프레임워크입니다. 그래서 하나의 HTML 페이지와 애플리케이션 실행에 필요한 JavaScript와 CSS 같은 모든 정보를 로드하는 애플리케이션입니다. 따라서 해당 이유로 페이지를 새로 불러오게 되면 앱이 지니고 있는 상태가 초기화되고, 렌더링 된 컴포넌트도 모두 사라지고 새로 렌더링을 해야 합니다. 상태 유지와 속도의 효율성을 위해 새로운 페이지를 불러오는 대신 업데이트하는 방식으로 구현해야 합니다. Link.. 이전 1 다음