구구단 공부 사이트 DB 연동하고 육성 시스템 도입하기

소개

구구단 공부 사이트 DB 연동하고 육성 시스템 도입하기

(내용 입력)

진행 방법

Superbase

Cursor 활용

파이썬 활용

한국어 텍스트가있는 검은 색 화면의 스크린 샷

무료 호스팅을 쓰고 있던지라 외부 DB 를 연결하고자 하였고 가장 먼저 추천해준 SUPERBASE를 활용하고자 하였습니다.

한국어 텍스트가있는 검은 색 화면의 스크린 샷

한국 웹 사이트의 스크린 샷

위와 같은 설명을 보았는데... 드디어 스터디에서 많이 듣기만 했던 DB 마이그레이션에 내용을 살펴볼 수 있게 되었습니다.

그래서 차근차근 순서대로 따라갔습니다.

Google Analytics의 프로젝트 설정 스크린 샷

진행하다 보니 일반적인 설명이어서 저의 프로젝트와는 관련성이 떨어져 따라가기가 어려웠습니다.

그래서

'내 프로젝트 안에서 어디를 수정해야 하는지 정확히 알려줘봐'

이렇게 정확히 저의 프로젝트와 연결시켜주었고 저의 코드안에서 어디를 수정해야 하는지 정확히 알려주었습니다.

컴퓨터 화면에서 한국어의 스크린 샷

결과와 배운 점

시행착오를 겪은게 있는데 db 암호에 @가 있는 경우 다른 것을 입력해야 로그인이 되더라구요

@의 URL 인코딩 값은 %40 입니다.

한국어 웹 사이트의 스크린 샷

이 과정을 겪고 나니 이제 아이디가 계속 남아있네요 ㅎㅅㅎ 처음하는거라 시행착오가 있었습니다.

이제 아바타 시스템을 몇개 더 요구 했고 개선을 해나갔습니다.

그런데 이 과정에서 프로필이 또 갑자기 안되는 현상이 생겼습니다 (아마도 db문제?)

internal server error 가 떴는데. 아직 초심자라 해결하지를 못했네요. 혹시 관련해서 힌트 주실 수 있는분은 알려주시면 감사하겠습니다.

내부 서버 오류를 수정하는 방법

이 문제를 해결해나가면서 db를 연결하는 것을 제대로 익혀야 겠다고 생각했습니다.

이번 사례글에서 제일 많이 느낀 것은 프로젝트와 질문을 연결시켜야 한다는 점이었습니다.

꾸준히 개선해서 구구단을 어려워 하는 학생들이 그 과정을 잘 극복했으면 좋겠네요

그리고 superbase 에서 db 연결하려면 host 주소를 알아야 하는데 아래 connect를 통해서 알게 되었습니다. 처음 접근하시는 분이라면 참고하시면 좋을 것 같습니다!

Google 데이터 프로젝트 링크가있는 웹 페이지의 스크린 샷

다음 방향성은 서로 경쟁적인 재미를 추가하는 것입니다.

구구단 마스터

https://gugudan.onrender.com/

버셀에서도 디플로이 해봤습니다 (25.06.10)

https://gugudan-xi.vercel.app/

버셀은 지역을 서울로 설정하고 진행하니까 반응속도 빠릿하고 좋네요

도움 받은 글 (옵션)

16기 바이브 스터디

1
1개의 답글

👉 이 게시글도 읽어보세요