inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

선생님 혹시 Next.js 13에서의 React-query는 어떻게 생각하실까요?

해결됨

손에 익는 Next.js - 공식 문서 훑어보기

안녕하세요 선생님! 좋은 강의 정말 감사하게 듣고 있습니다. 선생님의 강의를 듣다보니, Next.js 13의 Data Fetching 방법이 React Query과 유사함을 느꼈습니다. (주니어라 부족함이 있어 실제론 유사하지 않을 수도 있지만..!) Next 13의 데이터 패칭 방법이 react 에서 React Query를 사용하여 서버 API의 데이터를 일정 시간동안 fresh 상태로 갖고 있는것 stale한지 chach로 체크하는 것 모두 흡사 하다고 느꼈습니다. React Query의 가장 큰 강점은 클라이언트-서버간의 데이터 동기화가 가장 큰 장점이라고 생각하는데 만약 Next 13의 데이터 패칭 방법을 사용한다면 번거로운 React Query의 보일러코드들을 사용하지 않아도 React Query의 장점을 그대로 살려 쉽게 사용할 수 있을 것 같아보입니다! 따라서, Next 13에선 React Query가 무한스크롤 외에 사용할 일이 거의 없을 것만 같아보이는데...! 어떻게 생각하실지 의견이 궁금합니다...! next 13과 react query 조합은 앞으로 거의 사용하지 않게 되는 걸까요? 선생님의 고견을 나눠주시면 감사하겠습니다~! 바쁘실텐데 번거롭게 해드려서 죄송합니다! 감사합니다!

  • react
  • next.js
  • next.js13
  • react-query
밀크티 댓글 3 좋아요 2 조회수 1978

Dockerfile Dockerfile.dev

미해결

따라하며 배우는 도커와 CI환경 [2023.11 업데이트]

Dockerfile.dev에서는 CMD 사용하고 Dockerfile에서는 RUN을 사용하는데 차이점이 뭘까요? Dockerfile.dev에서도 RUN 사용하면 안되나요?

  • aws
  • docker
  • github
  • ci/cd
  • travis-ci
  • 데이터-엔지니어링
haruharu 댓글 1 좋아요 0 조회수 498

프론트엔드 도커파일 실행 중 오류

미해결

따라하며 배우는 도커와 CI환경 [2023.11 업데이트]

15.97 src/components/header/Header.tsx(1,8): error TS6133: 'React' is declared but its value is never read. 15.97 src/components/header/Header.tsx(6,19): error TS6133: 'setIsLogin' is declare d but its value is never read. 15.98 src/components/header/Header.tsx(9,9): error TS6133: 'border' is declared but its value is never read. 15.99 src/components/htmlEditor/HtmlEditor.tsx(1,8): error TS6133: 'React' is decla red but its value is never read. 15.99 src/components/htmlEditor/HtmlEditor.tsx(2,20): error TS7016: Could not find a declaration file for module '@toast-ui/editor'. '/app/node_modules/@toast-ui/edit or/dist/esm/index.js' implicitly has an 'any' type. 15.99 There are types at '/app/node_modules/@toast-ui/editor/types/index.d.ts', b ut this result could not be resolved when respecting package.json "exports". The '@ toast-ui/editor' library may need to update its package.json or typings. 15.99 src/main.tsx(1,1): error TS6133: 'React' is declared but its value is never r ead. 15.99 src/pages/myPage/MyPost.tsx(1,1): error TS6133: 'React' is declared but its v alue is never read. 15.99 src/pages/post/ReadPage.tsx(1,8): error TS6133: 'React' is declared but its v alue is never read. 15.99 src/pages/post/ReadPage.tsx(4,1): error TS6133: 'search' is declared but its value is never read. 15.99 src/pages/post/ReadPage.tsx(8,19): error TS6133: 'setIsLogin' is declared but its value is never read. ------ failed to solve: process "/bin/sh -c npm run build" did not complete successfully: exit code: 2 이런 오류는 어떡하나요?

  • aws
  • docker
  • github
  • ci/cd
  • travis-ci
  • 데이터-엔지니어링
kim1234123 댓글 1 좋아요 0 조회수 1106

마지막 배포시에 도커 관련 문제

미해결

따라하며 배우는 도커와 CI환경 [2023.11 업데이트]

마지막 배포시에 Run echo "***" | docker login -u "***" --password-stdin 2 echo "***" | docker login -u "***" --password-stdin 3 shell: /usr/bin/bash -e {0} 4 Error response from daemon: Get " https://registry-1.docker.io/v2/ ": unauthorized: incorrect username or password 5 Error: Process completed with exit code 1. 에러가 지속적으로 발생합니다. 도커 로그인에 사용되는 유저네임과 비밀번호를 그대로 입력하였음에도 계속해서 발생하는 문제입니다.

  • aws
  • docker
  • github
  • ci/cd
  • travis-ci
  • 데이터-엔지니어링
매력적인홍홍홍 댓글 3 좋아요 0 조회수 747

트레비스에서 he command "docker run -e CI=true tedkov2024/docker-react-nginx-app npm run test -- --coverage" exited with 127. 형태로 에러가 발생합니다.

미해결

따라하며 배우는 도커와 CI환경 [2023.11 업데이트]

he command "docker run -e CI=true tedkov2024/docker-react-nginx-app npm run test -- --coverage" exited with 127. 85.61s$ docker build -t tedkov2024/docker-react-nginx-app -f Dockerfile . 0.60s$ docker run -e CI=true tedkov2024/docker-react-nginx-app npm run test -- --coverage /docker-entrypoint.sh: 47: exec: npm: not found The command "docker run -e CI=true tedkov2024/docker-react-nginx-app npm run test -- --coverage" exited with 127. Done. Your build exited with 1. 무엇이 문제인지 모르겠습니다.

  • aws
  • docker
  • github
  • ci/cd
  • travis-ci
  • 데이터-엔지니어링
매력적인홍홍홍 댓글 1 좋아요 0 조회수 348

설명 파일 보는 곳?

미해결

따라하며 배우는 도커와 CI환경 [2023.11 업데이트]

이 설명하는 파일 어디서 볼수 있나요?

  • aws
  • docker
  • github
  • ci/cd
  • travis-ci
  • 데이터-엔지니어링
kim1234123 댓글 2 좋아요 0 조회수 245

강의 docker질문

미해결

따라하며 배우는 도커와 CI환경 [2023.11 업데이트]

백엔드인 전 mysql이 있는 상태인데 프론트엔드가 mysql이 없는 상태라면 프론트엔드를 위해서 강의와 같이 docker로 mysql 환경 설정을 해야하는 건가요?? nginx를 통해서하면 프론트엔드는 mysql를 설치할 필요가 없다고 들었어서요

  • aws
  • docker
  • github
  • ci/cd
  • travis-ci
  • 데이터-엔지니어링
kim1234123 댓글 1 좋아요 0 조회수 294

fetch web api 에 next 옵션

해결됨

Next + React Query로 SNS 서비스 만들기

fetch 함수가 그냥 web API 같은데 fetch 함수에 next 라는 속성이 들어간건데 따로 임포트해온것도 아닌데 어떻게 작동되는건가요? next 가 내부적으로 fetch 를 새로 만든건가요?

  • react
  • next.js
  • react-query
  • next-auth
  • msw
쵸잉 댓글 1 좋아요 0 조회수 355

Counter 컴포넌트가 2번씩 호출되는 이유

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

안녕하세요, Counter 컴포넌트 호출 회수를 디버깅 하기 위해 console.log("counter 호출!"); 구문을 아래와 같이 추가해주었는데, 강사님과는 다르게 저는 처음 렌더링 될 때와 count의 상태 값이 변화할 때 마다 counter 호출이 두 번씩 일어납니다. 이유가 무엇일까요..? 아무리 생각해봐도 이유를 모르겠습니다. 위 브라우저 콘솔 사진은 최초 렌더링 되고나서 개발자도구를 켰을 때 모습입니다. 처음부터 두 번이 호출되어 있고, 그 이후에도 count의 상태를 변화시킬 때 마다 두 번씩 로그에 찍힙니다.

  • javascript
  • react
  • node.js
쩡이 댓글 2 좋아요 1 조회수 492

next-auth Login 시 middleware 이슈 질문 드립니다.

해결됨

Next + React Query로 SNS 서비스 만들기

안녕하세요. next-auth 로그인시 해결되지 않는 부분이 있어서 질문드립니다. 로그인을 계속 실패하고 있습니다. next-auth의 버젼 (4였다가 삭제하고 3으로도 시도 해봤습니다.) "dependencies": { "next-auth": "^5.0.0-beta.3", }, 로그인을 시도했을때 뜨는 화면: The Middleware "/src/middleware" must export a middleware or a default function This error happened while generating the page. Any console logs will be displayed in the terminal window. 로그인을 시도했을때 콘솔 화면: 로그인을 시도했을때 네트워크 화면 : middleware.ts code 입니다. import { auth as middleware } from "./auth"; // See "Matching Paths" below to learn more export const config = { matcher: ["/compose/tweet", "/home", "/explore", "/messages", "/search"], }; auth.ts code 입니다. import NextAuth from "next-auth"; import CredentialsProvider from "next-auth/providers/credentials"; console.log("-", process.env.AUTH_URL); export const { handlers: { GET, POST }, auth, signIn, } = NextAuth({ pages: { signIn: "/i/flow/login", newUser: "/i/flow/signup", }, providers: [ CredentialsProvider({ async authorize(credentials) { const authResponse = await fetch(`${process.env.AUTH_URL}/api/login`, { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ id: credentials.username, password: credentials.password, }), }); if (!authResponse.ok) { return null; } const user = await authResponse.json(); return user; }, }), ], }); handers.ts의 로그인쪽 코드입니다. import { http, HttpResponse, StrictResponse } from "msw"; import { faker } from "@faker-js/faker"; export const handlers = [ http.post("/api/login", () => { console.log("로그인"); return HttpResponse.json({ id: "zerohch0", nickname: "제로초", image: "/5Udwvqim.jpg" },, { headers: { "Set-Cookie": "connect.sid=msw-cookie;HttpOnly;Path=/", }, }); }), ];

  • react
  • next.js
  • react-query
  • next-auth
  • msw
댓글 1 좋아요 0 조회수 1386

동적페이이지 이동, 8강 10분56초에서 허공에 클릭하시는데 페이지가 이동하는것 같은데요...

미해결

코드로 배우는 React 19 with 스프링부트 API서버

8강 10분56초에서 하늘색 허공에 클릭하시는데 페이지가 이동하는것 같은데요. 어떻게 하신것인지 궁금해서 질문드립니다. 글자를 클릭해야 하는것 아닌가요? 근데 영상에서 동작은 또 잘되네요...?... 제가 잘 몰라서 이해를 잘못한걸까여?... 아래는 제 코드입니다..

  • react
  • spring-boot
  • jpa
  • jwt
  • redux-toolkit
전경환 댓글 1 좋아요 0 조회수 274

도커 생명주기파트 docker system prune 질문

미해결

따라하며 배우는 도커와 CI환경 [2023.11 업데이트]

수업듣기전에 야매로 배워서 몇개 돌려봤었던것들을 수업에서 docker system prune을 사용하면 실행되고 있지 않은 컨테이너, 이미지, 네트워크등이 지워진다고 했는데 컨테이너는 지워졌지만 이미지는 남아있는데 어떤게 잘못된 건가요?

  • aws
  • docker
  • github
  • ci/cd
  • travis-ci
  • 데이터-엔지니어링
문석훈 댓글 1 좋아요 0 조회수 289

맥에서 원본 도표 강의자료

미해결

따라하며 배우는 도커와 CI환경 [2023.11 업데이트]

학습환경 mac m2 sonoma 14.0 chrome 구글드라이브에서 원본 도표 강의자료를 다운받아서 파일을 열어보면 txt파일로 열려서 사진같이 보이기보단 코드들만 나옵니다. 파일의 확장명이나 사용하시는 프로그램 뷰어가 뭔가요? Docker #1과 Docker #2다운받아봤습니다.

  • aws
  • docker
  • github
  • ci/cd
  • travis-ci
  • 데이터-엔지니어링
문석훈 댓글 1 좋아요 0 조회수 299

diff & revert

해결됨

빠르게 git - 핵심만 골라 배우는 Git/Github

4번이 앞으로 와야 된다는건가요? 왜 갑자기 명령어가 달라지는지 궁금합니다. 아래에 있는 HEAD도 마찬가지로 git diff HEAD^ HEAD 이건가요?

  • git
  • github
  • 버전관리시스템
댓글 1 좋아요 0 조회수 283

sourcetree 스태시 옵션 관련 질문

해결됨

모두의 깃 & 깃허브

sourcetree에서 스태시를 하면 와 같은 옵션 창이 뜨는데, 각 옵션이 무슨 의미인지 궁금합니다.

  • git
  • github
  • sourcetree
  • 소스트리
김동연 댓글 1 좋아요 0 조회수 494

수업자료 요청 드립니다.

해결됨

팀 개발을 위한 Git, GitHub 입문

안녕하세요 강사님 교육 잘 받고 있습니다. git 수업자료를 받았으면 해서 이렇게 메일 드립니다. 메일 수신처 hangj1@naver.com 입니다. 감사합니다.

  • git
  • github
  • 버전관리시스템
강행준 댓글 2 좋아요 0 조회수 339

docckerrun.aws.json 파일에서 name과 hostname의 차이가 궁금합니다.

미해결

따라하며 배우는 도커와 CI환경 [2023.11 업데이트]

안녕하세요. 알찬 강의 잘 듣고 있습니다. Dockerrun.aws .json 파일의 containerDefinitions안의 container를 정의할 때, "name"과 "hostname"의 차이가 궁금합니다. 감사합니다.

  • aws
  • docker
  • github
  • ci/cd
  • travis-ci
  • 데이터-엔지니어링
배유미 댓글 2 좋아요 0 조회수 391

해당 값들도 config.yml에서 바꿀 수 있을까요?

해결됨

깃헙 블로그(Github blog)로 차별화 된 나만의 홈페이지 만들기!

테디노트님 안녕하세요. 항상 좋은 강의와 빠른 QnA 감사드립니다. 다름이 아니라 제 페이지가 구글에서 검색되면, 위와 같이 제목이 'Github Pages'로 뜨고 favicon을 설정해주었음에도 해당 부분이 지구본으로 뜹니다. 파비콘은 구글링해서 완성 했고, 다른 영역에서는 잘 뜹니다. 혹시 이 부분들도 바꿀 수 있을까요? 감사합니다.

  • 블로그
  • github
전수민_개인계정 댓글 1 좋아요 0 조회수 316

https://cataas.com/undefined 로 나오는데 왜그런건가요?

미해결

만들면서 배우는 리액트 : 기초

https://cataas.com/undefined 로 나오는데 왜그런건가요? 28강 수강하고 있는데 fetch를 사용하려고 하는데 이미지가 안나와요 ㅠㅠㅠ

  • javascript
  • react
Park A Reum 댓글 4 좋아요 1 조회수 633

인기 태그

인프런 TOP Writers

주간 인기글