[React] 아이콘 클릭 시 외부 페이지로 이동

🚨 navigate 사용 시 발생한 문제점

1. url 주소 오류

주소가 'localhost:3000/https://github.com/~~ ' 이렇게 된다

 

- 왜?

react-router-dom을 사용하기 때문인데 더 정확한 이유는 모르겠다;

---

🔎 해결 방안

<GoMarkGithub className='project_github_icon' onClick={()=>window.open(item[3])}></GoMarkGithub>

window.open('링크') 사용하기

 

참고 : https://velog.io/@elinapark/%EC%95%84%EC%9D%B4%EC%BD%98-%ED%81%B4%EB%A6%AD-%EC%8B%9C-url-%EC%9D%B4%EB%8F%99%ED%95%98%EA%B8%B0

아이콘 클릭 시 url 이동하기