πŸ–₯FrontEnd/React

TIL) λ¦¬μ•‘νŠΈμ—μ„œ <a> νƒœκ·Έ? Link μ»΄ν¬λ„ŒνŠΈ?

hellohailie 2022. 9. 2. 15:57
λ°˜μ‘ν˜•

 

λ¦¬μ•‘νŠΈμ—μ„œλŠ” <a> νƒœκ·Έ λŒ€μ‹  Linkλ₯Ό  μ‚¬μš©ν•΄μ•Όν•œλ‹€. 

 

μ΄μœ λŠ” <a>νƒœκ·Έμ˜ href둜 μ΄λ™ν•˜λ©΄ μƒνƒœκ°’μ„ μžƒκ³  속도도 μ €ν•˜λœλ‹€κ³  ν•œλ‹€. 

λ¦¬μ•‘νŠΈμ˜ μƒνƒœ μœ μ§€μ™€ μ†λ„μ˜ νš¨μœ¨μ„±μ„ μœ„ν•΄ μƒˆλ‘œμš΄ νŽ˜μ΄μ§€λ₯Ό λΆˆλŸ¬μ˜€λŠ” λŒ€μ‹  μ—…λ°μ΄νŠΈν•˜λŠ” λ°©μ‹μœΌλ‘œ κ΅¬ν˜„ν•΄μ•Ό ν•œλ‹€. 

 

핡심

<a> νƒœκ·Έμ˜ hrefλŠ” νŽ˜μ΄μ§€λ₯Ό μ΄λ™μ‹œν‚¬ λ•Œ νŽ˜μ΄μ§€λ₯Ό μƒˆλ‘œ 뢈러였게 λœλ‹€. κ·Έλž˜μ„œ μƒνƒœ 값이 μœ μ§€λ˜μ§€ λͺ»ν•˜κ³  속도도 μ €ν•˜λœλ‹€. 

Link μ»΄ν¬λ„ŒνŠΈλŠ” λΈŒλΌμš°μ €μ˜ μ£Όμ†Œλ§Œ λ°”κΎΈκ³  νŽ˜μ΄μ§€λ₯Ό μƒˆλ‘œ λΆˆλŸ¬μ˜€μ§€ μ•ŠλŠ”λ‹€. 

 

μ‚¬μš© μ˜ˆμ‹œ

import { Link } from "react-router-dom";

...

<Link to='/logout'>log out</Link>

 

 

πŸ˜ƒ 잘λͺ»λœ κ°œλ… 전달이 μžˆλ‹€λ©΄ λŒ“κΈ€ λΆ€νƒλ“œλ¦½λ‹ˆλ‹€. μ €μ˜ μ„±μž₯에 큰 도움이 λ©λ‹ˆλ‹€πŸ€“

λ°˜μ‘ν˜•