카톡 펑 만들기( 펑 안될 때 오류 해결방법)

카톡 펑 만들기(+펑 안될 때 오류 해결방법)

SNS 꿀팁 카카오톡 이 중에서도 가장 많이 사용되는 방법은 첫 번째 방법인 모바일폰에 전화번호를 등록해 친구 목록에 친구를 추가하는 방법입니다. 일상생활에서 새로운 사람을 알게 되거나 새로운 친구를 만나게 되는 경우 전화번호를 교환하기 때문에 이런 번호를 등록하고 그 이후 친구 목록에 추가하여 연락하는 방안으로 사용하는 것입니다. 하지만 카카오톡을 사용하다보시면 모바일폰에 전화번호를 등록하였음에도 불구하고 카카오톡에 친구 추가가 되지 않는 경우가 있습니다.

이런 경우 카카오톡에 어떠한 방식으로 친구를 추가할 수 있는지 한번 살펴보도록 하겠습니다.

각종 기능을 사용하여 콘텐츠 만들기

각종 기능에 관하여 간단하게 정리를 드리자면, T 모양은 텍스트 입력하는 아이콘이고 그 아래 웃고 있는 얼굴의 아이콘은 카카오톡 이모티콘을 고르는 아이콘입니다. 그리고 그 밑에 사각형으로 된 아이콘은 사진 혹은 동영상을 고르는 아이콘입니다. 중간 하단쯤에 카톡 기본 배경디스플레이 색으로 되어있는 동그라미는 이 콘텐츠의 배경색을 고르는 아이콘입니다. 이 기능들을 사용하여 저도 한번 펑 콘텐츠를 만들어보았습니다.

따로 배경색은 바꾸지 않고 텍스트와 이모티콘, 그리고 사진첩에 저장해 놓은 이미지만 갖고 만들어보았습니다. 엄청 쉽게 금방 만들어집니다.

문제발생 소비자 정보를 어떠한 방식으로 전달하지?

사용자의 개인 정보는 함부로 노출이 되면 안되기 때문에 서버에서 관리를 하는 것이 좋습니다.

그래서 처음에는 프론트에서 카카오 API와 통신을 통해 카카오 인가 코드를 전달 받으면 그 코드만 서버(백엔드)에게 전달하여 서버가 직접 카카오 서버와 통신을 통해 소비자 정보를 불러와 회원가입을 시키려고 했다. 일반적인 소셜 로그인의 경우 위의 방법으로만 진행하면 됩니다.

하지만 이번 프로젝트의 경우 추가정보를 입력하지 않으면 회원가입이 되지 않게끔 해야했기 때문에, 소셜 로그인 후에 회원이 아닐시 추가정보 입력 페이지로 이동해야 했다. 회원 여부를 판단하기 위해 카카오 인가 코드를 서버에 전달했을 때 회원이 아닌 사용자의 개인정보를 응답값으로 받아 갖고 있다가 추가입력값과 함께 전달을 해야 했다. 하지만 이 방법은 문제가 있었습니다.

공개범위 설정

콘텐츠를 다. 만들고 공유하기 전에 오픈 범위를 설정해야 합니다. 오픈 범위는 전체 친구에게 공개하거나 펑을 보여줄 친구를 지정할 수 있습니다. 저는 제 펑을 볼 친구를 직접 지정해 보았습니다. 오픈 범위에서 선택한 친구 인원 수가 표기되고 맞으면 확인을 클릭하고 공유하기 버튼을 누르시면 나만의 펑 스토리 업로드가 완료됩니다. 내가 만든 펑이 잘 만들어졌는지 확인할 겸 나의 펑을 눌러 줍니다. 제가 만든 펑 콘텐츠를 보면서 되게 독특한 기능을 보았는데 바로 이 펑의 이모티콘입니다.

다른 사람의 펑을 보거나 남이 내가 만든 펑을 보았을 때 콘텐츠에 이모티콘을 사용했다면 사용한 이모티콘이 뭔지 나오는 기능도 있었습니다. 이모티콘 구매욕구를 불러일으킬만한 기능이 생기고 말았습니다.

환경변수 설정과 발생한 오류

소셜 로그인을 위해 카카오 개발자 사이트에 내 애플리케이션을 등록하면 하나의 앱키를 부여받는다. 내 애플리케이션에서 앱키 탭을 누르시면 앱키를 확인할 있습니다. 앱키는 API를 호출할 때 사용하며, 노출이 되지 않게 .env에 환경변수로 만들어 관리해야 합니다. 프로젝트에서 필요한 API에 맞는 앱키를 사용하면 되며, 나의 경우엔 REST API를 사용했다.

오류 KOE10 왜 .env에서 관리하는 앱키를 불러올 수 없었는가.

환경변수에 앱키를 설정하고 import를 통해 불러왔으나, 다음과 같은 오류가 발생했다. 해결방안을 클릭하여 해당 오류를 알아보니 앱키와 연관된 오류임을 확인할 수 있었습니다. console.log로 환경변수를 해당 페이지에서 확인해보니 undefined가 출력되었습니다. 앱키를 정상적으로 불러오지 못했다는 것입니다. import 경로와 환경변수 이름을 모두 확인했으나 불러와지지 않았습니다.

독특한 것은 .env에서 설정한 변수 두 개 중 앱키만 불러와지지 않았습니다. 그렇다면 import 경로에는 문제가 없는 것이며, 앱키에만 이상이 있는 것인데 혹시 앱키에 오타가 있나 확인했으나 그 단점은 아니었다. 한시간의 사투 끝에. 원인을 발견했다.

해결 방법

해결 방법은 간단합니다. PC에 사용하려는 계정을 첫째 스마트폰 카카오톡에 로그인해주면 됩니다. 그러면 이전 계정을 로그아웃시켜줘야 하는데, 카카오톡은 로그아웃 기능이 없습니다. 1. 카카오톡 삭제 재설치2. 애플리케이션 설정에서 데이터 삭제

때문에 2가지 방법을 통해 로그아웃을 진행해야합니다. 먼저 프로그램을 지웠다가 다시 설치하는 방법은 다른 설명이 필요 없지만 굳이 재설치하지 않아도 애플리케이션 설정으로 로그아웃이 가능합니다.

여기서 말이 로그아웃이지만 실제로는 이전 계정이 초기화 되는 부분이기 때문에 데이터삭제를 하시기 전에 필요한 사진이나 채팅방 안 내용들은 다른 곳에 별도로 저장해 두시기 바랍니다. 하는 방법은 설정 검색 카카오톡 애플리케이션 정보 저장공간 데이터 삭제 순으로 들어가서 마지막에 데이터 삭제를 눌러주시면 됩니다.

자주 묻는 질문