KakaoWeb

About

이 서비스는 그 회사의 Developer API와 Hono, TailwindCSS로 만들어졌습니다.

그 회사 정책상 이 기능을 오픈하는 거는 불가능해서 현재는 제 계정만 접근 가능하게 설계했습니다.

여러분들도 직접 제 블로그를 참조해서 직접 앱 개발을 하면 됩니다.

아니면 제 블로그 댓글을 이용하여 연락해 주시면 쉽게 설계해 드리겠습니다.


How To Use

1. 먼저 화면 오른쪽 상단에 있는 "Login" 링크를 클릭해 카카오톡 아이디로 로그인합니다.kakaotalk_loginkakaotalk_login
2. 로그인이 완료되면 아래와 같이 텍스트 입력칸이 보입니다. 원하는 내용을 쓰고 아래 "메시지 전송" 버튼을 누릅니다. 참고로, 아래와 같이 이미지도 전송 가능합니다.kakaotalk_loginkakaotalk_loginkakaotalk_login
3. 그러면 아래와 같이 별도의 창이 뜨면서 본인 카톡친구와 채팅창 리스트가 뜹니다. 메시지를 전송할 대상은 "친구" 섹션에서 직접 고르셔도 되고, 아니면 "채팅" 섹션에서 직접 해당 방을 고르시면 됩니다.kakaotalk_loginkakaotalk_login
4. 전송할 대상을 선택 하면 맨 아래에 있는 "~~~"에게 공유하기 버튼이 뜨는데, 클릭하면 아래와 같이 메시지 전송이 성공했다고 나옵니다.kakaotalk_loginkakaotalk_login
5. 전송할 대상을 선택 하면 맨 아래에 있는 "~~~"에게 공유하기 버튼이 뜨는데, 클릭하면 아래와 같이 메시지 전송이 성공했다고 나옵니다.kakaotalk_loginkakaotalk_login
6. 핸드폰에서 카톡 앱을 열어 확인해 보면 아래와 같이 나옵니다.kakaotalk_login전송한 내용의 텍스트만 복사하고 싶으면 아래와 같이 길게 누르면 메뉴창이 뜨면 복사, 공유, 삭제 등 메뉴를 고를 수 있습니다. 이때 복사를 누르면 텍스트만 복사할 수 있습니다. 주의할 점은, SDK 특성상 한번 클릭시 이 홈페이지로 이동합니다.kakaotalk_loginkakaotalk_login
7. 이미지 전송시 카카오 CDN에 며칠간 저장되며, 아래와 같이 카카오 CDN 링크가 보입니다.kakaotalk_login이미지 링크를 클릭하면 이미지가 열리면서 쉽게 다운로드 할 수 있습니다. 그리고 길게 눌렀을 때 복사, 공유, 삭제 등 메뉴가 뜨는데, 이 때 복사를 누르면 아래와 같이 쉽게 텍스트만 추출할 수 있습니다.kakaotalk_login