react2 React Router v6 정리해보기 React-Router 손쉽게 싱글 페이지 애플리케이션을 만들 수 있는 라이브러리이다 Route 특정 경로에 원하는 컴포넌트를 보여준다 Route 컴포넌트는 Routes 컴포넌트 내부에서 사용되야한다 루트경로 접속시 (/) 상세 페이지 접속시 (/product/*) Link 다른 페이지로 이동하는 링크를 보여준다 링크 이름 useParams /product/:productId 와 같이 경로에 : 를 사용하여 설정한다 useParams를 통해 productId를 받아 활용 가능 const Product = () => { const { productId } = useParams(); return {productId}번 } useLocation hash : 주소의 #문자열 뒤의 값 pathname : 현재 주.. 2023. 6. 12. React Hooks 총정리해보기(useState, useEffect, useCallback, useMemo, useRef, useReducer) useState 컴포넌트 안에서 변경될 값을 사용하기 위한 React Hook 이다 const [상태 값 저장 변수, 상태 값 갱신 함수] = useState(상태 초기 값); 사용법 import React, { useState } from 'react'; function Counter() { const [number, setNumber] = useState(0); const onIncrease = () => { setNumber(preNum => preNum + 1); } const onDecrease = () => { setNumber(preNum => preNum - 1); } return ( {number} +1 -1 ); } export default Counter; setNumber( numb.. 2023. 6. 12. 이전 1 다음
