묻고 답해요
167만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
Query 중첩 질문.
강의 8분부터 schema폴더에서 index,js를 구성하는과정에서 질문드립니다! query ,mutation의 중복을 피하기위해 linkSchema를 정의해서 type Query, type Mutation을 의미없는 값을 설정후에 extend를 사용하면 중복을 피할 수 있다 라고 이해를 했는데 이게 message.js, user.js라는 각각분리된 파일안에서 query가 정의되어도 중복이 발생해서 이렇게 설정해주신건가요??
-
해결됨풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
파일 읽어오기 질문..
1. routes/messages.js 2. dbController.js 질문.. 1. console.log로 확인해보면 undefined가 출력되는걸로 봐서 파파일을 못읽어오는거같은데 원일을 못찾겠습니다.. (DB파일의 아이디는 문자열로 바꿨습니다!) 2. 유력한 후보가 경로설정을 잘못해줘서 그런거같은데 basePath를 설정하는과정에서 resolve()가 정확히 무슨 뜻인가요?? 경로를 문자열로 바꿔주는걸로 알고있는데 resolve(basePath, ...); 이렇게 작성된 부분을 해석을 못하겠습니다..
-
해결됨풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
userid 미인식문의
안녕하세요 .선생님. URL의 userid 값을 인식못하는 문제가 있네요 ㅜㅜ MsgList.js에서 const userId값을 제대로 받지 못하는것 같습니다. messages.json 파일에는 제대로 들어있는데 못가져오는것 같습니다. 살펴보았는데 제 실력으로 파악이 좀 어렵네요 ㅜㅜ 시간되실때 한번만 살펴봐주시면 감사하겠습니다. https://github.com/imslee100/React-API/tree/67a6b99f164818ed89ac8ff71a2b8be79ff2c8c5
-
해결됨풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
SCSS 미적용문의
안녕하세요 .선생님. 2번이나 따라해보았는데 SCSS가 적용이 되지 않는것 같습니다. ㅜㅜ 한번만 봐주실 수 있을까요? https://github.com/imslee100/React-API/tree/43ff3052029174f878762fa0544dfdc031f118fe
-
해결됨풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
next.config.js 파일미생성
안녕하세요. 환경설정 영상에도 next.config.js 파일이 없는데 이번영상에서 next.config.js파일을 수정하는 부분이 있습니다. 해당 파일은 영상을 따라해도 생성되지 않는데 확인을 요청드립니다. server쪽 폴더에도 작업한 내용이 없는데 영상에는 파일들이 있는것 같습니다. 아마 이전영상에 이어 촬영되지 않은것 같은데 확인을 요청드립니다.
-
해결됨풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
서버오류발생
선생님. 환경세팅 화면 그대로 따라했습니다. localhost:3000에서 아래와 같은 오류가 뜨네요.. 혹시 코드 챕터별 commit된 github은 없는지 궁금합니다.
-
해결됨풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
yarn 문의
yarn 말고 npm을 init과 script에서 써도 될까요?
-
미해결풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
next 12버전 스타일 안먹히나요?
현재 sass 적용 해 봤는데 오류는 나지않고 스타일 자체를 안먹습니다
-
해결됨풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
put
그래프큐엘을 다시 보면서 강의 정주행 해보고 있습니다.질문: update message 부분을 put 대신에 patch로 리팩토링해도 괜찮을까요? 저는 프론트 위주로만 알고 있어서 api쪽은 단순히 전체 update는 put, 부분적인 data 수정은 patch 정도로만 알고 있는데요, 어떤 경우 put/patch를 쓰는 게 더 좋은지 의견 궁금해서 남깁니다.
-
해결됨풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
next파일 생성이 안됨
그대로 디펜더시 다운후에 next,react 파일이 안생기는데 그냥 npx 로 다운받아야하나요? (경로확인했습니다)
-
해결됨풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
yarn run client
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 환경 세팅하고 yarn run client으로 "simple sns" 정상출력 확인 후 목록뷰 구현하기에서 코드 친 후 yarn run client하니 갑자기 빈페이지에 아래 오류가 뜨는데 구글링해도 방법을 잘 모르겠습니다ㅜ
-
해결됨풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
수강전문의 next js 버전업데이트
강의는 next 11버전인데 지금은 12버전더라구요 혹시 수강하는데 문제없을까요? 그 11대응영상만 참고하면 에러사항없을까요?
-
해결됨풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
강의내용 질문
강의 7:01 부분의 16번쨰 코드내용에대한 질문입니다! 노드js는 처음이라서 우선 강의따라 흐름만 이해하면서 듣고있습니다! 16번쨰줄의 내용이 서버가 실행될때 forEach로 순회하면서 messagesRoute에서 정의한 메서드들을 실행하는 내용같은데, 작성된 문법이라면 현재 url외의 메서드들도 순회하면서 전부 실행 시키는 중인가요??
-
해결됨풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
setEditingId 질문 있습니다!
안녕하세요? page를 처음 렌더링하고 MsgItem의 수정을 클릭하여 startEdit을 실행하면 setEditingId(x.id)를 실행시키는데요. 바로 console.log(x.id)와 console.log(editingId)를 찍어보면 x.id는 잘 나오는데 editingId의 경우 처음 null 이 오고 계속 전값들이 찍혀서요(계속 클릭한 전 x값들이 editingID에 찍힘). setEditingId 함수로 editingID 값 변경까지 시간 딜레이가 있어서 일까요? 작동은 잘 합니다만, 공부하느라 console.log를 찍어보다 의문점이 들어서요!
-
해결됨풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
무한스크롤 관련
무한스크롤 구현시 <div ref={fetchMoreEl} /> 이부분이 화면스크롤시 제대로 감지가 안되는 건지 useEffect 에서 intersecting 이 계속 false 더군요 제가 해결한 방법은 <div ref={fetchMoreEl} style={{ border: '1px solid white' }}></div> 이렇게 입력해서 정상작동하는 것을 확인했습니다. 비슷한 문제 발생시 참고용~
-
해결됨풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
useState()조건
const [editingId, setEditingId] = useState(null); const [hasNext, setHasNext] = useState(true); useState()에 어떨때는 null 어떨때는 true가 들어가는데 어떤것을 기준으로 판단해야 하는것인지 궁금합니다.
-
해결됨풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
query client를 clientRef.current에 저장하는 이유가 무엇인가요~?
new QueryClient() 위 객체를 useState의 setState()로 state에 저장할 수도 있는데 useRef를 써서 ref.current에 저장하는 이유가 따로 있는지 궁금합니다! useRef는 html tag의 reference를 참조할 때 쓰는 걸로 알고 있어서요 :)
-
해결됨풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
yarn run server 에러 발생
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 깔았는데도 그러네요..
-
미해결스프링 기반 REST API 개발
JUnit5에서 prettyPrint() 적용하기
@ExtendWith({RestDocumentationExtension.class, SpringExtension.class})@SpringBootTestclass 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을 원하는 문자로 바꿀 수 있습니다.
-
미해결[개정판 2023-11-27] Spring Boot 3.x 를 이용한 RESTful Web Services 개발
필터링 대신에 dto를 사용하면 안되나요?
예를들면 UserSimpleDto 클래스로 id, name, joinDate만 내려주고 전체 데이터는 User에서 가져오는 방식은 문제가 있을까요? 제가 rest api를 처음 제대로 접해봐서 뜬금없는 질문인것 같긴한데 궁금해서 질문드립니다.