나의기록

  • 홈
  • 태그
  • 방명록

noopener 1

target="_blank" 다른 탭으로 링크 이동하기

몰랐던 프론트 세계..! 업무 중에 새로운 탭을 열어서 링크 이동시켜달라는 사양이 있어서, '아! 이건 아주 간단히 되겠구나~~'하고 PR을 날렸지만.. Approve받기 실패한.. 가슴 아프지만, 내일의 나를 위해 기록해두자! 우선, 새로운 탭을 열고 '링크' 이동을 하기 위한 속성으로는 `_blank` 가 있다. 이거 자체로 '새 탭으로 이동' 은 가능하다! 문제는 Security(보안) 그리고 SEO(Search Engine Optimizer)! 결론부터 말하자면, `_blank` 속성은 반드시 아래의 속성과 같이 써야한다. 3가지 속성을 모두 쓰는 것이 좋다! 보안 관련된 속성부터 보자면, `noopener`, `noreferrer`! window.opener `noopener`를 사용하지 않으면..

개발 2021.11.12
이전
1
다음
더보기
프로필사진

나의기록

  • 분류 전체보기 (16)
    • 일상 (1)
    • 개발 (6)
    • 네트워크 (2)
    • 기타 에러 (1)

Tag

cicd, frontend, 개발자, front-end test, 일본생활, 테스트, frontend test, noopener, thehaving, 탭열기, 메이븐 구조, 감상문, 일기, 기초, 독서, front end test, TDD, 더해빙, 개발, 메이븐 동작,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바