inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

Relay나 다른 GraphQL Client가 아닌 Apollo를 사용하는 이유가 궁금합니다.

미해결

얄팍한 GraphQL과 Apollo

Relay는 React 개발팀이 만든걸로 알고 있는데요! 그래서 더 매력적이라고 느껴지는데 어떤 특징과 장단점으로 Apollo로 강의를 진행하게 되셨는지 궁금합니다. 다른 클라이언트들 대비해서 어떤지도 궁금하네요!

  • node.js
  • apollo
  • graphql
Wontory 댓글 1 좋아요 0 조회수 81

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

해결됨

GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]

DISABLE_WEBSOCKETS=true meteor.bat run 을 실행했는데, 다음과 같이 발생했습니다. package.json, .meteor/packages 는 다음과 같습니다.

  • mongodb
  • apollo
  • graphql
  • svelte
이종수 댓글 2 좋아요 0 조회수 242

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

해결됨

GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]

node 16.13.1 meteor 2.7.4 로 설치하였습니다. This project uses Meteor 2.14, which isn't available on this platform. To work with this app on all supported platforms, use meteor update --release METEOR@3.1.2 to pin this app to the newest compatible release. 라는 에러를 받았습니다. 그래서 3.1.2로 설치 후, 다시 진행해도 똑같습니다.

  • mongodb
  • apollo
  • graphql
  • svelte
이종수 댓글 2 좋아요 0 조회수 205

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

해결됨

GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]

강의에서 graphQL은 유동적으로 서버에서 저장되어 있는 정보를 처리해서 전달해준다고 했는데, 일반적인 restAPI는 정해진 규격이 있어서 transaction에 처리가 어느 정도 감이 잡히지만, graphQL은 그렇지 않은 것 같아서요.

  • mongodb
  • apollo
  • graphql
  • svelte
이종수 댓글 2 좋아요 0 조회수 154

질문있습니다.

해결됨

GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 스벨트에 대해서 처음접하게 되었습니다. 제가 알기로 스벨트가 버전이 5까지 나왔는데 현재 이 강의도 스벨트5버전인가요?? 아니면 이전버전인데 5버전과 많이 차이가나는가요? 또한 선생님의 다른 강의 " Svelte로 시작하는 웹 프런트엔드" 말고 이거로 바로 시작해도될까요?

  • mongodb
  • apollo
  • graphql
  • svelte
abc2232002 댓글 2 좋아요 0 조회수 161

Meteor 실행 오류 문의 드립니다.

해결됨

GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]

DISABLE_WEBSOCKETS=true meteor run 실행 오류입니다. 아래 오류 코드이고 개인 계정부분은 ** 처리했습니다. **@**ui-MacBookAir graphql-study-apollo-v4-master % DISABLE_WEBSOCKETS=true meteor run [[[[[ ~/Desktop/Study_File/Back-end_Study/GraphQL/graphql-study-apollo-v4-master ]]]]] => Started proxy. arch: posix_spawnp: /Users/**/.meteor/packages/meteor-tool/.2.14.0.1btio5i.hfop++os.osx.arm64+web.browser+web.browser.legacy+web.cordova/mt-os.osx.arm64/dev_bundle/mongodb/bin/mongod: Bad CPU type in executable Unexpected mongo exit code 1. Restarting. => Meteor 3.0.4 is available. Check the changelog https://docs.meteor.com/changelog.html and update this project with 'meteor update'. arch: posix_spawnp: /Users/**/.meteor/packages/meteor-tool/.2.14.0.1btio5i.hfop++os.osx.arm64+web.browser+web.browser.legacy+web.cordova/mt-os.osx.arm64/dev_bundle/mongodb/bin/mongod: Bad CPU type in executable Unexpected mongo exit code 1. Restarting. arch: posix_spawnp: /Users/**/.meteor/packages/meteor-tool/.2.14.0.1btio5i.hfop++os.osx.arm64+web.browser+web.browser.legacy+web.cordova/mt-os.osx.arm64/dev_bundle/mongodb/bin/mongod: Bad CPU type in executable Unexpected mongo exit code 1. Restarting. Can't start Mongo server. MongoDB failed global initialization **@*ui-MacBookAir graphql-study-apollo-v4-master % 답변 부탁드립니다.

  • mongodb
  • apollo
  • graphql
  • svelte
woosdream 댓글 1 좋아요 0 조회수 223

Window 환경에서 meteor 설치하는 부분에 대해 실습환경 구축 부분에 추가내용이 없습니다.

해결됨

GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]

Window 환경에서 meteor 설치하는 부분에 대해 실습 환경 구축 부분에 추가 내용이 없습니다. 현재 node 18.20.0 버전을 사용하고 있습니다. window의 경우 설치 시 vscode 내부의 터미널에서 npm install -g meteor 명령 하는 것인가요? 아니면 git bash창에서 설치하는 것인가요? 자세한 설명 부탁드립니다.

  • mongodb
  • apollo
  • graphql
  • svelte
woosdream 댓글 3 좋아요 0 조회수 275

리액트에서 적용할 때 질문있습니다.

해결됨

GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]

안녕하세요 강사님한테 배운 코스를 리액트에 접목시켜보고 싶은데요 바뀌는 부분이 많을까요? 부족한 제 생각으로는 리액트는 커스텀훅을 작성해줄수있다보니까 로그인, 어드민 관련부분에서도 변경해야하는부분이있을거같고.. stores부분 코드를 그대로 복붙하기에는 무리가 있을까요? 따로 분류해가면서 작성해줘야할까요?

  • mongodb
  • apollo
  • graphql
  • svelte
반가우면반갑다고해 댓글 1 좋아요 0 조회수 253

Upload, 파일사이즈 코드 질문있습니다.

해결됨

GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]

안녕하세요 import GraphQLUpload from 'graphql-upload' import mutations from './mutations' import queries from './queries' const resolvers = { Upload: GraphQLUpload, Mutation: mutations, Query: queries, } export default resolvers 위에서 Upload: GraphQLUpload, 이 코드가 어디서 쓰이는지 궁금합니다. 혹시 뮤테이션문에서 Upload 타입으로 쓰일까요? 아래의 Upload 가 위의 코드의 Upload일까요ㅠㅠ const UPLOAD_FILE = gql` mutation ($file: Upload) { uploadFile(file: $file) { fileName fileType filePath } } ` 스트림으로 파일을 처리하는 방식과 browser-image-compression 라이브러리로 이미지를 압축해서 서버에올리는것과 어떤 차이가 있는지 궁금합니다. 스트림으로 파이프 연결해서 하는방식은 처음 써봐서 생소해서그런지 좀 헤매고있습니다 ㅠㅠ.. 보통 프론트쪽에서 browser-image-compression 라이브러리를 사용해서 이미지를 압축하고 서버에 전송하여 서버에서는 s3에 올리는식으로했었거든요.. 강사님이 스트림 사용하신이유는 파일전송은 용량이크기때문에 일정크기로 작게나누어 서버로 전송하여 메모리효율성과 성능을 향상시키기위해서 하신걸로 알고있는데요, 그러면 스트림 + browser-image-compression 라이브러리를 같이사용해서 서버에 전송후 s3로 업로드하면 금상첨화일까요? 어떻게하는게 좋을까요?.. 최대한 질문을 간소하게하려고했는데 죄송합니다..

  • mongodb
  • apollo
  • graphql
  • svelte
반가우면반갑다고해 댓글 1 좋아요 0 조회수 315

이벤트 함수 on, handle 어떤 기준으로 정하는걸까요?

해결됨

GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]

안녕하세요, 강의랑 조금 동떨어지는 질문일수 있어 조심스럽습니다.. 보통 submit같은 경우 onSubmit 로 이름을 지로 짓고는하는데요 근데 다른 분들의 코드를 보면 submit말고 다른 함수 이름을 지을때 handle 랑, on 이랑 섞어서 사용하시더라구요 강사님은 이 강의에서 on 이름을 사용하셨지만.. 이거랑 별개로 강사님은 어떤 기준으로 이름을 짓고 사용하시는지 궁금합니다.

  • mongodb
  • apollo
  • graphql
  • svelte
반가우면반갑다고해 댓글 1 좋아요 0 조회수 355

itemForm에서 Modal바인딩 질문있습니다.

해결됨

GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]

itemForm파일에서 <Modal bind:modalActive={$modalActiveItem}> 이렇게 되어있는데요 Modal코드를가보면 <script> export let modalActive = false const closeModal = () => { modalActive = false } </script> {#if modalActive} <div class="modal-bg" class:show={modalActive === true}> <div class="custom-modal" class:show={modalActive === true}> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <slot name="modal-title"></slot> <button type="button" class="btn-close" on:click={closeModal} ></button> </div> <slot name="modal-body"></slot> <slot name="modal-footer"></slot> </div> </div> </div> </div> {/if} 이런식으로 modalActive가 boolean으로 되어있습니다. 하지만 itemForm에서 <Modal bind:modalActive={$modalActiveItem}> 여기 코드에서 $modalActiveItem 는 store에서 function setModalActiveItem() { const { subscribe, set } = writable(false) const openModal = () => set(true) const closeModal = () => set(false) return { subscribe, set, openModal, closeModal, } } export const modalActiveItem = setModalActiveItem() 이런형태의 함수이고, 객체형태로 리턴을해주고있는데 블리언 형태로 넣을수가 있는지 궁금합니다. 스벨트에서 블리언 타입이란, 바인드로 존재하는 객체를 넣었을때, 그 객체가 존재하면 그게 true가되는걸까요? 이것도 저것도 아니라면.. 함수에 감싸고있지만 const { subscribe, set } = writable(false) 이것때문에 초기값이 false로 리턴이된다는건가요? 어떻게 이게 가능한거지 너무어렵습니다..

  • mongodb
  • apollo
  • graphql
  • svelte
반가우면반갑다고해 댓글 1 좋아요 1 조회수 215

css 파일 질문있습니다

해결됨

GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]

선생님 안녕하세요 부트스트랩 파일은 말그대로 부트스트랩 코드를 파일로 가져오신거같은데 boxicon폴더는 선생님이 따로 만들어두신 폴더를 이번 강의에 사용하고계신걸까요? 넘 유용한거같은데 혹시 스토리북으로 설정해두신게 있으실까요? 고수들은 따로 css 스타일폴더를 관리한다고하던데 선생님도 혹시 이런식으로 관리하시나용?

  • mongodb
  • apollo
  • graphql
  • svelte
반가우면반갑다고해 댓글 1 좋아요 0 조회수 217

섹션7 디자인요소배치 이후 흰색화면..

해결됨

GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]

선생님 안녕하세요, 섹션7 디자인요소배치 코드를 따라쳤으나 흰색 화면이 떠서 문의드렸습니다. https://github.com/jungsikjeong/smart-menu-study 제가 여태까지 작성한 코드인데요.. 혹시 실수한 부분이있을까요?.. 선생님 강의 영상 코드랑 계속 대조해보기도하고, 선생님 깃허브 코드랑 비교도해보고있는데.. 쉽지않네요..

  • mongodb
  • apollo
  • graphql
  • svelte
반가우면반갑다고해 댓글 1 좋아요 0 조회수 260

accessToken과 리프레시토큰 구현

해결됨

GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]

토큰이 만료되면 리프레시토큰을 확인하고, 리프레시토큰 기간이 남아있다면 access토큰을 재발급해주고, 리프레시토큰도 유효기간이 끝났다면 로그아웃을 시켜주는 기능은 어떤식으로 개발할 수 있을까요?.. 프론트쪽에서 서버에게 통신하는 방법이 궁금합니다.. 커리큘럼에 로그인 인증관련 제목이있어서 이런방법이있을줄알고 구매후 다섯시간가량 듣고있는데 없는거 같아서 절망스럽습니다ㅠ_ㅠ

  • mongodb
  • apollo
  • graphql
  • svelte
반가우면반갑다고해 댓글 2 좋아요 0 조회수 294

DISABLE_WEBSOCKETS=true meteor run 문제

해결됨

GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]

GraphQL 기본 수업에서 학습용 프로젝트를 런하려고 하는데... DISABLE_WEBSOCKETS=true meteor run 이 안됩니다. 'DISABLE_WEBSOCKETS'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 라는 메시지가 뜹니다. README.md 보고 그대로 따라했습니다. 어떻게 해야하나요??

  • svelte
  • mongodb
  • apollo
  • graphql
ghlwns rla 댓글 2 좋아요 0 조회수 574

"섹션9 - item 추가" 강의 누락내용 제보, 외 중요오타

해결됨

GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]

섹션 9. Frontend 개발 - item 관련 기능구현 / item 추가 를 듣고, 마지막에 서버실행시켜서, item 추가하는 부분을 보았는데, 이렇게 메뉴추가를 해도 아무런 반응이 없어서, 오타가 있나 싶어서, 찾아봐도 없길래, 뭔가 빠졌나 봤더니, 클릭이벤트 시 onAddItem 함수를 실행시켜 주는 내용이 강의에서 누락되어있음을 확인했습니다. 저부분을 추가해주니, 잘 작동하였습니다. 강의 편집하시면서, 빠뜨리신거 같습니다. 중요한 부분이라, 제보합니다. 다다음 강의인 item 수정/삭제 강의 에서, 앞 강의에서 작성하는 내용이 없었음에도 해당부분이 이미 작성되어있는 것도 확인했습니다. 해당 영상 코드 오타입니다. 따라치시는 분들이 에러 날수도 있을거 같습니다. resut -> result 경로가 잘못나왔습니다. 이렇게 되어야합니다. 그리고 중요하지 않은 사소한 오탈자 및 편집 영상이 튀는 것들을 수업 들으면서, 이전에 작성했던 글에 답글형식으로 수업들으면서 눈에 뜨일때마다 계속해서 제보드리고 있습니다. (게시판 도배방지목적) 강의 개정에 도움이 되셨으면 합니다. 영상 튀는 부분 : https://www.inflearn.com/questions/786367/ 오탈자 : https://www.inflearn.com/questions/785432/

  • mongodb
  • apollo
  • graphql
  • svelte
viewee 댓글 1 좋아요 0 조회수 613

강의영상 튀는 부분 제보 (update: 2023.2.27)

해결됨

GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]

해당 영상 5:45 에서 편집이 좀 튑니다. 내용이 살짝 반복되네요 이전 강의영상들에서도 몇개 있긴했는데, 적어놓진 않았네요. 앞으로 수업들으면서 튀는 부분이 또 나오면, 추가글을 작성안하고 이글의 답변으로 남겨놓겠습니다. 너무 제가 질문게시판 글 도배하는거같은 느낌이 있네요.;

  • mongodb
  • graphql
  • apollo
  • svelte
viewee 댓글 5 좋아요 0 조회수 580

강의자료 코드 강의와 다른부분 제보

해결됨

GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]

깃허브 자료에 있는 코드에 있는 다른부분? 오탈자? 제보합니다. 해당부분 _id : _id 가 되어야 하지 않나요? 그리고 이부분은 강의영상에서는 const 로 되어있던데 강의자료에는 이부분만 let으로 되어있습니다. 상관없는 건가요? error 명령어 출력하는부분, throw 가 없네요 여기는.

  • mongodb
  • graphql
  • apollo
  • svelte
viewee 댓글 1 좋아요 0 조회수 384

강의 오탈자 제보 (update : 2023.03.06)

해결됨

GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]

오탈자 제보합니다. 해당부분, updateFile 이 아닌 uploadFile 이 되어야합니다. 이부분 때문에 계속 playground 가 하얀화면으로 아무것도 안나왔었어요.ㅠㅠ 다행히 수업자료 파일은 제대로 나와있었어서 코드하나하나 비교해가면서 겨우 찾았네요..

  • svelte
  • mongodb
  • graphql
  • apollo
viewee 댓글 7 좋아요 0 조회수 898

인기 태그

인프런 TOP Writers

주간 인기글