해결 했습니다. 감사합니다. 좋은하루 보내세요. 안녕하세요. 질문 있습니다!제가 react-query(@tanstack/react-query)를 사용하며 useQuery를 병렬처리 하려고 합니다. 그 과정에서 useQuery가 한번에 다 실행되지 않고 부분적으로 실행 되는데 혹시 이유가 뭔지 해결하려면 어떤식으로 검색해 나가면 될지 궁금합니다.현재 문제 상황은 아래와 같이 useQuery를 병렬로 사용 했을 때, 여러개가 한번에 처리되는 것이 아닌 부분적으로 처리되는 상황입니다.코드는 아래와 같습니다.pageimport React from 'react'; import { dehydrate, QueryClient, useInfiniteQuery, useQueries, useQuery } from '@tanstack/react-query'; import DefaultLayout from '@layouts/DefaultLayout'; // import InfiniteCarousel from '@components/Commons/InfiniteCarousel'; import { loadStoreAPI, loadSettingsAPI, loadBannersAPI, loadCategoriesAPI } from '@apis/store'; import { GetStaticProps } from 'next'; import { ParsedUrlQuery } from 'querystring'; import { useRouter } from 'next/router'; interface Params extends ParsedUrlQuery { storeId: string; } const Home: React.FC = () => { const router = useRouter(); const { storeId } = router.query as Params; const { data: storeInfo } = useQuery(['storeInfo', storeId], () => loadStoreAPI(storeId), { enabled: !!storeId, // staleTime: 5 * 1000, }); const { data: settings } = useQuery(['settings', storeId], () => loadSettingsAPI(storeId), { enabled: !!storeId, // staleTime: 5 * 1000, }); const { data: banners } = useQuery(['banners', storeId], () => loadBannersAPI(storeId), { enabled: !!storeId, // staleTime: 5 * 1000, }); const { data: categories } = useQuery(['categories', storeId], () => loadCategoriesAPI(storeId), { enabled: !!storeId, // staleTime: 5 * 1000, }); // const result = useQueries({ // queries: [ // { // queryKey: ['storeInfo', storeId], // queryFn: () => loadStoreAPI(storeId), // enabled: !!storeId, // }, // { // queryKey: ['settings', storeId], // queryFn: () => loadSettingsAPI(storeId), // enabled: !!storeId, // }, // ], // }); return ( <DefaultLayout> <h1>home123</h1> {/*<InfiniteCarousel></InfiniteCarousel>*/} </DefaultLayout> ); }; export const getStaticPaths = async () => { return { paths: ['/app/store/[storeId]'], fallback: true, }; }; export const getStaticProps: GetStaticProps = async ({ params }) => { const { storeId } = params as Params; if (!storeId) { return { redirect: { destination: '/', permanent: true, }, }; } const queryClient = new QueryClient(); await queryClient.prefetchQuery(['storeInfo', storeId], () => loadStoreAPI(storeId)); await queryClient.prefetchQuery(['settings', storeId], () => loadSettingsAPI(storeId)); await queryClient.prefetchQuery(['banners', storeId], () => loadBannersAPI(storeId)); await queryClient.prefetchQuery(['categories', storeId], () => loadCategoriesAPI(storeId)); return { props: { dehydratedState: dehydrate(queryClient), }, }; }; export default Home; apisimport axios from 'axios'; import { backUrl } from '../config/config'; axios.defaults.baseURL = backUrl; axios.defaults.withCredentials = true; const [GET, POST] = ['GET', 'POST']; export function loadStoreAPI(data: string) { const options = { method: GET, url: `/store/${data}`, }; return axios(options).then((response) => response.data); } export function loadSettingsAPI(data: string) { const options = { method: GET, url: `/store/${data}/settings`, }; return axios(options).then((response) => response.data); } export function loadBannersAPI(data: string) { const options = { method: GET, url: `/store/${data}/banners`, }; return axios(options).then((response) => response.data); } export function loadCategoriesAPI(data: string) { const options = { method: GET, url: `/store/${data}/categories`, }; return axios(options).then((response) => response.data); } export function loadMenusAPI({ storeId, categoryId }) { const options = { method: GET, url: `/store/${storeId}/category/${categoryId}/menus`, }; return axios(options).then((response) => response.data); }  react query 데브툴에서는 fetching에서 stale로 한번에 가지 않고 약 1초 간격으로 하나씩 옮겨지는 상황입니다.처음에는 staleTime을 주어 해결한듯 보였으나 다른 윈도우나 탭으로 포커스를 이동 후 다시 개발중인 웹앱으로 포커스를 이동하면 같은 문제가 발생하는걸 확인했습니다.혹시 몰라 useQueries를 사용해보았는데 같은 상황이 반복됐습니다.getStaticPaths에 있는 코드들은 정상 작동하는 상황이라 한번에 요청을 하여 생기는 문제가 맞을까요?검색해도 이유나 해결 방법을 찾지 못해 도움 청합니다. 감사합니다.

[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예)[질문 내용]save를 테스트하는 부분입니다. assertthat에서 is same as는 객체의 주소까지 일치 여부를 확인하고, isequalto는 내용을 확인하는 것까지 이해했습니다. 저기 save함수 //given에서 item을 생성했을때의 주소를 a라고 하면, itemrepository.save에서 store.put을 할때 주소가 a인 item이 그대로 repository에 저장되는건가요? 주소가 a인item객체의 복사본을 생성하고, 이을 저장해서 주소가 다른 b가 repository에 저장되는 것이 아니었나요? 실행해보면 다 sameas라고 나와서 객체의 주소가 같다고 나오는데 이해가 잘 안가서 여쭈어 봅니다.! 만약 repository에 저장된 item도 주소가 a라면, 둘 다 완전 동일한 heap영역에 있는 객체인게 맞나요?

 혹시 apollo api 설치하는 부분이 강의에 있을까요?? 없으면 알려주시면 감사하겠습니다. 구글링해서 package.json에 추가는 했습니다.이상태로 yarn dev로 서버를 열면 첫번째 사진의 에러가 뜨네요 강의 잘 따라가다가 서버부분에서 막히네요"@apollo/client": "^3.7.4",   

 스프링핵심원리 및 NODE.js 수업 환불 신청을 하려고 하는데요사두고 노드수업은 한개도 안들었고요.. 클릭한적없어 수강률 0이며스프링핵심원리는 언제클릭은했는지 모르겠지만 (아마 예전에 미리보기본걸로 예상)0.8프로로 들은게 거의없어요 일주일이 넘었지만 클릭한적이 거의 없던 수업들인데 사정상 보기가 어려워서환불좀 부탁드리고 싶어서요.이번만 양해 부탁드려요. 두 수업을 합치면 금액도 큰편이라 ㅜ 수강을 하지 않은 상태 감안해서 한번만 봐주세요. 다음에 기회되면 인프런 강의 신중히 결제 진행하겠습니다. 

강의와 같은 코드로 도커를 실행하면 아래와 같은 에러가 발생했습니다.Error: 'app.router' is deprecated!해당 에러는 아래와 같이 코드를 변경해주시면 해결 가능합니다. 변경 전 코드:app.router.get('/', (req, res) => { res.send('Hello World');})변경 후 코드:app.get('/', (req, res) => { res.send('Hello World');})

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 6분36초에 보면 한식카테고리만 검색했을 때 구이도 나오는 걸 확인 할 수 있습니다.이후 편집과정에서 어떤 부분 수정하셔서 한식만 검색되었는지 알 수 있을까요?강의 코드를 베끼고 있는데 카테고리 넣어서 조회해도 모든목록이 다나와버리고 있어서 .. 인덱스컨트롤러 코드 첨부합니다.const { pool } = require("../../config/database"); const { logger } = require("../../config/winston"); const jwt = require("jsonwebtoken"); const secret = require("../../config/secret"); const indexDao = require("../dao/indexDao"); // 식당 조회 exports.readRestaurants = async function (req, res) { const { category } = req.query; // 카테고리 값이 넘어왔다면, 유효한 값인지 체크 if (category) { const validCategory = [ "한식", "중식", "일식", "양식", "분식", "구이", "회/초밥", "기타", ]; if (!validCategory.includes(category)) { return res.send({ result: rows, isSuccess: false, code: 400, // 요청 실패시 400번대 코드 message: "유효한 카테고리가 아닙니다.", }); } } try { const connection = await pool.getConnection(async (conn) => conn); try { const [rows] = await indexDao.selectRestaurants(connection, category); return res.send({ result: rows, isSuccess: true, code: 200, // 요청 실패시 400번대 코드 message: "식당 목록 요청 성공", }); } catch (err) { logger.error(`readRestaurants Query error\n: ${JSON.stringify(err)}`); return false; } finally { connection.release(); } } catch (err) { logger.error(`readRestaurants DB Connection error\n: ${JSON.stringify(err)}`); return false; } }; 그리고 여기서 만들어 놓지 않은 카테고리를 입력하고 send를 누르면 could not get response라고 나오고 터미널에 에러가 뜹니다.memilmooki@hanhyeonmug-ui-MacBookAir Node-Template-For-Food-Map-main % node index .js 2023-01-18 14:00:25 info: undefined - API Server Start At Port 3000 /Users/memilmooki/Downloads/NODE-TEMPLATE-FOR-FOOD-MAP-MAIN/src/controllers/indexController.js:26 result: rows, ^ ReferenceError: rows is not defined at exports.readRestaurants (/Users/memilmooki/Downloads/NODE-TEMPLATE-FOR-FOOD-MAP-MAIN/src/controllers/indexController.js:26:17) at Layer.handle [as handle_request] (/Users/memilmooki/Downloads/NODE-TEMPLATE-FOR-FOOD-MAP-MAIN/node_modules/express/lib/router/layer.js:95:5) at next (/Users/memilmooki/Downloads/NODE-TEMPLATE-FOR-FOOD-MAP-MAIN/node_modules/express/lib/router/route.js:144:13) at Route.dispatch (/Users/memilmooki/Downloads/NODE-TEMPLATE-FOR-FOOD-MAP-MAIN/node_modules/express/lib/router/route.js:114:3) at Layer.handle [as handle_request] (/Users/memilmooki/Downloads/NODE-TEMPLATE-FOR-FOOD-MAP-MAIN/node_modules/express/lib/router/layer.js:95:5) at /Users/memilmooki/Downloads/NODE-TEMPLATE-FOR-FOOD-MAP-MAIN/node_modules/express/lib/router/index.js:284:15 at Function.process_params (/Users/memilmooki/Downloads/NODE-TEMPLATE-FOR-FOOD-MAP-MAIN/node_modules/express/lib/router/index.js:346:12) at next (/Users/memilmooki/Downloads/NODE-TEMPLATE-FOR-FOOD-MAP-MAIN/node_modules/express/lib/router/index.js:280:10) at SendStream.error (/Users/memilmooki/Downloads/NODE-TEMPLATE-FOR-FOOD-MAP-MAIN/node_modules/serve-static/index.js:121:7) at SendStream.emit (node:events:513:28) Node.js v19.0.1 memilmooki@hanhyeonmug-ui-MacBookAir Node-Template-For-Food-Map-main %

회원가입 테스트를 돌리면 제목처럼 에러가 났습니다. 근데 h2 서버를 실행시키고 나서 test를 다시 돌려보니 성공했습니다. 제목에 있는 오류가 나는 이유가 무엇인가요?h2 서버를 먼저 실행시키는 방법이 옳은 방법이 맞나요?아니라면 어떻게 고쳤어야 하나요?

localStorage 데이터는 json인가요? object와 json의 차이가 헷갈리는것 같습니다 ㅠㅠ😢어떤 코드가 object 인지 json인지를 구별하는 방법이 있을까요?🫠(object key: value 형태, json "key": "value" -> string 형태의 단순 텍스트 라고 많이 나오는데요...)-> localStorage 를 console에 찍어면 object로 나오는 것 같아서요JSON.stringify, JSON.parse 사용 관련해서요 이유가 궁금합니다🥹

강사님!TemplateSyntaxError at /instagram/new/ Invalid block tag on line 34: 'endblock', expected 'elif', 'else' or 'endif'. Did you forget to register or load this tag?이런 에러가 떴습니다.메세지를 보아하니 유효하지 않은 태그가 34번에 있는데 그 이름이 endblock이고심플하게는 태그 잘썼냐? 이런걸로 해석이 되는데요.{% extends 'gram/layout.html' %} {% load bootstrap5 %} {% block content %} <!-- 파일도 전송할 경우에는 반드시 enctype="multipart/form-data"를 해줘야 한다. --> <form action="" method="post" enctype="multipart/form-data"> {% csrf_token %} {% bootstrap_form form %}% <!-- form을 써줄때는 반드시 table로 감싸줘야 생김새가 깨져보이지 않고 정돈되어 나온다. --> <!-- 두번째 방법으로는 form.as_table을 해주면 된다. --> {% comment %} <table> {{ form }} </table> {% endcomment %} {% buttons %} {% comment %} <input type="submit" value="저장"> {% endcomment %} <button class="btn btn-success"> 저장 </button> {% endbuttons %} <!-- 여기를 통해서 전달받게 되는 데이터는 request.POST의 형식으로 전달이 된다. 따라서 이것과 관련된 로직을 구현해야하며, 추가로 파일저장이 있을 경우에는 request.FILES도 추가적으로 정의해주어야 한다. --> </form> <hr> <!-- NoReverseMatch에러의 요소였어서, 각 인자에 post를 추가해 주었고 이건 주석처리 해준다. --> <!-- {% if form.instance %} --> {% if post %} <a href="{{ post.get_absolute_url }}" class="btn btn-success"> 내용으로 </a> {% endif %} <a href="{% url 'gram:post_list' %}" class="btn btn-success">목록</a> {% endblock content %}에러가 발생한 페이지를 보면 짝을 이루는 태그가block -> block, endblock 각 한개씩 있음buttons -> buttons, endbuttons 각 한개씩 있음if -> if, endif 각 한개씩 있음. 뭐가 문제인걸까요? ㅠㅜ

http://boj.kr/840aa4abc0c7452d960643187ee2b215왜 이렇게 짜면 예제입력2에서 무한루프가 걸리나요??아무리 생각해도 그 이유를 모르겠어요..

안녕하세요 강의 잘 들었습니다. XSS 관련해서 궁금한게 있는데요.실제 소스를 돌려보지 못하고 문의 드려서 죄송합니다.소스상으로 봤을때 xss lucy 필터를 적용할 경우 DB에 이스케이프 되어서 저장이 될거라고 예상 됩니다.다만 requestBody 경우 DB 에 저장하기 전에 이스케이프 되는게 아닌 출력 전에 이스케이프가 될거 같은데 맞을까요?맞다면 lucy 적용한 데이터는 db에 이스케이프가 되어 저장 되어 있고 requestbody로 받은 데이터는 db에 이스케이프 되어 있지 않고 저장 될거 같은데 그럼 문제가 있지 않나 싶어 문의 드립니다.

Part5: 데이터베이스_ SSMS 입문 8분 45초 강의 수강중Tables >> new >> Tables을 실행하였습니만 This backend version is not supported to design database diagrams or tables. (MS Visual Database Tools)위 에러가 발생합니다. 에러해결을 할 방법이 있을까요?

http://localhost:3090입력하면 아무반응이 없어요..

 안녕하세요.강의 잘 보고 있습니다.몇가지 질문이 있습니다. Fragment 에서binding 선언시 lateInit var를 사용 안하고 null 허용을 하는 이유가 onDestory()에서 해제를 하려는 이유인가요? lateinit var 로 선언하면 onDestory()에서 해제 할 수 없는건가요? onDestory() 에서 해제를 안하면 안되나요?

우선 수업 잘 듣고 있습니다 호돌맨님! 많이 배우고 있어요 ㅎㅎ제목에서와 같이 PostCreate 부분에서 기본 생성자에 관해 질문을 드립니다. // @Setter @Getter @NoArgsConstructor // TODO: 왜 이게 꼭 있어야 하는 것일까? public class PostCreateDto { @NotBlank(message = "타이틀을 입력해주세요.") private String title; @NotBlank(message = "내용을 입력해주세요.") private String content; @Builder public PostCreateDto(String title, String content) { this.title = title; this.content = content; } }우선 이건 제 코드입니다. 보시면 제 코드에는 @NoArgsConstructor 어노테이션이 있는데요. 이 부분이 없으면 제 PostControllerTest에서는 테스트 실패가 뜨더라구요. 에러 메시지는 다음과 같습니다. Caused by: com.fasterxml.jackson.databind.exc.InvalidDefinitionException: Cannot construct instance of com.blog.request.PostCreateDto (no Creators, like default constructor, exist): cannot deserialize from Object value (no delegate- or property-based Creator)에러메시지를 읽어보니 생성자가 없다는 문제 같아서 @NoArgsConstructor 어노테이션을 붙여보니 정상적으로 작동을 하더군요.이 부분이 궁금해서 찾아보니 RequestBody로 넘어오는 데이터를 맵핑할 때 Jackson의 ObjectMapper가 사용되는데 이게 RequestBody를 생성할 때, DTO가 Property기반이 아니거나 Delegate를 한 상태가 아니라면 기본 생성자로 생성한다 라고 나와있네요. (https://velog.io/@conatuseus/RequestBody%EC%97%90-%EC%99%9C-%EA%B8%B0%EB%B3%B8-%EC%83%9D%EC%84%B1%EC%9E%90%EB%8A%94-%ED%95%84%EC%9A%94%ED%95%98%EA%B3%A0-Setter%EB%8A%94-%ED%95%84%EC%9A%94-%EC%97%86%EC%9D%84%EA%B9%8C-3-idnrafiw)그리고 바인딩할 때 Setter가 없이도 자바 리플렉션을 통해서 DTO에 값이 들어간다고 하는 것도 이번에 알게 됐네요. 그래서 Setter를 지우고 Getter랑 @NoArgsConstructor 어노테이션만 붙이고 테스트를 돌려보니 통과가 잘 됩니다. 그런데 호돌맨님이 올려주신 코드를 보니 PostCreate 부분에 기본생성자가 없더라구요. 그런데도 테스트통과가 잘 되는 것을 보니까 신기하네요. 어떻게 그게 가능한 것인지 설명해주실 수 있나요?

 { "name": "aaa", "version": "0.0.1", "description": "", "author": "", "private": true, "license": "UNLICENSED", "scripts": { "build": "nest build", "format": "prettier --write \"src/**/*.ts\" \"test/**/*.ts\"", "start": "nest start", "start:dev": "nest start --watch", "start:debug": "nest start --debug --watch", "start:prod": "node dist/main", "lint": "eslint \"{src,apps,libs,test}/**/*.ts\" --fix", "test": "jest", "test:watch": "jest --watch", "test:cov": "jest --coverage", "test:debug": "node --inspect-brk -r tsconfig-paths/register -r ts-node/register node_modules/.bin/jest --runInBand", "test:e2e": "jest --config ./test/jest-e2e.json" }, "dependencies": { "@nestjs/apollo": "^10.1.7", "@nestjs/common": "^9.0.0", "@nestjs/config": "^2.2.0", "@nestjs/core": "^9.0.0", "@nestjs/graphql": "^10.1.7", "@nestjs/jwt": "^10.0.1", "@nestjs/passport": "^9.0.0", "@nestjs/platform-express": "^9.0.0", "@nestjs/typeorm": "^9.0.1", "apollo-server-express": "^3.11.1", "bcrypt": "^5.1.0", "class-transformer": "^0.5.1", "class-validator": "^0.14.0", "dotenv": "^16.0.3", "graphql": "^16.6.0", "graphql-upload": "^13.0.0", "mysql2": "^2.3.3", "passport": "^0.6.0", "passport-google-oauth20": "^2.0.0", "passport-jwt": "^4.0.1", "reflect-metadata": "^0.1.13", "rxjs": "^7.2.0", "typeorm": "^0.3.11" }, "devDependencies": { "@nestjs/cli": "^9.0.0", "@nestjs/schematics": "^9.0.0", "@nestjs/testing": "^9.0.0", "@types/bcrypt": "^5.0.0", "@types/express": "^4.17.13", "@types/graphql-upload": "^15.0.2", "@types/jest": "29.2.4", "@types/node": "18.11.18", "@types/passport-google-oauth20": "^2.0.11", "@types/passport-jwt": "^3.0.8", "@types/supertest": "^2.0.11", "@typescript-eslint/eslint-plugin": "^5.0.0", "@typescript-eslint/parser": "^5.0.0", "eslint": "^8.0.1", "eslint-config-prettier": "^8.3.0", "eslint-plugin-prettier": "^4.0.0", "jest": "29.3.1", "prettier": "^2.3.2", "source-map-support": "^0.5.20", "supertest": "^6.1.3", "ts-jest": "29.0.3", "ts-loader": "^9.2.3", "ts-node": "^10.0.0", "tsconfig-paths": "4.1.1", "typescript": "^4.7.4" }, "jest": { "moduleFileExtensions": [ "js", "json", "ts" ], "rootDir": "src", "testRegex": ".*\\.spec\\.ts$", "transform": { "^.+\\.(t|j)s$": "ts-jest" }, "collectCoverageFrom": [ "**/*.(t|j)s" ], "coverageDirectory": "../coverage", "testEnvironment": "node" } } 노드 모듈을 지우고 다시 설치했지만 .. 임포트 되지 않습니다 ..

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.1. 강의 내용과 관련된 질문을 남겨주세요.2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.(자주 하는 질문 링크: https://bit.ly/3fX6ygx)3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요.(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.=========================================[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)[질문 내용]혹시 설날 할인 같은 거 계획 중이신지 궁금합니다. 

뒷부분 강의 내용에 쓰는 나뭇잎 파일은 따로 없나요? 그냥 제가 모델링해서 써야하는 건지, 강의 자료가 있는데 못찾는 건지 궁금합니다.

http://boj.kr/8b016e9bac4a41c6849a1fd3d5e1b96d이 코드가 틀린 코드인거 압니다.근데 이 코드에 테스트 케이스 5,17을 입력했을때 벡터의 범위를 벗어난다고 하더군요.5,17의 경우 K가 20일때 visited[20]이 3이되면서 50만을 전혀 무리없이 넘기지 않고 일찍 종료되는데, 대체 왜 범위를 벗어난다는건지 모르겠네요.테스트케이스 250000, 499999을 입력하면 잘 돌아갑니다. 그리고 이 문제에서 홀짝을 굳이 생각해야하나요? 기존 숨바꼭질 문제의 bfs로직에서 동생의 위치만 실시간으로 변하는걸 고려해서 짜면 되는거 아닌가요?

  cvc-complex-type.2.4.c: The matching wildcard is strict, but no declaration can be found for element 'context:component-scan'.서비스 제이유닛으로 테스트 하기위해서 servlet에 있는 scan을 root-context.xml으로 옮기는 과정중에서 일어났습니다.오류 뜨는 x표시란에 마우스를 대면 위와 같은 오류가 납니다.