묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
GraphQL $boardId: ID! 오류
안녕하세요! 강의듣는데 혼자서는 오류를 해결하지 못 할것 같아서 질문드립니다!오류뜨는 부분은 freeboard_frontend > boards > [_id] > index.js (상세페이지) 입니다. 글 작성 -> 상세페이지로 이동 -> 상세페이지에서 수정 버튼 누르면 수정페이지로 이동 -> 수정페이지에서 수정하고 수정버튼 누르면 다시 상세페이지로 이동 > 상세페이지에서 삭제버튼 클릭하면 삭제후 리스트로 이동제가 의도한 기능들은 모두 정상작동은 하는데 상세페이지에만 접속하면 해당 오류가 발생합니다..! (상세페이지 query 코드입니다) -> $boardID: ID! 이부분에서 오류가 나는것 같은데 강의 자료실에 올라온 코드와 비교해봤지만 같게 작성된걸 확인했습니다! (상세페이지 접속했을때만 NetWork에 이렇게 뜹니다ㅠㅠ) 한가지 더 궁금한 점이 있습니다!타입 지정해줄때 Docs 보고 그대로 적으면 된다고 하셨는데 ($boardId: [ID!]!) 이렇게 적으니까 오류가 나서 ($boardId: ID!) 이렇게 적으니까 작동이되더라구요.. 제가 강의 들으면서 빼먹은 부분이 있는걸까요ㅠㅠ?이럴땐 어떻게 적어야 할까요ㅠ??export const DELETE_BOARD = gql` mutation deleteBoard($boardId: ID!){ deleteBoard (boardId: $boardId) } `;
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
Graphql fetBoard 재질문
import {Bigframe, ResultWrapper, UserBox, UserInfo, Boundary } from "@/styles/emotion"; import { gql,useQuery } from "@apollo/client" import { useRouter } from "next/router" import{useState} from 'react' const FETCH_PRODUCT = gql` query fetchBoard($boardId: ID!){ fetchBoard(boardId:$boardId){ writer title contents createdAt } } ` export default function BulletinBoardFetch() { const router = useRouter() const[writer,setWriter]=useState("") const[creatDt,setCreatDt]=useState("") const{data}=useQuery(FETCH_PRODUCT,{ variables:{ boardId: router.query.qqq } }) console.log(data?.fetchBoard?.createdAt) setCreatDt(data?.fetchBoard?.createdAt) setWriter(data?.fetchBoard?.writer) return( <div> <Bigframe> <div> banner1 </div> <div> banner2 </div> <ResultWrapper> <UserBox> <img src="../../../public/userpic.png" alt=""/> <UserInfo> {/* <Writer>{writer}</Writer> <CreateDate>{createDt}</CreateDate> */} </UserInfo> <img src="../../../public/clip.png" alt=""/> <img src="../../../public/location.png" alt=""/> <Boundary></Boundary> </UserBox> </ResultWrapper> </Bigframe> </div> ) }너무 많이 루프했다고 뜹니다 ㅠㅠ
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
graphql query가 안돼요
import {Bigframe, ResultWrapper, UserBox, UserInfo, Boundary } from "@/styles/emotion"; import { gql,useQuery } from "@apollo/client" import { useRouter } from "next/router" import{useState} from 'react' const FETCH_PRODUCT = gql` query fetchBoard($boardId: ID!){ fetchBoard(boardId:$boardId){ writer title contents createdAt } } ` export default function BulletinBoardFetch() { const router = useRouter() const[writer,setWriter]=useState("") const[creatDt,setCreatDt]=useState("") console.log(router.query.qqq) const{data}=useQuery(FETCH_PRODUCT,{ variables:{ boardId: `${router.query.qqq}` } }) console.log(data) setCreatDt(data.fetchBoard.createdAt) setWriter(data.fetchBoard.writer) return( <div> <Bigframe> <div> banner1 </div> <div> banner2 </div> <ResultWrapper> <UserBox> <img src="../../../public/userpic.png" alt=""/> <UserInfo> <Writer>{writer}</Writer> <CreateDate>{createDt}</CreateDate> </UserInfo> <img src="../../../public/clip.png" alt=""/> <img src="../../../public/location.png" alt=""/> <Boundary></Boundary> </UserBox> </ResultWrapper> </Bigframe> </div> ) }뭐가 문제인걸까요...ㅠㅠ
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
노션페이지에 예전에 있었던 section 1,2,3이 없네요
일부러 삭제하신 건가요?오랜만에 복습하러 왔는데 안보이네요
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
서버 터진건가요..
http://practice.codebootcamp.co.kr/graphql요청 보내면 502 에러 뜨네요ㅜㅜ확인 한번만 해주시면 감사하겠습니다...
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
비회원 장바구니 구현 리뷰
노션에 비회원 장바구니 구현 리뷰 코드 그대로 복붙해서 실행하면 에러400에 화면이 안뜹니다!
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
수정등록페이지
Unhandled Runtime ErrorApolloError: Failed to fetch수정등록페이지 들어가면서 갑자기 이게 뜨는데 코드는 봐도 다 똑같은거 같은데 아니면 혹시 수업내용 코드만 따로 깃 이나 확인할 수 있나요?http://practice.codebootcamp.co.kr/graphql해당주소로 들어가니 Error: Server ErrorThe server encountered a temporary error and could not complete your request.Please try again in 30 seconds.라고 뜨고 있습니다.
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
백엔드 수업 부분
안녕하세요 백엔드 수업 부분은실습이 불가하다고 하는데,따로 vscode 사용없이강의만 수강해도 괜찮은건가요?
-
해결됨GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]
notyf를 이용한 알람 효과 / 강의 보완점 및 질문
< 보완점 > 이부분은 강의에서 코드 작업하는 것이 빠져있습니다.< 질문 > 그리고 여기 이부분 주문이 추가되었습니다. 하고 줄바꿈하고 날짜가 표시되었으면 하는데, 어떻게 코드를 짜야하나요?
-
해결됨GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]
validate(폼검증) 설정 강의내용 / 코드 보완점 제보
강의 이부분인데요.수업 영상에서는 빈칸 만든 상태에서, 그냥 X버튼 누르고 모달창 닫아버리고 넘어가시는데,따라하다 이부분에서 보완점을 발견했습니다.좀 더 보완이 되었으면 하는 부분이어서 제보합니다.카테고리 이름 수정시, 폼 입력을 안하면 경고창이 뜨긴하는데,그냥 무시하고 X버튼으로 modal 창을 닫아버리는 경우에도 고려가 되면 더 좋을 거 같습니다. 2번째는주문완료 창 인데요.위짤을 보시면,1) 주문을 0개하고 경고 메세지가 나온다음에,주문을 1개 담고 주문하기를 누르면, 경고메세지가 지워지지 않고 계속 출력되고 있는점.2) 주문을 넣은다음에도,계속해서 경고메세지가 떠있는점.그래서 주문이 끝나고 초기화를 해줘서 2)에 해당하는 부분은 개선을 시켰습니다. 이렇게 error 객체를 초기화하는 부분은 다른 부분에서는 진행하시던데 빠뜨리신거 같습니다.그런데 1) 에 해당하는 문제는 저거로는 해결이 안되더라구요.주문완료 모달창의 close 버튼을 눌렀을 때, errors 를 초기화해주면 해결될거같은데,이부분은 어떻게 개선을 해야할지 잘 모르겠습니다.
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
run dev 오류
notion에 있는 '수업 프로젝트 설치할 것' 이후 yarn dev를 해보면 다음과 같이 Can't resolve '@styles.Home.module.css'가 뜹니다. _app.js에 있는 import문도 삭제하였는데, 해당 문제가 해결되지 않아 qqq폴더 안에 index.js도 실행이 되지 않습니다..! 혹시 어떻게 해결 가능할까요? 실행 위치는 codecamp, class, qqq 모두 해보았는데 같은 오류가 발생합니다! ㅠㅠ + import styles from ~~부분을 주석처리하고, return 안의 내용을 삭제시키니 동작하는데 삭제시켜둔 상태로 강의를 진행해도 괜찮나요?
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
apollo-client의 사용 및 _app.js 작동원리
example 주소 : http://practice.codebootcamp.co.kr/graphql이 주소가이렇게 떠서포트폴리오용 주소 : http://backendonline.codebootcamp.co.kr/graphql이주소를 uri에 넣었고이렇게 실행해봤더니이렇게 뜨네요버튼을 눌러도 네트워크에 뜨지 않습니다뭐가 문제일까요?..
-
해결됨GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]
import "/imports/startup"; 에서 문제가 발생했습니다.
안녕하세요, 좋은 강의로 GraphQL, MongoDB 잘 배우고 있습니다. 감사드립니다.아래 사진과 같은 문제가 다음 강의에서 meteor run 할때 발생하는데, 찾아보다가 해결책을 찾기 힘들어 남기게 되었습니다.[실행코드 및 오류코드]jeongmujin@jeongmujin-ui-MacBookPro smart-menu-study % disable_websockets=true meteor run[[[[[ ~/CodingProject/smart-menu-study ]]]]]=> Started proxy.=> Started MongoDB.W20230305-11:52:57.338(9)? (STDERR) /Users/jeongmujin/.meteor/packages/meteor-tool/.2.10.0.rdjekq.emwgl++os.osx.x86_64+web.browser+web.browser.legacy+web.cordova/mt-os.osx.x86_64/dev_bundle/server-lib/node_modules/fibers/future.js:280W20230305-11:52:57.358(9)? (STDERR) throw(ex);W20230305-11:52:57.358(9)? (STDERR) ^W20230305-11:52:57.359(9)? (STDERR)W20230305-11:52:57.359(9)? (STDERR) Error: Cannot find module '/imports/startup'W20230305-11:52:57.359(9)? (STDERR) at makeMissingError (packages/modules-runtime.js:222:12)W20230305-11:52:57.359(9)? (STDERR) at Module.resolve (packages/modules-runtime.js:228:17)W20230305-11:52:57.359(9)? (STDERR) at Module.moduleLink [as link] (/Users/jeongmujin/.meteor/packages/modules/.0.19.0.zlniqk.0jz8++os+web.browser+web.browser.legacy+web.cordova/npm/node_modules/@meteorjs/reify/lib/runtime/index.js:45:25)W20230305-11:52:57.359(9)? (STDERR) at module (server/main.js:1:8)W20230305-11:52:57.359(9)? (STDERR) at fileEvaluate (packages/modules-runtime.js:336:7)W20230305-11:52:57.359(9)? (STDERR) at Module.require (packages/modules-runtime.js:238:14)W20230305-11:52:57.359(9)? (STDERR) at require (packages/modules-runtime.js:258:21)W20230305-11:52:57.359(9)? (STDERR) at /Users/jeongmujin/CodingProject/smart-menu-study/.meteor/local/build/programs/server/app/app.js:29:1W20230305-11:52:57.359(9)? (STDERR) at /Users/jeongmujin/CodingProject/smart-menu-study/.meteor/local/build/programs/server/boot.js:369:38W20230305-11:52:57.359(9)? (STDERR) at Array.forEach (<anonymous>)W20230305-11:52:57.359(9)? (STDERR) at /Users/jeongmujin/CodingProject/smart-menu-study/.meteor/local/build/programs/server/boot.js:210:21W20230305-11:52:57.360(9)? (STDERR) at /Users/jeongmujin/CodingProject/smart-menu-study/.meteor/local/build/programs/server/boot.js:423:7W20230305-11:52:57.360(9)? (STDERR) at Function.run (/Users/jeongmujin/CodingProject/smart-menu-study/.meteor/local/build/programs/server/profile.js:256:14)W20230305-11:52:57.360(9)? (STDERR) at /Users/jeongmujin/CodingProject/smart-menu-study/.meteor/local/build/programs/server/boot.js:422:13=> Exited with code: 1=> Your application is crashing. Waiting for file change.
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
Section Quiz7 에서 질문이 있습니다.
퀴즈7에 있는 소주제 : 컴포넌트 재사용성과 수정 프로세스에서 질문이 있습니다.updateProduct로 수정하는 부분인데요.페이지 모두 만들었는데. 여기서 수정이 완료 됐다고 하는데 데이터가 null값으로 들어가네요..밑에는 container페이지와 queries페이지 입니다.어느 부분이 잘못됏는지 모르겠어서 질문드립니다. http://practice.codebootcamp.co.kr/graphql 에서 create부분에선 seller를 바로 받아오는데 밑에서는 productId로 받아옵니다. 이렇게 된다면 수정페이지 에서는 seller 는 수정 못하게 되는건가요?
-
해결됨GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]
DISABLE_WEBSOCKETS=true meteor run 문제
GraphQL 기본 수업에서 학습용 프로젝트를 런하려고 하는데...DISABLE_WEBSOCKETS=true meteor run 이 안됩니다.'DISABLE_WEBSOCKETS'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.라는 메시지가 뜹니다.README.md 보고 그대로 따라했습니다.어떻게 해야하나요??
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
Use 'import type' 에러 및 eslintrc.json
1. 강의를 똑같이 따라했는데 위와같은 메시지가 뜹니다!import 말고 import type을 쓰라는데 멘토님과 다르게 왜 이런 에러가 일어나는건가요?2. 저는 class파일에 eslintrc.json파일이 없어서 화면보고 그냥 따라 적기만 했는데 문제가 없을까요?
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
BoardWrite.presenter의 작성자 input 값의 defaultValue
BoardWrite부분의 presenter의 작성자 부분에defaultValue값에 자꾸 오류가 떠서 문의드립니다.비밀번호나 내용부분과 같이 다른 input창의 defaultValue에는 문제가 생기지 않는데 왜 유독 작성자 부분에만 에러가 뜨는지 모르겠습니다. 그런데 멘토님 파일에는 이전시간에 배우지 않았던 readOnly부분이 추가되어있고 defaultValue값도 수정되어있더라구요! readOnly에 대한 부분은 구글링을통해 왜 쓰는지는 알았지만 뒤에 {!!props.~~} 왜 이렇게 선언하는지와,defaultValue부분에 || "" 부분이 왜 들어가는지 모르겠습니다ㅠ
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
포트폴리오 - modal에서의 오류
주소입력창 까지 잘 진행되었는데 비밀번호 모달창을 만들면서 부터 오류가 나기 시작했습니다. 어디서부터 잘 못된 것인지 잘 모르겠는데.. 계속 이런 오류가 뜹니다. 어떻게 해결해야 할까요?
-
해결됨GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]
apollo-upload-client 패키지 설치에러 문구
해당 부분 진행중에위와 같은 에러 코드를 보게 되었습니다.설치는 잘 된 것 같은데, 문제가 없을까 염려됩니다.
-
해결됨GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]
meteor npm i short 설치 에러문구
이 부분을 진행하고 있었습니다.라고 에러가 나오는데, 문제가 없을까요?혹시 몰라서, 지우고, 이 방법으로 설치해봤습니다. 이렇게 하니까, 에러문구는 많이 안보이네요