inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

next-auth 서버 에러 받기

미해결

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

안녕하세요 제로초님 새소식에 throw CredentialsSignin을 해서 next-auth 프론트에서 서버 에러 받기 부분을 하고 있는데 throw CredentialsSignin을 하면 저는 서버 주소 localhost:9090/0/i/flow/login?error=... 으로 리다이렉트됩니다. 위 경로를 프론트 주소 localhost:3000 으로 수정하려면 어디서 변경해야 하나요?

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

fetchUseditems 날짜

해결됨

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

피그마에는 startDate, endDate 지정하는게 있는데 playground fetchUseditems에는 날짜 설정이 없네요. 다른 방법이 있는건가요?

  • react
  • node.js
  • seo
  • graphql
  • next.js
박진성 댓글 2 좋아요 0 조회수 88

설명이 잘 이해가 안 가는 부분이 있습니다

해결됨

실전! Querydsl

강의 2분 45초에서 left join이니 team 기준으로 데이터를 전부 조회해온다고 말씀하셨는데, 그 team 기준이라는 말씀이 무슨 의미인 건지 잘 모르겠습니다. 제가 생각하기로는 이 테스트의 경우 member와 team의 left join이니 member의 데이터들을 기준으로 조인된 team의 데이터를 조회해오는, 즉 member 기준으로 데이터를 조회하는 것 같은데, 제가 설명을 잘못 이해한 건지 아니면 제가 잘못 알고 있는 부분이 있는 건지 궁금합니다. 감사합니다.

  • java
  • jpa
Jin 댓글 1 좋아요 0 조회수 199

comparable, comparator

미해결

김영한의 실전 자바 - 중급 2편

얼핏 봤을때에는 comparable 과 comparator 차이가 크게 없어 보이는데, 만약 String ID 알파벳 순이라 아니라 String Id 의 length 순으로 정렬해서 배열을 만들고 싶다고 했을때에는 comparable 은 기본적인 자연적인 배열 순서로 정의를 해주기 때문에 comparator 를 쓰는게 올바른 것인가요 ?

  • java
  • 객체지향
  • 코딩-테스트
  • 알고리즘
ghuhan18 댓글 1 좋아요 0 조회수 185

comparable, comparator

미해결

김영한의 실전 자바 - 중급 2편

강의를 보면 ID 를 통한 Array 배열을 정렬할때 IdComparator 를 만드셨는데, 사실 comparable 에서도 충분히 정의할 수 있는 것 아닌가요 ? 단순히 Comparator 를 통해서도 할 수 있다라는 것을 보여주기 위함인가요 ? 또한 언제 comparable 을 쓰는 게 낫고 언제 comparator 를 쓰는게 나은가요 ?

  • java
  • 객체지향
  • 코딩-테스트
  • 알고리즘
ghuhan18 댓글 2 좋아요 0 조회수 151

vscode에서 드래그해서 파일넣기가 안됩니다.

해결됨

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

한입크기로 잘라먹는 리액트 강의 섹션12의 폰트,이미지,레이아웃 설정하기 강의에서처럼 vscode에서 public폴더로 폰트 파일을 드래그해서 넣었는데 public에 파일이 들어가지를 않습니다ㅠㅠ아무 오류창같은것도 뜨지 않고요 public폴더 눌러보면 아무것도 없습니다ㅠㅠ ctrl+C해서 public폴더에 ctrl+V도 해봤는데 안되고요 구글링한대로 regedit 수정해 재부팅하고 vscode실행하면 "Updates are unabled because you are running the user-scope installation of Visual Studio Code as Administrator." 이란 창이 뜹니다ㅠㅠ 드래그해서 파일넣기도 안되고요.. 그래서 관리자권한설정을 해지하면 이런 창은 안뜨는데 똑같이 드래그해서 파일넣기가 안되는 상황입니다. 이에 대한 해결방안이나 드래그해서 파일 넣기를 대신할 수 있는 방법이 있다면 답변 부탁드립니다! 참고로 제 컴퓨터os는 윈도우11 입니다.

  • javascript
  • react
  • node.js
황지호 댓글 2 좋아요 0 조회수 759

컴포넌트를 만들 때 화살표 함수를 쓰지 않는 이유

미해결

한 입 크기로 잘라먹는 Next.js

안녕하세요 선생님 코드를 보다보면 컴포넌트를 화살표 함수를 쓰지 않더라구요. rafce를 사용하지도 않으시고. 혹시 이유가 있을까요? 그리고 컴포넌트 파일명 시작을 대문자로 하지 않는 이유도 궁금합니다! 스트리밍 적용할 때 loading.tsx를 Loading.tsx라고 하면 적용이 안되더라구요

  • react
  • typescript
  • next.js
강민호 댓글 2 좋아요 3 조회수 610

state 상태 변화 함수 비동기 질문

해결됨

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

7.2) useEffect 사용하기 강의에서 state의 상태 변화 함수는 비동기로 동작하기 때문에 콘솔에 count 값을 출력하면 이전 값이 나온다고 설명하셨습니다. 그런데 state의 값이 변경되면 리렌더링 되면서 화면에 count 값이 보여지는 건 setCount인 상태 변화 함수가 실행되고, 완료됐기 때문에 화면에 나타난다고 생각했습니다. 그렇기 때문에 콘솔에 이전의 값이 출력 된다는 점이 이해가 가지 않아 질문 드립니다. 버튼을 누르면 onClickButton 함수가 실행된다. setCount 상태 변화 함수가 실행되어 값을 더한다. setCount 함수가 완료되지 않아 콘솔 창엔 이전의 count 값이 출력된다. setCount 함수가 완료되고 state의 값이 변경됐기 때문에 리렌더링이 된다. 리렌더링 된 값이 화면에 출력된다. 이런 순서로 진행되는 건가요? 코드가 어떻게 동작 되는 건지 이해가 안돼서 질문 남깁니다 ㅜㅜ... 항상 친절하고 자세하게 강의해주셔서 감사합니다!

  • javascript
  • react
  • node.js
강두희 댓글 2 좋아요 1 조회수 206

delivery 인식 불가 ㅠ

미해결

실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 예 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)에 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) 예 [질문 내용] 여기에 질문 내용을 남겨주세요. 위 강의를 듣고잇는데, delivery가 제 개발환경에서는 인식이 안됩니다... 선언부 미인식 문제 자주 하는 질문을 참고해서 IDE 초기화도 해보고 했는데, 안되서 질문드립니다. 뭔가 설정을 잘못한거 같아서 JDK와 Gradle 설정 부분도 제대로 되어 있는 것 확인했습니다.

  • java
  • spring
  • 웹앱
  • spring-boot
  • jpa
이건희 댓글 2 좋아요 0 조회수 111

ManyToOne 에서 fetch join 에 대해 질문 있습니다.

미해결

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

강의 1분쯤에 아래와 같은 내용이 있습니다. "ManyToOne이나 OneToOne 같은건 fetch join을 하거나 DB 입장에서는 left out join해서 한번에 데이터를 다 끌고와도 성능에 무리가 없는데 컬렉션 조회 같은 경우에는 조회를 하는 순간 DB 입장에서는 데이터가 뻥튀기 된다." 궁금한 부분은 ManyToOne 관계에서 fetch join에서도 DB 입장에서 데이터가 뻥튀기 되지 않나 라는 생각입니다. 예를들어 member1, member2, member3이 teamA에 속해 있다고 했을때 이 상황에서 fetch join을 해도 어차피 내부적으로는 join으로 바뀌게 되므로 결과적으로는 아래와 같이 출력이 되므로 DB 입장에서 결국 이 상황도 데이터 뻥튀기 이지 않나 라는 생각이 듭니다. member1 : teamA member2 : teamA member3 : teamA

  • java
  • spring
  • spring-boot
  • jpa
감바스 댓글 1 좋아요 0 조회수 112

15강 실습 오류

미해결

처음 만난 리액트(React)

import styled from "styled-components"; const Wrapper = styled.div` padding: 1rem; display: flex, flex-direction: row; align-items: flex-start; justify-content: flex-start; background-color: lightgrey; `; const Block = styled.div` padding: ${(props) => props.padding}; border: 1px solid black; border-radius: 1rem; background-color: ${(props) => props.backgroundColor}; color: white; font-size: 2rem; font-weight: bold; text-align: center; `; const blockItems = [ { label: "1", padding: "1rem", backgroundColor: "red", }, { label: "2", padding: "3rem", backgroundColor: "green", }, { label: "3", padding: "2rem", backgroundColor: "blue", }, ]; function Blocks(props) { return ( <Wrapper> {blockItems.map((blockItem) => { return ( <Block padding={blockItem.padding} backgroundColor={blockItem.backgroundColor} > {blockItem.label} </Block> ); })} </Wrapper> ); } export default Blocks; style-componets를 install 하고 실습 코드를 실행했을 때, 강의에서 나온 결과 화면과 다른 화면이 나옵니다. 개발자 도구를 켜면 다음과 같이 display: flex; flex-direction: row 스타일이 적용되지 않은 것 같습니다. Wrapper 의 css 속성이 적용되지 않은 것 같은데, 원인을 못찾겠습니다. 답변주시면 감사하겠습니다.

  • HTML/CSS
  • javascript
  • react
댓글 2 좋아요 1 조회수 285

문제 관련 추가질문입니다.

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

강의13분대 관련 질문입니다. public void paint() { System.out.print("A"); draw();} 여기서 draw();를 this draw(); 로 수정하게 되면 자식 draw가 아닌 부모 draw를 불러오나요? 강의 14분대 문제 질문입니다. A b = new B(1)을 통해 자식 클래스에서 public B(int i)를 불러왔으면 부모 클래스에서도 public A(int i)를 불러와야 하는것이 아닌가요? 이전 강의에서 파라미터가 있는 생성자 car(a,b)예제를 들고 설명을 해주실 때 그렇게 이해를 했는데 무슨차이인지 통 모르겠네요.. 17분대 specialDraw가 오류 나는 이유가 정확히 궁금해요 A b = new B(1); 을 통해 업캐스팅을 통해 B를 명시해줬기 때문에 에러가 나는걸까요? 뭔가 명확히 갈증이 해소되지 않는느낌이라 답답하네요...ㅠ

  • python
  • java
  • c
  • 정보처리기사
주서 댓글 1 좋아요 0 조회수 193

metadata

미해결

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

안녕하세요 복습중에 있는데 검색해도 잘모르는내용이라 내용 적어봅니다. 넥스트를 배우려는 큰이유중 하나가 SEO 때문인데 넥스트에서 metadata 페이지마다 꼬박꼬박 잘적고 (title ,desc) 시맨태그 최대한 이용해서 마크업하면 끝인가요 ? 넥스트 내에서 더 해줘야하는 작업이라던가.. 그런게 있을까요 ? (구글 서치콘솔 이런거 말고.. 개발자가 코드 작업시에 놓치면안되는 요구 SEO 작업이 궁금해서요 )

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

public 경로

미해결

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

초보적인질문입니다. src기준이니깐 @못쓴다면 public 기준은 ../../../../ 이런식으루 사용해야할까요 ?

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

지역 클래스 안에 지역 클래스?

해결됨

김영한의 실전 자바 - 중급 1편

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 안녕하세요. "지역클래스의-시작에서" 영한님이 말한 복선이 뭘까? 라는 생각을 하는 도중에, '지역 클래스안에 지역클래스를 넣어볼까?'라는 생각을 하게 되었습니다. 그래서 어찌 저찌 하다가 코드가 사진을 보시는 봐와 같이 이런 코드가 되었습니다. 그러면서 이 코드를 만들면서, 현업 에서도 이렇게 지역 클래스 안에 지역 클래스 를 넣는 경우도 있을 것 같더라고요. 그래서 질문이 현업 에서 지역 클래스 안에, 지역 클래스 넣어서 만드는 경우가 흔한가 아니면 특이한 경우인가? 그게 궁금합니다. 답변 부탁 드립니다.

  • java
  • 객체지향
생각하는자 댓글 1 좋아요 0 조회수 156

제공해주신 코드를 vscode에서 켜도 eslint가 안됩니다.

미해결

따라하며 배우는 리액트 테스트 [2023.11 업데이트]

따라하며 배우는 리액트 테스트코드 강의에서 eslint가 적용되었다고 하는 파일자체를 받아 npm install을 헀는데, eslint가 작동되지않습니다. extension에서도 eslint를 받았고, npm install을 한 상태에서 test() let test = () => {} 와 같은 오류가 발생될 코드를 작성해도 eslint가 반응하지 못하는데 이유가 뭘까요 강의에는 설정이 적용되어있다고 하는데

  • react
  • 웹앱
  • React-Context
  • jest
  • 소프트웨어-테스트
  • eslint
tkdrnr1215 댓글 2 좋아요 0 조회수 317

SSG 폴백 옵션

미해결

한 입 크기로 잘라먹는 Next.js

안녕하세요 다이나믹 페이지의 경우 path를 미리 정의해주지 않은 파일들은 빌드가 돼있지 않아 fallback 옵션을 'blocking' 이나 true로 설정해줄 경우 ssr방식으로 사전 렌더링을 하여 html파일을 받아온다고 하셨었는데요 빌드 후 npm run start를 하고나서 직접 빌드 되지 않는 파일로 url에 접근해서 들어가면 확인이 가능하나 메인 페이지에서 책을 클릭해서 들어갈 경우 확인이 안되더라구요 그래서 네트워크를 보니깐 현재 예제로 쓰이고 있는 프로젝트의 책 리스트들의 경우 Link 컴포넌트로 감싸져있어서 js bundle파일을 프리패칭해서 가지고 오고 있었습니다. 정환님 강의를 봤을 땐 프리패칭이 되고 있지 않는 거 같길래 궁금한데 혹시 어떤 옵션을 적용해주신 걸까요? 추가로 링크 컴포넌트로 감싼 책 리스트의 경우 마우스를 오버시키기만 해도 이렇게 데이터들을 불러오는 거 같은데 이건 번들파일이라고 불러야 하나요?? 아님 그냥 요청인 건가요? 한번 불러오고나서는 캐싱되지 않고 원래 마우스 오버만 시켜도 왜 계속 불러오는 걸까요? 🚨 아래의 가이드라인을 꼭 읽고 질문을 올려주시기 바랍니다 🚨 질문 하시기 전에 꼭 확인해주세요 - 질문 전 구글에 먼저 검색해보세요 (답변을 기다리는 시간을 아낄 수 있습니다) - 코드에 오타가 없는지 면밀히 체크해보세요 (Date와 Data를 많이 헷갈리십니다) - 이전에 올린 질문에 달린 답변들에 꼭 반응해주세요 (질문에 대한 답변만 받으시고 쌩 가시면 속상해요 😢 ) 질문 하실때 꼭 확인하세요 - 제목만 보고도 무슨 문제가 있는지 대충 알 수 있도록 자세한 제목을 정해주세요 (단순 단어 X) - 질문의 배경정보를 제공해주세요 (이 문제가 언제 어떻게 발생했고 어디까지 시도해보셨는지) - 문제를 재현하도록 코드샌드박스나 깃허브 링크로 전달해주세요 (프로젝트 코드에서 문제가 발생할 경우) - 답변이 달렸다면 꼭 확인하고 반응을 남겨주세요 - 강의의 몇 분 몇 초 관련 질문인지 알려주세요! - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

  • react
  • typescript
  • next.js
앙엉 댓글 2 좋아요 1 조회수 367

수업 2.14 에서 search 페이지를 ssg로 하신 이유가있을까요?

미해결

한 입 크기로 잘라먹는 Next.js

이전에 그냥 ssr방식으로 페이지를 설정한게 더 효율적으로 보 이는데 search 페이지나 동적 경로를 사용하는페이지에 ssg로 하신이유가있을까요? 단순 이런 방법도 있다는 설명을 위해서 보여주신게 아니라면 ssg방식으로 바꿔서 html요소만 먼저 가져오고 그후에 클라이언트에서 서버로 요청을 보내서 받는게 어떤 장점이 있는지 잘모르겠습니다~ ssg는 보통 404 페이지 약관같은 요청에 대한 응답을 할필요없는 페이지에 적용하는게 좋지않을까싶은데 일반적인 페이지에서도 ssg를 사용해서 클라이언트에서 서버로 요청을 보내고 받는걸 많이 사용하나요??

  • react
  • typescript
  • next.js
eko09 댓글 2 좋아요 3 조회수 607

Chapter 7 영상 화면이 안보입니다.

해결됨

기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)

Chapter 7 (섹션 8) 가장 첫 번째 강의는 보이는데 이후부터는 강의 영상이 나오지가 않네요

  • react
  • 인터랙티브-웹
  • 클론코딩
  • next.js
  • tailwind-css
  • zustand
댓글 2 좋아요 0 조회수 289

getServerSideProps 사용 시

미해결

한 입 크기로 잘라먹는 Next.js

안녕하세요 SSR 방식의 사전렌더링을 하기위해 getServerSideProps 함수를 쓴다고 가정을 했을 때 궁금한 게 있습니다. 초기 화면에 진입하고나서는 페이지 이동하면서는 CSR 방식으로 렌더링이 된다고 이해하고 있습니다. 그렇다면 현재 예시로 보여주고 계시는 'ONEBITE BOOKS' 프로젝트의 경우 메인 페이지의의 index 파일 말고는 다른 search 페이지나 book 페이지의 경우에는 getServerSideProps 이용하여 SSR방식을 채택할 필요가 없는 게 아닌지 궁금합니다. 🚨 아래의 가이드라인을 꼭 읽고 질문을 올려주시기 바랍니다 🚨 질문 하시기 전에 꼭 확인해주세요 - 질문 전 구글에 먼저 검색해보세요 (답변을 기다리는 시간을 아낄 수 있습니다) - 코드에 오타가 없는지 면밀히 체크해보세요 (Date와 Data를 많이 헷갈리십니다) - 이전에 올린 질문에 달린 답변들에 꼭 반응해주세요 (질문에 대한 답변만 받으시고 쌩 가시면 속상해요 😢 ) 질문 하실때 꼭 확인하세요 - 제목만 보고도 무슨 문제가 있는지 대충 알 수 있도록 자세한 제목을 정해주세요 (단순 단어 X) - 질문의 배경정보를 제공해주세요 (이 문제가 언제 어떻게 발생했고 어디까지 시도해보셨는지) - 문제를 재현하도록 코드샌드박스나 깃허브 링크로 전달해주세요 (프로젝트 코드에서 문제가 발생할 경우) - 답변이 달렸다면 꼭 확인하고 반응을 남겨주세요 - 강의의 몇 분 몇 초 관련 질문인지 알려주세요! - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

  • react
  • typescript
  • next.js
앙엉 댓글 1 좋아요 0 조회수 479

인기 태그

인프런 TOP Writers

주간 인기글