묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]
apollo-cache 조작 방법 / update Item 부분
안녕하세요. 강의 잘 따라가고 있습니다!강의를 보면, updateItem 을 cache 조작을 이용해서, 수정되도록하는 것을 보여주시는데요.cache.wirteQuery(), 와 cache.Modify() 사용법두가지 방법을 보여주시는데,코드상, 기존에 $itemFormValue 스토어를 통해, 이미 수정, 삭제기능이 잘 작동하도록 구현되어있는 상태에서,수업을 통해, 캐시 조작 부분의 코드가 더해지고 있는데요.그래서, 수업에서 잘 되는 것을 시연해주시는데,캐시부분 코드가 없어도, 잘 작동하기 때문에,수업에서 더해진 코드 덕분에, 기존 코드에서는 어떤기능을 빼도되는건지, 모르겠습니다.아니면, 어떤 기능이 더 개선되었는지 차이가 궁금합니다.
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
netlify 배포시 cors 문제
안녕하세요 자유게시판을 어느정도 구현해서 netlify를 통해 배포해보려고 하니 cors 문제로 api가 작동하지 않습니다. 어떻게 해야 해결할 수 있을까요 ? Access to fetch at 'https://backendonline.codebootcamp.co.kr/graphql' from origin 'https://brilliant-rabanadas-0c6769.netlify.app' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: The 'Access-Control-Allow-Origin' header has a value 'http://localhost:3000' that is not equal to the supplied origin. Have the server send the header with a valid value, or, if an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
-
해결됨GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]
refetch 로 인해, 아이템 추가시 자동갱신 불가능
강의에서 기본적인 기능들이 정상적으로 작동한다고 하셨는데,이것저것 테스트하다가 발견한건데, 확인해보니,refetch 로 인하여, 아이템 메뉴를 새로 추가했을 때, 목록이 자동으로 갱신되어 나오지 않았습니다. 새로고침을 해줘야 나오더라구요.물론 강의 말미에 이 기능은 안쓰신다고 지우시긴하셔서 크게 문제가 되지 않았고,이후 이어지는 캐시 강의에서 문제없이 진행되었지만.이해가 안가는 부분이었어서, 질문드립니다.
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
section13 포트폴리오 리뷰 파일
section13 포트폴리오 리뷰파일 잘못 올라가있습니다! 확인부탁드립니다freeboard 폴더 graphql 주소가 다르고 class폴더가 딸려있습니다
-
해결됨GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]
error 메세지 출력 콘솔 질문 외 1
강의영상에서는 에러메세지를 출력하는 부분을error.message 라고 하는데예제코드에서는 error 라고 되어있더라구요.차이가 어떤게 있을까요?강의영상에는 이부분이 == 으로 되어있던데, 예제코드에서는 ===으로 되어있습니다.===의 의미는 값뿐만아니라 형식까지 확인하는 걸로 알고 있습니다.일단 예제코드랑 똑같이 가려고하는데수정되어야할 중요한 부분인가요?
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
프리캠프 섹션 2 "CSS 의 기본과 싸이월드 실습 1탄 > CSS 정렬" 강의 질문입니다
CSS 정렬 강의 마지막 숙제에서 회원 가입 화면을 아래 피그마처럼 만들라고 숙제를 주셨는데요. 숙제 다하고 예시(답안?) 코드는 없는 건가요?제가 코드를 만들고 참고하려고 답안 코드를 찾으려고 하니 없네요. 설마 없지는 않겠지요?
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
portfolio section08 과제 내용 관련 질문입니다!
노션에 나와있는 내용 중 댓글과제가이드 파일에는 댓글 등록, 조회, 수정에 대한 가이드라인이 포함되어있으나 페이지 글에 대해서는 등록, 조회 기능만 구현하라고 나와있습니다. 혹시 댓글 수정 기능은 지금 말고 나중에 구현하는 건가요?
-
해결됨GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]
"섹션9 - item 추가" 강의 누락내용 제보, 외 중요오타
섹션 9. Frontend 개발 - item 관련 기능구현 / item 추가를 듣고, 마지막에 서버실행시켜서, item 추가하는 부분을 보았는데,이렇게 메뉴추가를 해도 아무런 반응이 없어서, 오타가 있나 싶어서, 찾아봐도 없길래,뭔가 빠졌나 봤더니,클릭이벤트 시 onAddItem 함수를 실행시켜 주는 내용이강의에서 누락되어있음을 확인했습니다.저부분을 추가해주니, 잘 작동하였습니다. 강의 편집하시면서, 빠뜨리신거 같습니다.중요한 부분이라, 제보합니다.다다음 강의인 item 수정/삭제 강의에서, 앞 강의에서 작성하는 내용이 없었음에도해당부분이 이미 작성되어있는 것도 확인했습니다. 해당 영상 코드 오타입니다.따라치시는 분들이 에러 날수도 있을거 같습니다.resut -> result경로가 잘못나왔습니다. 이렇게 되어야합니다.그리고 중요하지 않은 사소한 오탈자 및 편집 영상이 튀는 것들을 수업 들으면서,이전에 작성했던 글에 답글형식으로 수업들으면서 눈에 뜨일때마다 계속해서 제보드리고 있습니다. (게시판 도배방지목적)강의 개정에 도움이 되셨으면 합니다.영상 튀는 부분 : https://www.inflearn.com/questions/786367/오탈자 : https://www.inflearn.com/questions/785432/
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
mutation 복붙할때 문제
http://practice.codebootcamp.co.kr/graphql 에서 mutation을 가져올때 백틱 안에 들어가면서 강사님과는 다른 포맷으로 입력됩니다. 데이터를 받아오는 과정에서 문제가 생기진 않는데뒤의 수업에서 자동완성이 되지 않거나,# 주석도 표현되지않고 죄다 연두색으로 표현되는 문제가 있습니다. 왜 다르게 표현되는거죠?강사님처럼 쉼표를 붙이고 자리를 똑같이 만들어도 변하지 않네요,,,
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
section05. Q3 어떻게 접근하나요
1번부터 난관이네요ㅜcreateBoard 생성하는데 무엇이 문제일까요?오류는 boardAddress부분인것같습니다.
-
해결됨GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]
코드에 이상이 없는데 서버실행시 아무것도 나오지 않습니다.
섹션7. 프론트엔드 부분까지 진행을 하고, 마지막에 서버를 실행시키는데,계속 흰색 화면만 나와서,예제코드 올려주신거랑 한줄한줄 복붙해서 비교해가면서, 다 점검을 했습니다.톳씨하나 아무 이상이 없는 것을, 확인했는데도서버를 실행시키면, 흰색화면만 떠서,이건 코드문제가 아닌거 같아서, 제가 작성한 코드가 들어있는이 폴더를 복사해서,예제코드에 덮어쓰기로 붙여넣기 해서, 덮어씌운다음에예제코드를 열어서, 서버를 실행하고 확인해봤습니다.충격적이게도 잘 나왔습니다.이렇게 잘 나오는데...왜 제가 설치한 모듈,패키지들이 있는 환경의 폴더에서는, 흰색화면만 나오는지 정말 이해가 안갑니다.별다른 에러코드는 나오지 않았습니다.제 코드의문제는 아닌거 같고, 모듈이나 패키지의 버젼이 다른 환경이라서 그런거같습니다.이게 제가 설치한 패키지 버젼 목록이고, 이게 예제코드에 있는 패키지 버젼 목록입니다.두 코드 모두 섹션17. AS 강의 graphql-ws를 통한 subscription 구현 은 적용되어 있는 상태입니다.코드는 동일한데, 예제코드환경에서는 실행이 되니, 뭐가 문제인지 이해가 가질 않습니다. 흰화면만 떠서 이후 수업진행이 어려운상황입니다.확인하실지는 모르겠으나, 혹시몰라 제 프로젝트폴더를 압축한파일 링크도 올려드려봅니다.https://drive.google.com/file/d/1BMbVfa9nBlK32uO-CnwLGZh-uVfz9fZM/view?usp=share_link이부분 도움을 어떻게 받는 방법이 있을까요?
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
작성자 비밀번호 레이아웃이 깨져요
_app.js에 글로벌 적용시켜서 전체 레이아웃은 잡았는데 작성자랑 비밀번호 구역이 들어가는 부분에서 justify-content: space-between; 명령어가 먹질 않아요ㅠㅠ뭐가 문젠가 해서 justify-content: center 해봐도 먹히지않아 문제가 다른곳에 있는것같은데 도통 알수가 없습니다..아래에 코드 첨부합니다ㅠ index.jsemotion.js
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
antd 별점 라이브러리 및 antd.css import 관련 질문
안녕하세요, 멘토님이 질문이 하나쯤은 있을 줄 알고 찾아봤는데 없어서 올립니다.antd 별점과 모달을 듣고 섹션9 퀴즈 부분을 진행 중인데섹션9 퀴즈 1번인 별점 클릭 시 별점 가져오기를 진행하는데 점수가 이상하게 출력됩니다.4점 위치에서 클릭하면 2점이 나온다던가,3점 위치에서 클릭하면 뒤이어 아까 선택했던 4점이 나오는 등이전에 선택했던 별점들이 한 차례 뒤로 밀려서 출력되는 느낌입니다.추후에 해당 부분 리뷰가 있을진 모르겠으나, 먼저 퀴즈와 포폴을 다 만들고 보려고 하는 것도 있고 해당 부분은 왜 이런지.. 추후에 포폴에 적용할 때도 문제가 될듯 싶어서 질문올립니다. 그리고 어떨 때는 강의에서 알려주신 것 처럼import "antd/dist/antd.css";를 import해야 정상 렌더링 되는 때가 있고, 어떨 때(어떤 것?)는 해당 CSS를 import하지 않아도 정상 렌더링 되는 현상도 있습니다.이것은 또 왜 경우가 나뉘는지 궁금합니다. 감사합니다.
-
미해결풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기
useRoutes() 오류
안녕하세요. 상품목록 페이지 만들기를 듣던 중 실행 오류가 있어 질문드립니다.routes.tsx를 재남님과 같은 방식으로 구현을 했지만app.tsx에서 useRoutes를 사용할 수 없다고 오류가 뜨며 작동이 되지않습니다.이경우 어떻게 해야할까요?여기서 elem를 불러오는 과정에서 오류가 발생합니다.
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
컨테이너 파일과 타입스 파일 매칭 질문
안녕하세요~ 포트폴리오 주소 가져오기 공부하면서 질문드립니다BoardWrite 컨테이너 파일과 타입스 파일에서 타입 명시해주는 부분이 이해되지 않습니다동그라미 친 부분만 그대로 타입 명시해주면 되는 줄 알았는데 타입스 파일에는 4부분으로 나눠져서 타입이 명시되 있어서요~ 저는 타입스 파일에서 4번째 동그라미만 있으면 될 것 같았어요~
-
해결됨풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기
204 error 문제
안녕하세요 재남님!배포 과정에서 문제가 있어 질문 드립니다~현재 상황은 heroku에 깃 연동을 통해 배포를 한 상태입니다.그렇기 때문에 herokuURL/graphql 을 입력하면 studio.apollographql.com에서 날리는 api test도 잘 동작하고 있습니다.그런데 vercel로 배포한 페이지에서는 products 화면을 제외한 cart, admin 같은 경우는 204 error가 뜨고 있는 상황입니다. 검색을 해보니 컨텐츠를 보여줄 필요가 없다(?) 라고 나오는데 어떤 문제인지 잘모르겠습니다.. ㅜ
-
해결됨GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]
섹션7. 디자인요소 배치 / 서버실행시 경고메세지
섹션7. 디자인요소 배치수업을 따라가던 도중,서버를 실행하는 과정에서, 라고 나오는데 react 관련된 에러인거 같은데, 무시하고 진행해도 되는건가요?만약에 그렇다면, 계속 이런 경고창이 서버실행할때마다 뜨는건 매우 거슬릴거같긴합니다.그렇다고 저기 나온대로 react 를 npm 인스톨 한다고하면,굳이 필요없는 패키지를 설치하게 되는 것이 아닌가 싶습니다. 이부분 궁금합니다.
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
antd rating 질문
안녕하세요 ant design 사이트에서 별점을 가져와서 사용하는 부분 질문있습니다콘테이너 파일에서는 리턴부분에 바로 setStar={setStar}로 넘겨주면 프레젠터 파일에서 props.setStar로 받고 있습니다 다른 매개변수처럼 onChange 함수를 사용하지 않고 바로 setStar로 넘겨주는 이유는 무엇인가요? 작동이 되는 이유가 궁금합니다그리고 types 파일에서 setStar: Dispatch<SetStateAction<number>>;타입을 이렇게 받고 있는데 이 설명은 강의에서 못본것 같아서요~ ant design 사이트에서 알 수 있는 것인가요?? BoardCommentWrite.container.tsx 파일BoardCommentWrite.types.tsx 파일
-
해결됨GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]
섹션6-기본 사용자 등록 / user Collection 확인시 토큰 생성 여부
강의 영상에 보면,저렇게 토큰이 생성되어있던데요.저도 그렇고, 강의자료 예제코드에서도 그렇고처음생성되는 관리자계정에, 토큰이 생성이 안되어져나오는데이단계에서는 생성되지 않는게 맞는건가요?강의영상처럼 생성이 되어야하는건가요?헷갈리네요.
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
fetchBoardComments 데이터를 map으로 뿌린 el 타입 지정
안녕하세요 멘토님!시간을 짬짬히 내서 공부하는지라 진도는 느리지만 그래도 여차저차 타입스크립트 포폴 전환까지 완료헀습니다.빨간 줄 한 곳도 없이 무사히 전환 완료하였으나 강의 내용에도 나오지 않은듯한? 부분에서 궁금한게 생겨서 질문 드립니다.댓글 리스트 컴포넌트 부분을 map으로 렌더링 하는 방식으로 작업하였는데요, 여기 el의 타입을 지정하는 부분에서 Pick<IQuery, "fetchBoardComments"> 타입이 먹히지 않아서 삽질을 좀 했습니다. 그래도 여차저차 types.ts 내부를 참고하면서 수정해본 결과, el: IBoardComment 를 그대로 el의 타입으로 지정해주니까 컴파일 에러가 사라지고 해결되었습니다.이건 알고 해결했다기 보다는 모르고 바꿨는데 운 좋게 에러가 사라진 것이라 왜 해결됐는지 알고 넘어가고 싶어서 질문드립니다. (이게 편법이거나 정답이 아닐 수도 있다는 생각도 들었습니다.)그리고 Pick<IQuery, "fetchBoardComments">와 IBoardComment는 어떠한 차이가 있는지 궁금합니다. 참고로 el을 props drilling 하여 보낸 presenter 부분은 이렇게 사용하고 있습니다. 감사합니다.