inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

api응답을 어떤 식으로 하면 좋을까요?

해결됨

자바와 스프링 부트로 생애 최초 서버 만들기, 누구나 쉽게 개발부터 배포까지! [서버 개발 올인원 패키지]

강의를 보고 혼자서 api를 만들어보고 있습니다. 강의 회원 가입 예제api는 void로 별도의 응답을 하지 않았는데 보통은 어떤 식으로 하나요? [ { "success" : "true" } ] 이런 식으로 나마 응답 값을 주는게 맞을까요?

  • java
  • spring
  • aws
  • mysql
  • spring-boot
  • jpa
dev 댓글 1 좋아요 1 조회수 212

라우팅관련질문입니다.

미해결

[리뉴얼] React로 NodeBird SNS 만들기

회원가입에 성공을 한다 라고 하면 메인페이지로 이동하게 되는데 이상태에서 다시 회원가입페이지로 들어가려고 하면 signUpDone이라는 애가 true를 기억을 하고 잇어서 회원가입페이지에 머무는것이 아니라 다시 메인페이지로 들어가지는데 처음에 회원가입성공을 시키고 나서 signUpDone의 값을 다시 초기화 시켜야 되는거겟죠?

  • react
  • redux
  • node.js
  • express
  • next.js
GI P 댓글 2 좋아요 0 조회수 174

svg를 public으로 빼지않고 그대로 컴포넌트에 넣는 이유가 궁금합니다.

미해결

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

svg를 public으로 빼지않고 그대로 컴포넌트에 넣는 이유가 궁금합니다. 저는 public에 사용되는 svg를 다 넣어놓고 svgr을 이용해서 필요한 컴포넌트마다 import해서 사용하고 있습니다. (처음 next를 시작할 때 알려주신 분이 이렇게 사용하셔서) 그런데 Section 2까지 강의를 들으면서 보니 제로초님은 컴포넌트에 바로 svg를 삽입하시던데 혹시 성능에 차이가 있을까요? 두 방법중 어떤 것이 나을까요? 혹시 성능에 큰 차이가 없다면 제로초님의 방식이 편해보이는데.. 고민입니다.

  • react
  • next.js
  • svg
현창이 댓글 1 좋아요 0 조회수 433

persist 수행시 덮어 씌워져 버리는 문제

해결됨

자바 ORM 표준 JPA 프로그래밍 - 기본편

========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? 네 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? 네 3. 질문 잘하기 메뉴얼을 읽어보셨나요? 네 [질문 내용] 영한님 강의에서는 위와 같이 두 행의 데이터가 잘 조회되는데, 2024 버전으로 설치한게 잘못인건지 두번 쿼리를 날렸는데 이전 행에 덮어 씌워져 버리는 현상이 있습니다... 이유가 뭔지 모르겠네요 혹시 아시는분 답변 부탁드려요

  • java
  • jpa
개발하는쿼카 댓글 5 좋아요 6 조회수 852

SSR 적용이 안되어 있다면 어떤 부분을 체크해보면 좋을까요?

해결됨

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

현재 Home 페이지를 확인해보면 작성된 게시글들이 아닌 Spinner가 돌고 있는것을 보아 SSR 적용이 되지 않은 것 같습니다. 유저 페이지의 경우에도 게시글들이 보이지 않아서 어떤 부분을 보고 수정해야할지 궁금합니다. 현재 Home 페이지와 [username]의 페이지에서 Hydrate 해주는 코드가 있으면 SSR 적용이 되는걸로 알고 있었는데 코드 부분에서 이상을 못느끼겠습니다ㅠㅠ // src\app\(afterLogin)\home\_component\TabDeciderSuspense.tsx import TabDecider from "@/app/(afterLogin)/home/_component/TabDecider"; import { dehydrate, HydrationBoundary, QueryClient, } from "@tanstack/react-query"; import { getPostRecommends } from "@/app/(afterLogin)/home/_lib/getPostRecommends"; export default async function TabDeciderSuspense() { const queryClient = new QueryClient(); await queryClient.prefetchInfiniteQuery({ queryKey: ["posts", "recommends"], queryFn: getPostRecommends, initialPageParam: 0, }); const dehydratedState = dehydrate(queryClient); return ( <HydrationBoundary state={dehydratedState}> <TabDecider /> </HydrationBoundary> ); } // src\app\(afterLogin)\[username]\page.tsx import style from "./profile.module.css"; import { dehydrate, HydrationBoundary, QueryClient, } from "@tanstack/react-query"; import UserPosts from "@/app/(afterLogin)/[username]/_component/UserPosts"; import UserInfo from "@/app/(afterLogin)/[username]/_component/UserInfo"; import { getUserPosts } from "@/app/(afterLogin)/[username]/_lib/getUserPosts"; import { getUserServer } from "@/app/(afterLogin)/[username]/_lib/getUserServer"; import { auth } from "@/auth"; import { User } from "@/model/User"; type Props = { params: { username: string }; }; export async function generateMetadata({ params }: Props) { const user: User = await getUserServer({ queryKey: ["users", params.username], }); return { title: `${user.nickname} (${user.id}) / Z`, description: `${user.nickname} (${user.id}) 프로필`, }; } export default async function Profile({ params }: Props) { const { username } = params; const session = await auth(); const queryClient = new QueryClient(); await queryClient.prefetchQuery({ queryKey: ["users", username], queryFn: getUserServer, }); await queryClient.prefetchQuery({ queryKey: ["posts", "users", username], queryFn: getUserPosts, }); const dehydratedState = dehydrate(queryClient); return ( <main className={style.main}> <HydrationBoundary state={dehydratedState}> <UserInfo username={username} session={session} /> <div> <UserPosts username={username} /> </div> </HydrationBoundary> </main> ); }

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

mysql짜는데 고민이 잇습니다.

해결됨

[리뉴얼] React로 NodeBird SNS 만들기

제가 강의를 보면서 블로그를 만들고 잇는데 회원가입시에는 이미지를 않넣고 회원수정할때 이미지를 추가하는 형식으로 작업을 하려고 하는데 이때 models에서 const User = sequelize.define("User", { email:{ type: DataTypes.STRING(30), // 필수값 allowNull:false, // 중복되면 안되는 값 unique:true, }, name: { type: DataTypes.STRING(20), allowNull: false, }, nickName: { type: DataTypes.STRING(20), allowNull: false, unique: true, }, password: { type: DataTypes.STRING(60), allowNull: false, }, profileImage: { type: DataTypes.STRING(200), allowNull: true, }, profileImage를 저렇게 추가하는게 맞는건지 아니면 associate에서 관계짜서 테이블을 짜는건지 궁금합니다.

  • react
  • redux
  • node.js
  • express
  • next.js
GI P 댓글 2 좋아요 0 조회수 226

10-04 graphql-codegen 오류 질문

미해결

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

안녕하세요 선생님! 라우터를 통해 얻은 정보를 숫자 타입으로 바꾸어 쿼리를 전달하는 과정에서, 코드젠을 통한 타입을 강의와 같이 작성했는데, 아래와 같이 오류가 뜹니다. number 형식도 맞고 철자 오류도 없는데, 뭐가 문제인지 잘 모르겠습니다.

  • react
  • node.js
  • seo
  • graphql
  • next.js
윤여정 댓글 1 좋아요 0 조회수 219

외부 파이썬 함수 수행하기 관련 질문 드립니다.

미해결

Airflow 마스터 클래스

안녕하세요. 좋은 강의 감사히 잘 들었습니다. 강의에서 궁금한 점이 있어서 질문 드립니다. 1) 첫 번째 질문 강의 제목 : 외부 파이썬 함수 수행하기 환경 구성 : macOS, Docker, Airflow 2.7 문의 내용 : 강의 초반에 언급한 환경변수로 설정하는 방법 상세 내용 : 강의 후반에 알려주신 내용은 방법을 이해했습니다. 다만 초반에 알려주신 항목 중 sys.path 는 명시적 구현이라 쉽게 가능했으나, 환경변수 쪽은 찾아봐도 쉽게 이해가 안 돼서 질문하게 됐습니다. 복습하면서 여러 방법을 알면 좋을 것 같아서 질문 드립니다. 2) 두 번째 질문 강의 제목 : 없음 환경 구성 : Docker 설치 시 생성하는 디렉터리 이외에 추가 디렉터리 생성 후 볼륨 마운트. 예를 들어 utils 라는 디렉터리를 생성 후 docker-compose.yaml 의 volumes 에 ${AIRFLOW_PROJ_DIR:-.}/utils:/opt/airflow/utils 를 추가 할 경우 문의 내용 : 추가로 디렉터리 생성할 경우 plugins 디렉터리 외에서 py 파일을 읽어야 하는 경우 상세 내용 : 첫 번째 질문과 유사하게 환경변수에 관한 질문일 것 같습니다. 새로운 디렉터리를 생성해서 작업할 때 경로를 인식 시켜야 하는데, sys.path 로만 하는 것은 번거로운 것 같아서 어떤 방식으로 접근을 하면 좋을지 조언을 듣고 싶습니다. 간략하게 정리하면 plugins 디렉터리 이외의 환경도 같이 사용을 하는 방법이 궁금합니다. 3) 세 번째 질문 강의 제목 : 없음 환경 구성 : 1, 2와 동일 문의 내용 : 새로운 패키지 설치 할 때 설치 방법 및 운영 관리 노하우 상세 내용 : docker compose 할 때 yaml 에 PIPADDITIONAL_REQUIREMENTS 부분에 설치할 패키지 목록을 입력해서 설치를 하고 있습니다. 이렇게 해도 되는 것 같긴한데, 나중에 더 많은 패키지를 설치하게 될 경우 좋지 않은 형태라고 생각이 들었습니다. 실제로 현업에서 업무를 하실 때 다양한 패키지를 어떤 식으로 설치 및 운영 관리 하시는지 궁금합니다. 감사합니다. 다른 강의도 기대하겠습니다.

  • python
  • 데이터-엔지니어링
  • airflow
화이팅 댓글 2 좋아요 0 조회수 527

파이썬 face-recognition 모듈 설치 오류

미해결

pip를 통해서 face-recognition 모듈을 설치하려는데 아래 사진과 같은 오류가 계속 발생합니다. pip 버전은 제일 최신 버전 파이썬 버전은 3.11.4 인터넷 보니 CMake를 설치하래서 일단 CMake 버전은 3.28.1입니다 아 dlib도 pip말고 직접 설치하래서 했더니 밑에 빨간 글자를 제외하고 위에 'subprocess.CalledProcessError' 부분과 똑같은 오류가 발생하더군요 이걸로 계속 고통받다 마지막으로 질문해봅니다 ㅠ

  • python
  • 파이썬
댓글 1 좋아요 0 조회수 420

안드로이드 스튜디오 오류입니다

미해결

안드로이드 스튜디오 arctic fox를 다운받고 첫 프로젝트를 생성했는데 코드가 쭉 빨간줄이 쳐지면서 밑에 사진과 같이 32개정도의 오류가 생기네요 뭐가 문제일까요? 아 그리고 이건 오류랑 다른 질문인데 저 arctic fox 버전에서 새로운 프로젝트를 생성했을때 생성되는 기본코드랑 지금 최신 버전인 Hedgehog 버전에서 만들어지는 기본코드랑 다르던데 원래 그런걸까요? 강의를 들을때 기본코드가 달라서 헷갈리더라구요

  • 안드로이드스튜디오
  • 안드로이드
  • 코틀린
  • java
  • 자바
댓글 1 좋아요 0 조회수 321

가비아 도메인 연결 후 프론트 주소 페이지가 응답하지 않습니다! "MyDocument.getInitialProps()" should resolve to an object. But found "undefined" instead.

미해결

[리뉴얼] React로 NodeBird SNS 만들기

안녕하세요! 제로초님!! [리뉴얼] React로 NodeBird SNS 만들기 섹션 6. AWS에 배포하기: 도메인 연결하기 강의까지 수강한 수강생 입니다! 가비아 도메인 연결 후 프론트 주소 페이지가 응답이 되지 않아 질문 글을 올립니다! ※ 질문 글이 굉장히 깁니다! 항상 강의 잘 보고 있습니다!! ※ 아래 사항을 먼저 확인한 후에 질문을 올렸습니다! 1. 저의 경우 도메인을 ' nodebird.xyz '로 설정하였습니다. (프론트 : http://nodebird.xyz , 백엔드 : http://api.nodebird.xyz ) 2. 가비아 네임서버 자리에 Route 53의 nodebird.xyz 네임서버를 순서대로 입력하였습니다! 3. 윈도우 서비스의 MySQL 서비스를 실행한 상태입니다. 4. 백엔드 주소는 접속이 되어 'hello express'가 화면에 표시됨을 확인하였습니다! 5. npm은 6.14.18 버전, node는 v14.21.3 입니다. 6. about.js 파일은 잠시 다른 곳으로 옮겨두었습니다. 7. 프론트와 백엔드의 인스턴스와 탄력적 IP가 각각 한 쌍으로 연결되어 있으며, 바뀐 인스턴스로 우분투 프론트 서버와 백엔드 서버에서 작업하였습니다! ( 프론트 탄력적 IP : 52.78.52.73 백엔드 탄력적 IP : 43.201.232.110 ) 8. 에러 발생을 막기 위해 sudo npx pm2 kill 명령어로 pm2을 지우고 s앞에 sudo를 붙여 git pull, start, reload, list, monit 순으로 작업하였습니다. (메모리 부족으로 빌드만 로컬 프론트에서 진행하였습니다.) 9. 프론트, 백엔드 모두 sudo npx pm2 list 명령어를 터미널에 입력했을 때 status가 online인 걸 확인하였습니다. 아래는 이전 강의인 프론트 서버 배포하기 강의까지 진행했을 때 프론트 페이지 모습입니다! 콘솔 쪽에 아래와 같은 에러도 나고, CSS도 깨지지만 페이지 자체는 접속이 가능했습니다! 다음 강의를 진행하며 해결할 수도 있었기에 넘어갔습니다. Failed to load resource: the server responded with a status of 404 (Not Found) (리소스를 로드하지 못했습니다. 서버가 404(찾을 수 없음)의 상태로 응답했습니다, This page failed to load a stylesheet from a URL. 이 페이지는 URL에서 스타일시트를 로드하지 못했습니다. that cookie was blocked because it's domain attribute was invalid. 해당 쿠키의 도메인 특성이 잘못되었기 때문에 차단되었습니다.) 도메인을 연결하기 위해 로컬 프론트, 로컬 백엔드 주소 부분을 nodebird.xyz 도메인으로 수정하였습니다. 하지만 도메인 수정 후 아래처럼 프론트 페이지가 응답하지 않습니다! 문제를 해결하기 위해 첫 번째로 콘솔 로그부터 확인하였습니다. 아래는 리덕스와 네트워크 탭 사진입니다. Failed to load resource: the server responded with a status of 404 (Not Found) (리소스를 로드하지 못했습니다. 서버가 404(찾을 수 없음)의 상태로 응답했습니다, F12를 눌러 개발자 도구를 키면 화면이 매우 빠른 속도로 계속 깜빡이며 개발자 도구 화면이 계속 닫혀 정상적인 확인이 어려웠습니다. 리덕스 탭은 위의 창을 닫아도 계속 뜹니다. 계속 페이지가 새로 고침 되는 것으로 추정합니다. 문제를 해결하기 위해 우분투 프론트 터미널을 확인하였습니다. TypeError: Cannot read property 'find' of undefined 에러와 MyDocument.getInitialProps() undefined 에러 두 개를 확인하였습니다. 더 정확한 에러 확인을 위해 우분투 프론트 터미널에 'sudo npx pm2 logs --err --lines 50' 명령어를 입력하였습니다. Error: "MyDocument.getInitialProps()" should resolve to an object. But found "undefined" instead. 오류: "MyDocument.getInitialProps()"가 개체로 확인되어야 합니다. 대신 "undefined"가 발견되었습니다. (화면 좌측을 보시면 .next 일부 모듈이 git add가 가능한 상태임을 확인할 수 있습니다. .gitignore 파일에 .next를 쓰고, 캐시를 지워도 해결이 되지 않아 일단은 그대로 두었습니다!) MyDocument.getInitialProps 문제를 해결하기 위해 커뮤니티와 구글링을 통해 아래 사이트를 참고하였습니다. 노드버드 커뮤니티 https://www.inflearn.com/questions/154677/error-quot-mydocument-getinitialprops-quot-gt-undefined 스택 오버플로우 사이트 https://stackoverflow.com/questions/61967960/getinitialprops-should-resolve-to-an-object-but-found-undefined-instead 노드버드 커뮤니티에 같은 에러가 발생한 수강생 분 글을 토대로 제로초님의 노드버드 깃허브 (Ch6, Ch7, http 등)를 확인하였습니다. 아래는 가장 의심되는 코드입니다! front/config/config.js // 실제 백엔드 주소 내보내기 export const backUrl = 'http://api.nodebird.xyz'; back/config/config.js // 모건(morgan) : 요청과 응답에 대한 정보를 콘솔에 기록하는 모듈 /* ---------- 배포 모드일 환경일 때 설정 ---------- */ if (process.env.NODE_ENV === 'production') { // combined : 로그가 자세해져서 실제 해당 접속자의 IP를 알 수 있다. app.use(morgan('combined')); // hpp : Express의 중복 이름 파라미터 공격을 방어한다. app.use(hpp()); // helmet : HTTP 헤더를 자동 설정을 통해 외부 공격으로부터 보호한다. app.use(helmet()); // 미들웨어 연결 app.use(cors({ /* 배포용에서는 실제 프론트 주소에서 요청했을 때만 CORS 허용하기 */ origin: 'http://nodebird.xyz', /* 사용자 인증이 필요한 쿠키 전달 허용하기 */ credentials: true, })); /* ---------- 개발 모드 환경일 때 설정 ---------- */ } else { // dev : 백엔드 디버깅 app.use(morgan('dev')); // 미들웨어 연결 app.use(cors({ /* 개발용에서는 요청을 보낸 주소의 요청만 CORS 허용하기 */ origin: true, /* 사용자 인증이 필요한 쿠키 전달 허용하기 */ credentials: true, })); }; . . . // 쿠키와 세션 미들웨어 연결 app.use(cookieParser(process.env.COOKIE_SECRET)); app.use(session({ saveUninitialized: false, resave: false, secret: process.env.COOKIE_SECRET, /* ---------- 쿠키 옵션(Cookie Option) ---------- */ cookie: { httpOnly: true, // true로 설정 시 JS로 쿠키에 접근하지 못하도록 막는다. secure: false, // https 적용 시 true로 설정할 예정 /* 쿠키의 도메인이 배포 환경이면 도메인 앞에 '.'을 붙이기 */ // 점을 붙이면 api.nodebird.xyz와 nodebird.xyz 사이에서 쿠키 공유가 된다. domain: process.env.NODE_ENV === 'production' && '.nodebird.xyz' }, })); front/pages/_document.js // 서버사이드 렌더링(SSR) : getInitialProps 사용 export default class MyDocument extends Document { static async getInitialProps(ctx) { const sheet = new ServerStyleSheet(); const originalRenderPage = ctx.renderPage; /* ---------- React 렌더링 로직을 동기적으로 실행 ---------- */ try { ctx.renderPage = () => originalRenderPage({ /* enhanceApp으로 원래 app기능에 document 기능에다가 stylesheet가 styled-component들을 서버사이드 렌더링할 수 있게 해준다. */ enhanceApp: (App) => (props) => sheet.collectStyles(<App {...props} />) }); // 부모 'getInitialProps'를 실행(이제 사용자 정의 'renderPage'가 포함된다.) const initialProps = await Document.getInitialProps(ctx); return { ...initialProps, styles: ( <> {initialProps.styles} {sheet.getStyleElement()} </> ), }; /* ---------- 에러 캐치 ---------- */ } catch (error) { console.error(error); /* ---------- try 블록이 종료되면 무조건 실행 ---------- */ } finally { sheet.seal(); } } 제가 입력한 코드에 문제가 있지 않을까 추측하여 노드버드 깃허브와 제 코드를 비교하였으나 해결책을 찾지 못하였습니다... 어떻게 하면 도메인 연결 후 프론트 페이지를 응답하게 만들 수 있을까요? 혹시 관련 키워드가 있다면 알려주실 수 있을까요? 질문 글이 많이 김에도 끝까지 읽어주셔서 감사합니다 제로초님! ++++ 혹시 모르니 네임 서버 상태도 같이 올립니다! 아래는 저의 Route 53, Gabia 네임서버 현재 상태입니다!

  • react
  • redux
  • node.js
  • express
  • next.js
이가은 댓글 2 좋아요 0 조회수 845

연관 관계 주인을 설정해야 하는 이유

미해결

자바 ORM 표준 JPA 프로그래밍 - 기본편

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 여기에 질문 내용을 남겨주세요. 멤버 객체, 팀 객체 둘 중 하나로 MEMBER 테이블의 외래키를 관리해야 한다는 부분이 깔끔하게 이해가 가지 않아서 질문 드립니다. 제가 이해한 내용이 맞는지 확인 부탁드리겠습니다. 결국에 멤버 객체와 팀 객체가 서로를 호출하거나 업데이트하는데 사용하는 테이블은 멤버 테이블과 팀 테이블의 조인으로 생긴 하나의 테이블인데, 하나의 테이블이 2개의 객체와 매핑된다면 문제가 발생한다.(팀 객체가 갱신한 내용이 멤버 객체에 반영되지 않는 등의 문제) 그렇기 때문에 연관관계의 주인을 설정하여 한 객체만 실제로 테이블과 매핑하고 나머지 하나는 매핑된 객체로 부터 미러링된 내용을 사용(읽기 전용)한다. 이렇게 이해하는게 맞는 걸까요?

  • java
  • jpa
김성현 댓글 1 좋아요 1 조회수 432

PhotoModal 페이지 인터셉팅 라우트 질문

미해결

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

/compose/tweet 이나 /i/flow/login 에서 패러렐 라우트와 인터셉팅 라우트를 사용했을 때는 @modal 안에서 (.)compose 혹은 (.)i 로 작성했는데 이번 PhotoModal 페이지는 @modal 안에서 (.)[username]이 아닌 그냥 [username]으로 폴더 구조를 짜셨더라구요. 이러면 인터셉팅이 이루어지지 않는 것 아닌가요? 추가로 children으로 들어가는 /[username]/status/[id]/photo/[photoId]에 있는 page.tsx에서 강의자료에는 return ( <Home /> ); 이렇게 하고 있는데 새로고침을 해도 제대로 나오려면 이렇게 하는 것이 맞는지 궁금합니다. return ( <> <Home /> <PhotoModalPage /> </> );

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

어드민 설정할 때 localhost 안되는 문제

미해결

[리뉴얼] React로 NodeBird SNS 만들기

질문1) 선생님 forestadmin 에서 host를 localhos t로치니까 Database must be publicly accessible. 이렇게뜨면서 다음으로 안넘어가는데요, 그럼 백엔드랑, mysql host를 바꾼다음에 foreast에서 바꾼 것과 맞춰줘야 하나요?, 아니면 그냥 localhost 1 이렇게 기존 host와 다른이름을 써도 되나요?, 질문2 forest에 나온 명령어를 ch7에 입력하셨는데 그러면 저는 react-nodebird안에 prepare가 아닌 다른 폴더를 새로 추가해서 명령어 입력 하면 될까요?

  • react
  • redux
  • node.js
  • express
  • next.js
박해진 댓글 1 좋아요 0 조회수 291

인터셉팅 했을 때 children에 들어가는 것 원리를 모르겠습니다.

미해결

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

인터셉터 전 / modal : /@modal/default.tsx children : /page.tsx /i/flow/login (링크 클릭) modal : /@modal/i/flow/login/page.tsx children : /i/flow/login/page.tsx /i/flow/login (직접 접속) modal : /@modal/i/flow/login/page.tsx children : /i/flow/login/page.tsx 인터셉터 후 / modal : /@modal/default.tsx children : /page.tsx /i/flow/login (링크 클릭) modal : /@modal/(.)i/flow/login/page.tsx children : /page.tsx /i/flow/login (직접 접속) modal : /@modal/default.tsx children : /i/flow/login/page.tsx 인터셉터와 패러렐 각각은 이해를 했습니다. 패러렐은 위에 적어놓았고, 인터셉터만 적용했다면 /i/flow/login (링크 클릭) 했을 때 {children}에 /(.)i/flow/login/page.tsx가 들어갔을테고, /i/flow/login (직접 접속) 했을 때 /i/flow/login/page.tsx가 들어갔겠죠. /i/flow/login (링크 클릭) 했을 때 인터셉팅 동시에 패러렐이기 때문에 {modal}에 /@modal/(.)i/flow/login/page.tsx이 들어갑니다. 그런데.. {children}에는 왜 /page.tsx가 들어가는지 모르겠습니다. 반대로, "그렇다면 왜 /page.tsx가 들어가면 안 되는데?" 이 질문에도 대답을 못하겠습니다 ㅠㅠ; 그리고 /i/flow/login (직접 접속) 했을 때도 {modal}이 왜 /@modal/default.tsx인지 모르겠습니다.

  • react
  • next.js
  • react-query
  • next-auth
  • msw
방황하는물고기 댓글 1 좋아요 0 조회수 518

foreastadmin

미해결

[리뉴얼] React로 NodeBird SNS 만들기

선생님 안녕하세요foreast에서 프로젝트 세팅할 때 수업영상에 안나온 부분을 체크해야 다음 화면으로 넘어갈 수 있어서요! 검색해봤는데 이렇게나와있는데 TLS mode에서 requireTLS선택하고 connect via SSH 활성화 안하는거 맞는지 궁금합니다 Prefer TLS (TLS 선호) : 이 옵션은 서버가 TLS를 지원하면 TLS를 사용하고, TLS를 지원하지 않으면 암호화되지 않은 연결로 대체합니다. 보안이 중요한 운영 환경에서는 일반적으로 권장되지 않습니다. 이는 필요한 보안 수준을 제공하지 못할 수 있기 때문입니다. Disable TLS (TLS 비활성화) : 이 옵션은 TLS를 사용하지 않고 암호화되지 않은 연결만을 사용합니다. 개발이나 테스트 환경에서는 문제가 되지 않을 수 있으나, 민감한 정보를 다루거나 외부에 노출되는 운영 환경에서는 매우 위험할 수 있습니다. Require TLS (TLS 필수) : 이 옵션은 TLS 연결만을 요구하며, TLS를 지원하지 않는 서버와는 연결을 시도하지 않습니다. 보안이 중요한 데이터를 다루거나, 개인 정보 보호 규정을 준수해야 하는 운영 환경에서 권장됩니다.

  • react
  • redux
  • node.js
  • express
  • next.js
박해진 댓글 2 좋아요 0 조회수 250

override 질문

미해결

스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술

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

  • java
  • spring
  • mvc
  • spring-boot
댓글 1 좋아요 0 조회수 328

인터셉팅 라우터로 구현된 모달 닫을 때 질문있습니다.

해결됨

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

인터셉팅 라우터가 열린채로 router.push()를 했을때 모달이 열린채로 뒤에만 이동되는데 router.back() 말고 닫을 수 있는 방법이 있을까요?

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

하이드레이션 질문 드립니다

해결됨

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

CSR에서 비어있는 HTML을 파싱할 때 id="root" 엘리먼트를 만나면 리액트 앱을 마운트(JS 실행)하는 것과 SSR에서 서버에서 pre-render되어 생성된 HTML에 JS에 연결하는 과정인 하이드레이션은 어떤 차이가 있는건가요? CSR에서 비어있는 HTML에 JS를 연결해서 실행시키는 것도 하이드레이션 아닌가? 하는 생각이 들었는데 비어있는 HTML과 서버에서 렌더링된 HTML의 데이터 존재 여부에 따라 다른건지, 아니면 CSR도 하이드레이션 과정을 수행하는지 궁금합니다.

  • react
  • typescript
  • next.js
  • next.js13
반짝반짝한 두더지 댓글 2 좋아요 2 조회수 356

@JsonIgnore 관련 ClassNotFoundException 발생

미해결

실전! 스프링 부트와 JPA 활용2 - API 개발과 성능 최적화

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 여기에 질문 내용을 남겨주세요. @JsonIgnore을 어느 클래스에 어디어디 붙여야 할까요? " http://localhost:8080/api/v1/simple-orders " api 테스트를 해보니 아래와 같은 에러가 나서 질문드립니다 2024-01-25T22:37:28.102+09:00 DEBUG 32028 --- [nio-8080-exec-1] org.hibernate.SQL : select o1_0.order_id, o1_0.delivery_id, o1_0.member_id, o1_0.order_date, o1_0.status from orders o1_0 join member m1_0 on m1_0.member_id=o1_0.member_id fetch first ? rows only 2024-01-25T22:37:28.226+09:00 ERROR 32028 --- [nio-8080-exec-1] o.a.c.c.C.[.[.[/].[dispatcherServlet] : Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception [Handler dispatch failed: java.lang.NoClassDefFoundError: javax/persistence/Transient] with root cause java.lang.ClassNotFoundException: javax.persistence.Transient at java.base/jdk.internal.loader.BuiltinClassLoader.loadClass(BuiltinClassLoader.java:641) ~[na:na] at java.base/jdk.internal.loader.ClassLoaders$AppClassLoader.loadClass(ClassLoaders.java:188) ~[na:na] at java.base/java.lang.ClassLoader.loadClass(ClassLoader.java:525) ~[na:na] 2024-01-25T22:37:28.277+09:00 ERROR 32028 --- [nio-8080-exec-1] o.a.c.c.C.[Tomcat].[localhost] : Exception Processing ErrorPage[errorCode=0, location=/error] jakarta.servlet.ServletException: Handler dispatch failed: java.lang.NoClassDefFoundError: javax/persistence/Transient

  • java
  • spring
  • spring-boot
  • jpa
김란 댓글 2 좋아요 0 조회수 819

인기 태그

인프런 TOP Writers

주간 인기글