프로젝트는 진행하는데 문제점이 발생했었다. api통신해서 받아온 url을 a태그에 전달했는데 클릭했는데 제대로 이동을 안했다.문제점은 URL을 입력할 때 'http://' 또는 'https://'와 같은 프로토콜을 명시적으로 포함해야 한다는 것.
예를 들어, 네이버 홈페이지로 이동하는 링크를 생성한다고 가정해보자자.
잘못된 방법:
<a href="naver.com">네이버</a>위 코드에서는 'naver.com'만 입력되어 있다. 하지만 이렇게 하면 브라우저는 이것을 상대 경로로 해석한다. 즉, 현재 페이지 URL에 'naver.com'을 추가한 위치로 이동하려고 시도한다.
올바른 방법:
<a href="https://naver.com">네이버</a>위 코드처럼 작성하면, 클릭 시 사용자는 'https://naver.com'으로 제대로 이동한다.
그런데 평소에 검색창에 'naver.com'만 입력해도 제대로 네이버 사이트로 이동하는 이유는 뭘까? 그것은 웹 브라우저가 사용자 편의를 위해 자동으로 프로토콜을 추가하기 때문이다. 즉, 사용자가 프로토콜 없이 도메인 이름만 입력하더라도 브라우저가 알아서 전체 URL('https://naver.com')으로 변환하여 처리하는 것이다.
하지만 HTML 태그에서 href 속성에 URL을 지정할 때는 이런 기능이 없다. 따라서 항상 프로토콜('http://' 또는 'https://') 포함한 전체 URL을 사용해야 한다.
결론적으로, 웹사이트 링크를 생성할 때는 항상 프로토콜(http:// 또는 https://)을 명시적으로 지정하여 올바른 URL 형식으로 작성하는 것이 중요하다. 이렇게 함으로써 사용자가 안전하게 웹사이트를 방문할 수 있도록 도와줄 수 있다.
