inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

yarn run server 에러 발생

해결됨

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

yarn 워크스페이스 구성하고 필요한 패키지를 설치했는데 nodemon ./src/index.js 위 커맨드 실행시 에러가 발생합니다. yarn 2 버전을 사용하고 있는데 버전 1로 다운그레이드 해도 동일한 현상이 발생하네요.. 의존성 관리에 문제가 있는 것 같은데 해결책이 있을까요? 폴더 구조는 강의와 동일합니다. // package.json { "version" : "1.0.0" , "name" : "node-graphql" , "private" : true, "workspaces" : [ "client" , "server" ] , "scripts" : { "frontend" : "yarn workspace client start" , "server" : "yarn workspace server start" } } // server/package.json { "version" : "1.0.0" , "name" : "server" , "main" : "index.js" , "type" : "module" , "license" : "MIT" , "dependencies" : { "cors" : "^2.8.5" , "express" : "^4.17.1" , "uuid" : "^8.3.2" } , "devDependencies" : { "nodemon" : "^2.0.15" } , "scripts" : { "start" : "nodemon ./src/index.js" } } 에러 내용 (node:76305) ExperimentalWarning: The ESM module loader is experimental. internal/modules/run_main.js:54 internalBinding('errors').triggerUncaughtException( ^ Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'express' imported from /Users/iyuun/WebstormProjects/node-graphql/server/src/index.js Did you mean to import express-npm-4.17.1-6815ee6bf9-c4b470d623.zip/node_modules/express/index.js? server 폴더에서 express 깔았는데도 그러네요..

  • 에러
  • react
  • rest-api
  • graphql
uoon lee 댓글 1 좋아요 0 조회수 769

JUnit5에서 prettyPrint() 적용하기

미해결

스프링 기반 REST API 개발

@ExtendWith ({ RestDocumentationExtension . class , SpringExtension . class }) @SpringBootTest class EventControllerTest { private MockMvc mockMvc ; @Autowired private ObjectMapper objectMapper ; @Autowired private WebApplicationContext context ; @Autowired private EventRepository eventRepository ; @BeforeEach void init ( RestDocumentationContextProvider restDocumentation) { this . mockMvc = MockMvcBuilders . webAppContextSetup ( this . context ) .addFilters( new CharacterEncodingFilter( "UTF-8" , true )) .apply( documentationConfiguration (restDocumentation) .operationPreprocessors() .withRequestDefaults( modifyUris ().host( "yoonjoy.me" ).removePort(), prettyPrint ()) .withResponseDefaults( modifyUris ().host( "yoonjoy.me" ).removePort(), prettyPrint ())) .alwaysDo( print ()) .build(); } 추가로 addFilters에 UTF-8 설정을 통해 responseBody에서 한글이 깨지는 것을 막고, modifyUris을 통해 호스트 url localhost을 원하는 문자로 바꿀 수 있습니다.

  • spring
  • rest-api
  • java
강낭콩 댓글 1 좋아요 3 조회수 739

필터링 대신에 dto를 사용하면 안되나요?

미해결

[개정판 2023-11-27] Spring Boot 3.x 를 이용한 RESTful Web Services 개발

예를들면 UserSimpleDto 클래스로 id, name, joinDate만 내려주고 전체 데이터는 User에서 가져오는 방식은 문제가 있을까요? 제가 rest api를 처음 제대로 접해봐서 뜬금없는 질문인것 같긴한데 궁금해서 질문드립니다.

  • spring-boot
  • rest-api
!? 댓글 1 좋아요 0 조회수 408

질문) 질문있습니다^^

해결됨

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

속 저는 접속이 안되네요

  • graphql
  • react
  • rest-api
thai pat 댓글 1 좋아요 0 조회수 253

yarn 설치는 어떻게 해야하나요ㅠ

해결됨

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

환경세팅 영상에서 yarn 설치가 필요하면 요청해주세요해서.. 요청드려요!!+_+

  • react
  • graphql
  • rest-api
simjieun 댓글 1 좋아요 0 조회수 218

주소창에 url 쿼리로 userId를 작성한 후 수정을 하려면 500번 에러가 나타납니다

해결됨

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

userId=roy 까지 치고 새글 생성 시 roy로만 추가하는 것까지 완료되었는데 수정을 하고나서 완료버튼을 누르면 콘솔에 에러가 떠요 catch 부분에 console.log을 찍어서 messages의 Update 부분에서 오류가 났다는 것까지는 발견했는데 구글에 검색해봐도 어떻게 해결해야 할지 잘 모르겠습니다 ㅠㅠ 사진이 좀 많은데... 감사합니다! console에 찍힌 에러 MsgList.js MsgItem.js messages.js fetcher.js

  • 수정중에
  • rest-api
  • 500번에러
  • graphql
  • 영상8분10초쯤
  • react
heedori 댓글 1 좋아요 0 조회수 443

_showPopup 부분 질문

미해결

[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part6: 웹 서버

어떻게 검색해야 할 지 몰라서 밤늦게 질문드립니다 ㅠㅠ 혹시라도 주무시는데 알람이 갈까 미리 사과드립니다. @if(_showPopup)을 이용해서 다이얼로그를 띄우는 부분에 관해서 질문입니다. 버튼을 이용해서 _showPopup을 true로 바꿔주면 다이얼로그가 뜨는 부분이 잘 이해가 되지 않습니다. true로 바꾸어주었다고 해도 @if 부분을 다시 가야 다이얼로그 부분이 뜰텐데, while로 백그라운드로 체크하는건지 true가 되면 Callback으로 if를 체크해서 다이얼로그를 띄워주는건지 어떤 방법으로 true로 바뀐 것을 확인하고 다이얼로그를 띄우는건가요? +) 이번엔 출시된 디아블로2 레저렉션을 짬짬이 하고 있는데 햄딘이라는 캐릭을 키우고 있습니다. 캐릭터를 기준으로 반지름을 가지고 원 궤도로 회전하는 해머를 소환해서 닿는 몬스터를 때리는 기술을 쓰는데, 어떻게 구현을 한건지 해머를 돌리면서 자주 생각이 들더라구요. 디자인 패턴이 익숙치 않아 떠오르는 대로 다음처럼 생각 해보았는데요, 구현 자체의 문제점이라거나 해머를 많이 생성하면 서버와 통신할 때 문제가 생길까요? 해머라는 Class를 다음과 같이 설계해서 Class Hammer { public int _playerId { get; set; } public Vec3d _pos {get; set; } public _damage {get; set; } } 해머의 위치 _pos를 일정 프레임 단위로 체크해서 닿는 몬스터의 체력을 _damage만큼 업데이트 해주고, 해당 몬스터의 체력이 0 이라면 _playerId를 찾아서 경험치를 주거나 아이템 권한을 설정해주는 식으로 구현해주면 되지 않을까 생각해봤습니다.

  • rest-api
  • ASP.NET-Core
  • blazor
  • web-api
rhodonite 댓글 1 좋아요 0 조회수 247

DELETE시 params.id 데이터 타입

해결됨

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

// onDelete in MsgList.js ... console.log(typeof id) // number const receivedId = await fetcher("delete", `/messages/${id}`, { params: { userId }, }); // delete handler in messages.js const targetIndex = msgs.findIndex((msg) => msg.id === id); console.log(typeof msg.id, typeof id) // number, string 안녕하세요, 강의에서와는 달리 제 코드에서는 DELETE시 처음부터 서버에서 에러가 발생하여 디버깅 해보니 DELETE 핸들러에서 msg.id는 숫자인데 params.id는 문자열로 들어오고 있습니다. 클라이언트 onDelete에서 보내는 id를 typeof 로 출력해보면 타입이 숫자여서 이해가 어렵습니다. 강의와 똑같이 코드 작성한 것 같은데 어디서 비롯된 문제인지 파악이 어려워 질문 남깁니다. 감사합니다.

  • rest-api
  • react
  • graphql
jh22j9 댓글 2 좋아요 0 조회수 205

pages > index.js에서 궁금한 로직이 있는데요!

해결됨

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

import React from ' react '; import MsgList from ' ../components/MsgList '; import fetcher from ' ../fetcher '; export default function Home ({ smsgs , users }) { return ( <> < h1 > SIMPLE SNS </ h1 > < MsgList smsgs ={ smsgs } users ={ users } /> </> ) ; } export const getServerSideProps = async () => { const smsgs = await fetcher ( ' get ' , ' /messages ' ) ; const users = await fetcher ( ' get ' , ' /users ' ) ; return { props : { smsgs , users } }; }; 안녕하세요! 강의를 보다가 pages에 있는 index.js에 궁금한 로직이 있습니다. getServerSideProps 함수에서 return 값이 어떻게 위 Home 리액트 컴포넌트에 props로 넘어갈 수 있는건가요? 궁금합니다!! ㅎㅅㅎ

  • graphql
  • rest-api
  • react
summer 댓글 1 좋아요 0 조회수 182

안녕하세요! 환경세팅을 깃허브에서 그대로 따라 쳤는데 이상하게 에러가 발생합니다.

해결됨

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

안녕하세요! 에러가 발생해서 여쭤보겠습니다. 환경세팅을 한 후에 yarn run client를 실행하면 아래와 같은 에러코드가 발생하는데 어떠한 이유에서 발생하는지 모르겠습니다... 코드는 그대로 똑같이 치고 강사님의 git파일들과도 비교했는데 에러가 발생합니다 ㅠㅠ PS C:\Users\Desktop\Toy Projects> yarn run client yarn run v1.22.11 $ yarn workspace client start internal/modules/cjs/loader.js:888 throw err; ^ Error: Cannot find module 'C:\Users\諛뺣???AppData\Roaming\npm\node_modules\yarn\bin\yarn.js' at Function.Module._resolveFilename ㅂ(internal/modules/cjs/loader.js:885:15) at Function.Module._load (internal/modules/cjs/loader.js:730:27) at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12) at internal/main/run_main_module.js:17:47 { code: 'MODULE_NOT_FOUND', requireStack: [] } error Command failed with exit code 1. info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

  • rest-api
  • react
  • graphql
댓글 1 좋아요 0 조회수 346

msgs.map is not a function

해결됨

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. import { useState, useEffect, useRef } from "react"; import { useRouter } from "next/router"; import MsgItem from "./MsgItem"; import MsgInput from "./MsgInput"; import fetcher from "../fetcher"; import useInfiniteScroll from "../hooks/useInfiniteScroll"; const MsgList = (smsgs, users) => { const { query: { userId = "" }, } = useRouter(); const [msgs, setMsgs] = useState(smsgs); const [editingId, setEditingId] = useState(null); const [hasNext, setHasNext] = useState(true); const fetchMoreEl = useRef(null); const intersecting = useInfiniteScroll(fetchMoreEl); const onCreate = async (text) => { const newMsg = await fetcher("post", "/messages", { text, userId }); if (!newMsg) throw Error("something wrong"); setMsgs((msgs) => [newMsg, ...msgs]); }; const onUpdate = async (text, id) => { const newMsg = await fetcher("put", `/messages/${id}`, { text, userId }); if (!newMsg) throw Error("something wrong"); setMsgs((msgs) => { const targetIndex = msgs.findIndex((msg) => msg.id === id); if (targetIndex < 0) return msgs; const newMsgs = [...msgs]; newMsgs.splice(targetIndex, 1, newMsg); return newMsgs; }); doneEdit(); }; const onDelete = async (id) => { const receivedId = await fetcher("delete", `/messages/${id}`, { params: { userId }, }); setMsgs((msgs) => { const targetIndex = msgs.findIndex((msg) => msg.id === receivedId + ""); if (targetIndex < 0) return msgs; const newMsgs = [...msgs]; newMsgs.splice(targetIndex, 1); return newMsg; }); }; const doneEdit = () => setEditingId(null); const getMessages = async () => { const newMsgs = await fetcher("get", "/messages", { params: { cursor: msgs[msgs.length - 1]?.id || "" }, }); if (newMsgs.length === 0) { setHasNext(false); return; } setMsgs((msgs) => [...msgs, ...newMsgs]); }; useEffect(() => { if (intersecting && hasNext) getMessages(); }, [intersecting]); return ( <> <MsgInput mutate={onCreate} /> {userId && <MsgInput mutate={onCreate} />} <ul className="messages"> {msgs.map(x => ( <MsgItem key={x.id} {...x} onUpdate={onUpdate} onDelete={() => onDelete(x.id)} startEdit={() => setEditingId(x.id)} isEditing={editingId === x.id} myId={userId} user={users[x.userId]} /> ))} </ul> <div ref={fetchMoreEl} /> </> ); }; export default MsgList; -------- 에러 error - components/MsgList.js (72:14) @ MsgList TypeError: msgs.map is not a function 이유가 뭘까요 대체...

  • 도와주세요
  • react
  • rest-api
  • graphql
유승현 댓글 1 좋아요 0 조회수 966

확장 프로그램

해결됨

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 데이터의 값이 예쁘게 보이지 않아 질문을 올리게 되었습니다. 7 : 22에 교수님의 data는 펼쳐볼수도 있고 예쁘게 정리가 되어 있는데 저의 data는 그냥 나열만 되어 있어서 브라우저에서 보는 확장 프로그램에 대한 문제가 아닌가 라는 생각을 하게 되어서 질문을 하게 되었습니다.

  • 브라우저확장프로그램
  • rest-api
  • react
  • graphql
gwpaeng 댓글 1 좋아요 0 조회수 220

TypeError: Cannot read property 'nickname' of undefined

해결됨

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

저도 똑같은 에러가 발생하여 MsgItem이나 MsgList 전부 깃허브에 올려주신 코드 그대로 복붙도 해보았는데, 그래도 안됩니다. MacOS 사용중입니다. 왜 안되는지 모르겠습니다..

  • rest-api
  • react
  • graphql
Sangmin Park 댓글 1 좋아요 0 조회수 306

onupdate 매개변수

해결됨

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

onupdate 함수의 매개변수를 (id, text) 로 넣어주었더니! 수정 버튼을 클릭 했을 때 내용이 바뀌지 않더라구요 그래서 혹시나해서 매개변수를 (text, id) 로 변경했더니 수정 기능이 제대로 작동 했습니다. 매개변수 순서가 바뀌면 문제가 있는걸까요??

  • rest-api
  • graphql
  • react
댓글 1 좋아요 0 조회수 259

age가 숫자인지 다시 체크하는 이유

해결됨

mongoDB 기초부터 실무까지(feat. Node.js)

안녕하세요! 좋은 강의 잘 듣고 있습니다. 다름이 아니라 질문이 있어 글을 남깁니다. 이미 User.js에서 age: Number로 설정해두었기 때문에 숫자 외의 것이 들어온다면 catch문에서 제대로 에러 처리가 될 것 같은데, 따로 라우트 내에서 age가 숫자인지 아닌지를 다시 체크하는 이유가 궁금합니다. 감사합니다!

  • 데이터 엔지니어링
  • rest-api
  • mongodb
  • DBMS/RDBMS
  • javascript
  • aws
  • nodejs
김가현 댓글 1 좋아요 2 조회수 199

에러가 뜨는데 다 고쳐도 원인을 모르겠어요.

해결됨

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

깃헙에있는 강사님 소스 내용으로 다 덮어씌어도 똑같은 에러가 뜹니다 ㅠㅠ..

  • graphql
  • rest-api
  • react
스타현이 댓글 5 좋아요 0 조회수 513

id 넘겨주는 부분 bind

해결됨

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

아이디를 넘겨주는 곳에서 bind로 id 값을 바인딩 해주면 어떨까요? { isEditing ? < MsgInput mutate = { onUpdate . bind ( null , id ) } text = { text } /> : text } < button onClick = { startEdit . bind ( null , id ) } > Fix </ button >

  • react
  • graphql
  • rest-api
Boom 댓글 1 좋아요 0 조회수 208

@JsonFilter("UserInfo") 를 사용하면 ResponseEntity<List<User>>를 못쓰나요?

미해결

[개정판 2023-11-27] Spring Boot 3.x 를 이용한 RESTful Web Services 개발

@JsonFilter("UserInfo") 를 사용해서 기존에 개발했던 아래 함수를 호출 하니 에러가 발생합니다. 모델쪽에 JsonFilter를 사용하면 컨트롤러쪽에 MappingJacksonValue는 반듯이 사용해야 하는 건가요? @GetMapping ( "/users" ) public ResponseEntity < List < User >> retrieveAllUsers (){

  • spring-boot
  • rest-api
지현명 댓글 1 좋아요 1 조회수 340

API란

해결됨

[개정판 2023-11-27] Spring Boot 3.x 를 이용한 RESTful Web Services 개발

안녕하세요 선생님! 웹 백엔드 개발자를 희망하는 대학생입니다. 선생님의 강의를 들으며 api를 설계하고 있는데 궁금증이 생겼습니다. 이전 까지 학습했던 spring 기반 웹 공부는 사용자의 요청에 따라 SSR를 통해 view를 응답해주는 것으로 알고 있는데 api는 uri와 http 메소드를 통해 json으로 응답해주는 것으로 알고 있습니다. 궁금한 점은 , 프로그래머가 아닌 일반 사용자가 view 에서가 아닌 api를 통해 json 형식으로 회원가입, 조회를 하지 않는거 같은데 api는 언제 쓰이는지 궁금합니다. 단순 개발자의 편의를 위해? 너무 두서가 없네요ㅠㅠ 아직 api의 감이 안잡혀서 그런거같습니다.. 본질적으로 왜 쓰이는지에 대해서 인지를 하고 학습을 하면 더 유용할 것 같습니다. 감사합니다^^

  • api
  • rest-api
  • spring-boot
김상운 댓글 2 좋아요 0 조회수 835

인기 태그

인프런 TOP Writers

주간 인기글