KSCOLD LogoKSCOLD
Blog
Feed
Product
Admin Night
Vault
Guestbook
Info

Vault 목록

<a>

연결된 노트와 함께 읽기

<a>

2026년 5월 17일
  • <a> 태그는 하이퍼링크를 걸어주는 태그이다.

속성

  • href: 클릭시 이동 할 링크이다.
  • target: 링크를 여는 방법이다.
    • _self: 현재 페이지 (기본값)
    • _blank: 새 탭
    • _parent: 부모 페이지로, iframe 등이 사용된 환경에서 쓰입니다.
    • _top: 최상위 페이지로, iframe 등이 사용된 환경에서 쓰입니다.
    • 프레임이름: 직접 프레임이름을 명시해서 사용할 수도 있습니다.

예시

HTML
<a href="http://www.naver.com">Go NAVER</a>

리액트에서 <a> 태그

  • 기존 HTML(Hyper Text Markup Language)을 사용할 때 쓰이던 방법으로 페이지를 새롭게 불러오면서 리액트 앱의 상태들도 초기화되고, 새로 렌더링을 하게 된다.
  • 즉, 브라우저 주소를 이동하고 페이지 자체를 새로고침한다.
  • 따라서 상태 값이 유지되지 못하고 속도도 저하된다.
  • 따라서 리액트에서는 <Link>를 사용한다.
JavaScript

Synapse Map Insight

< a href= 'url' />