React Hook 으로 Kakaotalk Channel Api 사용하기
# React Hook으로 카카오톡 채널 API 연결하기 이 작업을 하기 직전에, 아~주 쉽게 Kakao map API를 사용해서 지도를 만들었었다. 고수분들이 쉽게 설명해두신 글이 많기도 했고, 카카오에서 제공하는 개발자용 안내서에도 깔끔하게 설명되어 있어서 이해도 쉽고 구현도 쉬웠다. 그래서.. 처음엔 쉽게 생각하고 카카오 채널 API에 발을 들였는데.. 이게 무슨 소리인지.. Kakao map API (이하 map)은 다양한 프레임워크를 사용해서 써둔 글이 정말 많았는데 Kakao channel API (이하 channel)은.. 정.말. 없었다. 와 어쩜 이렇게 없을 수가 있지.. 코드 일부분을 써둔 글도 5개가 채 안 됐다... 구글 처음부터 끝까지 다 봤다. 하하하하하.. 사실 JS코드에서 크..
React : InvalidCharacterError: Failed to execute 'createElement' on 'Document': The tag name provided ('data:image/png....)
정말 별에 별 에러를 다 본다.. 구글 검색해보니까 사람들 별로 물어보지도 않았더라.. 이미지 렌더링 하는 과정에서 에러가 생긴거 같은데, 분명 똑같은 이미지를 저번에도 넣어봤는데 대체 왜 안될까 싶었다. 10000% 내 잘못이라고 생각하고 보는데 잘모르겠더라.. 우선 놔두고 다른거 하다가 다시 돌아왔는데.. 아.. 멍충... 이미지 파일인데 아무런 태그도 없이 덜렁 이미지파일만 올려놓으니 뭐가 올라갈리가 있나.. 아이고... 넣어주니까 아~주 잘 올라간다. 그래.. 리액트 처음이니까.. 그럴 수 있지.. 그럴 수 있어..
React : Objects are not valid as a React child (found: object with keys {text}). If you meant to render a collection of children, use an array instead.
Error: Objects are not valid as a React child (found: object with keys {text}). If you meant to render a collection of children, use an array instead. React Component 렌더링할때 Component로 전달된 데이터와 표시하는 데이터의 타입이 일치하지 않아서 에러 발생 타입을 잘못 썼나 싶어서 다 뒤지고 다녔는데 전달하는 데이터도 string이고 표시하는 데이터도 string 인거.. 대체 뭐가 문제지 하고 있었는데 props 값을 적지 않아서 생긴 오류였다.. 바보! // 에러뜬 코드 const Title = () => { ... }; // 수정한 코드 const Title =..