[MBTI 테스트(14)] Kakao is not defined 문제 해결하기 (카카오톡 공유하기 api 어떻게 쓰는건지 참=_=?)

 

카카오 developers에 있는 질문 게시판에서도

내가 원하는 방법을 못찾다가,

 

https://developers.kakao.com/tool/demo/message/kakaolink?method=send

Kakao Developers

 

여기 나온 코드를 따라해보기로 한다.

 

기능 미리보기 및 테스트에서는 잘 실행된다.

 

 

근데 분명 잘 입력했는데

자꾸 에러가뜬다.

도메인도 등록 했는데 =_=...

 

https://www.youtube.com/watch?v=BpAe8d-CXKk

그러다가 발견한

이 영상!!!

 

따라하니까 진짜 바로뜬다.

 

내가 이 기능으로 해야하는 것은

'결과페이지'에서 공유하기 버튼을 만드는 것이다.

 

우선 이렇게 깃허브내용이 바로 사이트에 저장되려면

netify와 깃허브를 연동시켜야하므로

이 방법과 깃허브 기본사용방법을 다시 배워야한다.

 

1) 깃허브와 netify 연동시키기

2) 결과페이지 공유버튼 만들기

 

 

근데 유튜브 검색을 하다가,

일일이 공유버튼을 안만들어도 된다는

새로운 정보를 입수하였는데,,,

 

https://youtu.be/_DmM8EO3mb8

 

공유하기를 간단하게 사용할 수 있는 사이트가 있다.

바로 AddThis라는 사이트이다.

 

근데..

23년 5월부로 서비스를 종료한다고 한다;;

그래서 다시 원점으로 돌아가서..

(일단 깃허브 + netify 연동은 위 영상을 참고하였다)

 

 

그럼 이제 할 수 있는 방법은..

첫번째 영상을 따라해서

1) share.js 파일을 수정해본다. (html파일은 그대로 두고)

2) 모든 html 파일을 수정해본다.

: 근데 이렇게하면 js에서 한 작업들을 모두 html로 옮겨주어야함.

: 특히 결과값이 그대로 공유된다거나 하는 방법들은 스스로 고민해보아야.

 

일단 1번 방법으로

share.js만 수정하고 html 파일은 그대로 둬보도록 한다.