[Glider] 3. Nuxt.js + Typescript 환경 완성

예전에 만들어둔 개발 환경을 싹 다 뒤엎고

(Vuetify 에서 제공하는 템플릿을 썼는데, 업데이트도 안되고 Typescript 설정이 안되는 것 같았다.)

 

Nuxt 에서 제공하는 템플릿에서 Vuetify, Typescript 설정을 했다.

 

glider-kr.herokuapp.com

 

정보도 많이 없고 Nuxt.js, Typescript 에 대한 사전 지식이 없어 어떻게 변경해줘야 될지 막막해서

 

이걸 해야되나 말아야되나 고민을 하던 찰나에 겨우 연동에 성공했다.

 

 

https://qiita.com/itouuuuuuuuu/items/51fc4f3edbfcd71548a5

Nuxt.jsにTypeScriptを導入する手順まとめ - Qiita

qiita 라고 하는 일본 사이트의 도움을 많이 받았다.

 

 

 

그렇게 prisma.io 까지 연동 작업을 진행하고 나니 성취감이 컸다.

 

나름 가장 최신 기술들을 가져다가 쓴 것과 동시에 DB 연동까지, 개발만 하면 운영할 수 있는 무료호스팅 1인 플랫폼이 완성되었기 때문에.

 

드디어 시작점에 왔다.

 

그렇지만 Vue.js 도 아직 완벽하게 아는게 아닌데 Nuxt.js, Typescript 를 추가로 공부를 해야되니 조금 막연하기도..

 

RGB place 커뮤니티를 만들면서 겪었던 경험을 살려 정말 간단한 사이트를 만들어볼까 한다.

 

 

ps. 결국 prisma.io 는 적용을 취소했다.. 의도한대로 동작하는 것도 아닐 뿐더러 (한번 출력되고 끝나버림) typescript 에서는 에러 뿜어내고.. nuxt 위에서 prisma 연결해보니 실행은 되는데 에러는 나는 그런 상황 까지 가게 되었다. 호환성이 안맞는듯..

 

Firebase 도 무료 플랜이 있어서 이걸 써볼까 함.

 

https://vue-nuxt.gitbook.io/nuxt/tutorials/making-blog/connection-back-end#excution-on-the-server

백엔드 연결 ⇒ 데이터 읽기/쓰기