■ 소개
목표: 419 (4업으로 1달러 벌기 시작해서 9달러까지 벌어보기)
https://crisp-curry-60549088.figma.site/
.
어제 밤에는 토스 로그인달기를 시도해보다가 막혀서
앱인토스 개발자 커뮤니티에 질문을 달아두었습니다.
오늘은 준님 추천해주신 유튜브를 보면서 DB구조를 짜보았습니다.
.
■ 진행 및 결과
1) 토스로그인 달기 실패
생각해보니 딸깍몬님이 앱인토스를 출시하셨지만
사다리게임특성상 로그인이 필요없습니다.
그래서 스터디 내에 앱인토스용 스터디 로그인을 시도해본 케이스가 없습니다.
.
해결할 것이 생기니,
도전 욕심이 생기네요.
.
어제 밤에 시도했으나, 뭔가 제대로 잘 되지는 않았습니다.
개발 MD문서를 커서에 주고 따라하면 될 것이라 생각했는데,
생각보다 순탄하진 않았습니다. ㅎㅎ
.
FIREBASE는 DB로만 써야할 것 같은데, 커서는 자꾸 뭔가를 DEPLOY하라고하니 의심스럽습니다.
.
우선 토스 커뮤니티에 올려두었습니다.
한국어 텍스트가 포함된 웹페이지의 스크린샷
.
그리고 커서는 뭔가 토스 개발자 센터에서 암호화키와 AAD를 FIREBASE 환경 변수로 설정해야한다는데,
저는 그런걸 받은 적이 없습니다. ㅎㅎ
.
혹시 아시는 분이 있는지 지피터스 커뮤니티에도 다음주에 수소문해봐야겠습니다.
.
토스 로그인 커서로 달아보려고 하는데, 토스 개발자 센터에서 받은 암호화 키와 AAD를 Firebase 환경 변수로 설정해야 한다고합니다. 뭔가를 요청해서 받아야 할까요??
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
다음 단계 (직접 수행 필요)
Functions 의존성 설치
터미널에서 다음 명령어를 실행하여 Cloud Functions에 필요한 패키지를 설치해주세요.
cd functions
npm install
환경 변수 설정
토스 개발자 센터에서 받은 암호화 키와 AAD를 Firebase 환경 변수로 설정해야 합니다. (이메일로 수신한 값)
firebase functions:config:set toss.encryption_key="이메일로\_받은\_키" toss.aad="이메일로\_받은\_AAD"
(필요시 toss.client_id 등 추가 설정 가능)
Functions 배포
firebase deploy --only functions
테스트
토스 샌드박스 앱에서 해당 웹페이지를 열어 로그인을 테스트해보세요.
로컬 개발 시에는 npm run dev로 프론트엔드를 실행하고, Functions는 firebase emulators:start를 사용하거나 배포된 버전을 호출할 수 있습니다.
이제 npm run dev로 앱을 실행하여 변경 사항을 확인하실 수 있습니다..
우선 토스 로그인 달기는 실패입니다만,
제 승부욕을 더 자극하네요 ^^;;;
이번 스터디때 꼭 해결해내고야 말겠습니다.
.
2) DB구조 짜기
애기 저녁 먹이고는 준님이 추천해주신 생활코딩 유튜브를 (애기 몰래) 보았습니다.
https://www.youtube.com/watch?si=1MDB2vKxXvyCv3Po&v=moAXl6fvDO0&feature=youtu.be
영상을 안보여주면서 육아하고 있어서 몰래 보기가 쉽지 않았네요 ㅎㅎ
.
도표가 적힌 종이 한 장
손으로 끼적여본 구조는 이렇습니다.
ENTITY 4개로 짰는데,
나중에 DRAW.IO 로 편집하면서 ENTIRY 5개로 수정했습니다.
.
최종본은 아래와 같습니다.
프로세스 흐름도의 예
.
요거 토대로 나중에 토스 로그인 달면
UID(TOSS USER KEY)를 중심으로 DB를 구축하려고 합니다.
.
■ 느낀점 및 향후 계획
모각에서 이번 스터디에서 꼭 해결하고 싶은 과제를 얻어와서 기쁩니다.
토스 로그인 뽀개보겠습니다.
그래야 이번 스터디 마치구 제가 생각해내는 아이디어를 앱으로 구현해서
앱인토스에 마음껏 배포할 수 있을 것 같습니다-!
.
1달러 벌어보기를 위한 여정은 계속 됩니다~
