Indie Coder

우선 meteor 버전이 잘 못 되어 있는 것 같습니다.강좌의 경우 2.14버전의 meteor를 기준으로 작성된 코드들입니다.이를 위해서 프로젝트를 새로 만드셔야 합니다.다음 명령어를 통해 새롭게 프로젝트를 시작하고 패키지를 설치하시기 바랍니다.<pre><code class="language-jsx">meteor create --release 2.14 ./ --bare
</code></pre>또 추가로 설치된 패키지 중에 버전이 맞지 않는 패키지도 있었습니다.@apollo/server 가 그것인데 다음과 같이 버전을 맞게 설치하시면 됩니다.<pre><code class="language-jsx">meteor npm i @apollo/server@4.10.0
</code></pre>다음으로 코드 중에 오류가 좀 있었는데 /imports 로 경로를 가져와야 하는데 /가 빠진 코드가 많이 있었습니다. 이 부분을 주의 하셔야 할 것 같습니다.&nbsp;api/item/resolvers/mutatins.js<pre><code class="language-jsx">import { currentDate } from "imports/utils/formatDate";

아래와 같이 수정

import { currentDate } from "/imports/utils/formatDate";
</code></pre>server/main.js<pre><code class="language-jsx">import { Meteor } from 'meteor/meteor';

if (Meteor.isServer) {
 import 'imports/startup'
}

아래와 같이 수정

import { Meteor } from 'meteor/meteor';

if (Meteor.isServer) {
 import '/imports/startup'
}

</code></pre>imports/api/item/resolvers/quries.js<pre><code class="language-jsx">import { Categories, Items } from "../collections";
import { ALL } from 'imports/utils/constants';

...

import { Categories, Items } from "../collections";
import { ALL } from '/imports/utils/constants';

</code></pre>&nbsp;또 실행시의 명령어로는 다음과 같이 하시기를 추천드립니다.<pre><code>DISABLE_WEBSOCKETS=true meteor run</code></pre>&nbsp;참고로 apple m2가 이상이 있진 않습니다. 현재 제가 사용하는 노트북이 m4이기 때문에 해당 환경에서 테스트 후 안내드렸다는 것을 참고하셨으면 좋겠습니다.

프로젝트 실행이 되지 않아 menu API 테스트가 불가합니다 ㅠ

axios를 사용해서 주소가 다른 백엔드로 요청을 할 경우 Access-Control-Allow-Origin에 설정된 주소와 서버의 Access-Control-Allow-Origin 주소가 같아야 정상적으로 작동했던 것으로 기억합니다.스프링은 제가 사용해 보지 않아 잘 모르겠지만현재 예제로 사용된 프런트엔드 axios와 백엔드의 fasity의 경우백엔드에서는 fastify/cors패키지를 설정해야 하고프런트엔드의 axios설정에서도 <code>Access-Control-Allow-Origin</code> 주소를 설정해야 정상적으로 통신이 가능합니다.sameSite옵션의 경우는 서버에서 설정하는 것이 맞고 여기서는 삭제해도 될 옵션이 맞는 것 같습니다.단지 서버에서 samesie = none를 설정했다면axios에 다음과 같은 옵션을 설정해야 할 것입니다.<pre><code class="language-jsx">axios.defaults.withCredentials = true;
</code></pre>

프론트 api.js의 요청 headers 옵션의 cors 관련 설정 질문

우선 오류 상으로는 모듈이 없다고 나오는 것 같습니다 .meteor npom install —save @apollo/server 를 설치하셔야 할 것 같은데몇가지 확인사항으로첫번째 강좌를 따라서 코드를 실행시키고 있는 것인지? 아니면 git에서 소스를 다운 받아서 실행시키고 있는것인지입니다.만약 git에서 다운 받으셨다면 npm i 를 통해서 필요한 모듈을 설치하시기 바랍니다.참고로 node버전의 경우 1.4버전을 사용하셔야 합니다.그리고 강좌를 따라 진행했다면 아래와 같이 모듈을 설치하시기 바랍니다.meteor npom install —save @apollo/server그리고 강좌에 사용된 meteor 버전의 경우 2.14 버전이므로 해당 버전의 meteor를 사용해야 한다는 것도 기억해 주시기 바랍니다.그리고 MENU 프로젝트의 경우 실행 방법은 meteor run이 아닌 다음과 같습니다. 이부분도 참고 해보시기 바랍니다.<pre><code class="language-jsx">DISABLE_WEBSOCKETS=true meteor run</code></pre>&nbsp;

일단 오류 내용 상으로는 .env에 설정된 postgresSql 관련 DB정보를 통해서 서비스 연동이 힘들다고 나오는 것 같습니다.다음 정보들을 확인해 보는 것이 좋을 것 같습니다.<ol><li>작업하는 서버에서 postgresDB에 접속가능한가? (접속 권한 등도 확인 필요)</li><li>schmea.prisma 에 datasource db의 provider가 postgresql로 되어 있는지?</li><li>.nev에 작성된 DB연동 정보가 정확한가?</li></ol>.env의 postgres를 통해서 작업해 본 것이 오래되서 정확히 기억나진 않지만 대략적으로 아래와 같은 방법으로 접속 한 적이 있는 것 같습니다.<pre><code class="language-jsx">DATABASE_URL="postgresql://유저이름:유저패스워드@localhost:5432/데이터베이스이름?schema=public
</code></pre>또 prisma 사이트의 공식 문서에서 postgres로 설정하는 방법도 확인해보시기 바랍니다.&nbsp;<a target="_blank" rel="noopener noreferrer nofollow" href="https://www.prisma.io/docs/getting-started/setup-prisma/start-from-scratch/relational-databases-typescript-postgresql">https://www.prisma.io/docs/getting-started/setup-prisma/start-from-scratch/relational-databases-typescript-postgresql</a>

prisma migrate 오류

일단 해당 메시지만으로 오류를 판단하기는 어렵고,혹시 meteor 버전이 어떻게 되는지 확인해 보시기 바랍니다..meteor/release 파일을 열어보면 버전정보를 확인할 수 있습니다.만약 2.14 버전이상일 경우 일단 설치된 미티어를 지우고 다음 명령어로 해당 버전이 미티어를 다시 설치하시기 바랍니다.<pre><code class="language-jsx">npm i meteor@2.14
</code></pre>그리고 만약 계속 오류가 난다면프로젝트 폴더를 압축해서 구글드라이브 등에 올린 후 아래 메일로 보내주시면 제가 테스트 해보도록 하겠습니다.<a target="_blank" rel="noopener noreferrer nofollow" href="mailto:freeseamew@gmail.com">freeseamew@gmail.com</a>

모듈 버전이 안맞아서 발생하는 문제 같습니다;;;

아마도 강좌에 사용된 버전 이후의미티어가 설치되어 발생하는 문제인 것 같습니다.미티어를 삭제 한 후 다음과 같이 버전을 명시적으로 다시한번 설치해주시기 바랍니다npm i meteor@2.14&nbsp;또 안정적으로 빌드하기 위해서는 node버전 역시 14버전으로 맞추는 것이 좋습니다&nbsp;강좌에 포함된 nvm을 이용하면 node 버잔을 원하는데로 변경할 수 있을 것립니다&nbsp;참고로 미티어3.0 지원은 추후에 연동된 다른 패키지 들이 안정화 되면 진행될 예정입니다&nbsp;이점 참고 부탁드립니다&nbsp;이후 안된다면 다시한번 문의 부탁드리겠습니다&nbsp;그리고 현제 테스트가 가능한 환경이 아니라 5.6일 이후에 테스트가 필요한 문의는 답변이 가능할 것 같습니다

meteor 버전 때문에 실행이 안됩니다.

&nbsp;transaction 처리가 필요한create, updat, delete에 대한 실제적인 구현의 경우 결국 mutation에 작성된 서버와 DB와의 통신 부분에서 이루어 집니다. 그리고 이 DB와의 통신 부분에 대한 처리는 REST 서버를 만들때와 크게 다르지는 않습니다. graphql에서 강조하는 유연성의 경우 서비스를 만들때 데이터 조회시 정해진 형태가 아닌 다양한 형태를 조회할 수 있게 만든 것이 핵심이라고 생각합니다. 작성된 예제를 보더라도 추가, 수정, 삭제는 딱히 상황에 따라 변경되는 부분은 없습니다. 유연성이 강조된 부분은 데이터 조회에 대한 부분이기 때문입니다.제가 이해한 부분이 다른 부분이라면 다시 한번 문의 부탁 드리겠습니다 감사합니다.

graghQL의 transaction 처리속도가 궁금합니다.

이부은 not 이 잘 못 들어간 것 같습니다.이해하신 것 처럼 401의 경우 토큰이 잘 못 되었을 때 보여주는 오류가 맞습니다.그래서 아래와 같이 수정해서 사용하면 되겠습니다.<pre><code class="language-tsx"> expired: {
 success: false,
 status: 401,
 message: 'Token Expired'
 },
</code></pre>

401 not expired token 에러 메세지는 언제 쓰이나요?

강좌에 사용된 svelte 버전은 v3 버전입니다.하지만 v5에서도 v3의 코드를 대부분 사용가능한 것으로 알고 있습니다. (v5까지는 v3의 기능들을 대부분 하위 호환되도록 하고 있는 것으로 알고 있습니다. )다만 meteor 환경에서 apollo를 이용한 개발을 하기 위해서는 현재까지도 v3가 안정적인 것으로 알고 있습니다.또 이 강좌에서도 svelte기초 문법을 다루는 챕터가 있으니 이 강좌만으로 충분할것으로 생각됩니다.하지만 REST API를 이용해 개발하는 방법의 경우는 ‘Svelte REST-API 프로젝트’ 라는 무료 강좌가 있으니 이를 함께 학습해 보는 것도 좋을 것 같습니다.

질문있습니다.

일단 오류 상으로는 cpu 타입이 잘 못 됐다고 나오는 것 같습니다.혹시 사용하시는 환경이 맥북의 m1 이상인지 확인해 보시고만약 m1 타입(m1~m4까지) 이라면 로제타를 이용해 실행해 보시기 바랍니다. (현재 제가 m1 계열의 pc가 없어 확인이 힘들지만 meteor 2.5.1 버전 이후에는 기본적으로 m1계열의 cpu를 지원 하는 것으로 알고 있습니다. 아래는 그것과 관련된 문서 링크입니다. <a target="_blank" rel="noopener noreferrer nofollow" href="https://docs.meteor.com/about/install.html">https://docs.meteor.com/about/install.html </a>)그리고 혹시 다른 os(예를 들어 윈도우즈) 환경에서 이미 npm install을 실행하고그것을 현재 사용하시는 PC로 그대로 옮기셨다면 cpu타입이 달라 실행되지 않을 수 있습니다. 이럴 때에는 그냥 git에서 다시 다운받아 npm install을 해야 합니다. &nbsp;그리고 괜찮으시다면 사용하시는 pc의 환경을 확인 부탁드리겠습니다.

Indie Coder

投稿