inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

수업 자료 없나요?

해결됨

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

전 강의들은 PDF으로 있었는데 이번에는 수업자료가 없는거 같은데 맞나요?ㅠ

  • react
  • typescript
  • react-query
  • supabase
  • zustand
kangmin kim 댓글 2 좋아요 0 조회수 86

Suspense 사용

해결됨

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

안녕 하세요.. src\app\(with-searchbar)\layout.tsx build 시 해당 파일에서 에러가 발생 했습니다 <Suspense> 를 이용했습니다 Next 버전 때문인가요? import { ReactNode, Suspense } from "react"; import Searchbar from "../../components/searchbar"; export default function Layout({ children }: { children: ReactNode }) { return ( <div> <Suspense> <Searchbar /> </Suspense> {children} </div> ); } 🚨 필독) 질문하시기 전에 꼭 읽어주세요 (10초 소요) 제목을 구체적으로 작성해 주세요 ✅ 좋은 예 : 감정일기장 Home 구현중 xx 이슈가 발생합니다. ⛔ ️ 나쁜 예 : 이거 왜 안되나요?, 오류나요 도와주세요 등 비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요! 코드의 이슈는 전체 프로젝트를 "링크 형태"로 올려주셔야 원인을 파악할 수 있습니다. 깃허브, 구글드라이브 등의 수단을 통해 링크 형태로 전달해주세요 직접 실행해보며 원인을 파악해야 하기 때문에 텍스트 형태로 붙여넣는건 삼가해주세요 답변이 도움이 되셨다면 답글 or 해결완료 버튼을 클릭해주세요 비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요! 제 답변이 여러분께 도움이 되었는지 저도 알고 싶어요 강의 내용에 궁금한 점이 있다면 몇 챕터의 몇 분 몇 초인지 알려주시면 더 좋아요 더 빠른 답변이 가능합니다!

  • react
  • typescript
  • next.js
  • 카카오공채-개발
반승우 댓글 3 좋아요 0 조회수 96

자바스크립트 강의를 따로 듣고 이 강의를 들어야 할까요??

해결됨

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

안녕하세요 선생님 !! 자바스크립트에 대한 기초가 아예 없을 경우에는 다른 분의 자바스크립트 강의를 듣고 이 강의를 봐야 할까요?? 아니면 그냥 바로 진행해도 될까요 봐야 한다면 자바스크립트를 얼마나 알고 이 강의를 진행하는 것이 좋은지 알고 싶습니다!

  • javascript
  • react
도로미 댓글 2 좋아요 0 조회수 87

애그리거트 루트의 하위 도메인들의 depth가 깊어질 때 문의

미해결

토비의 클린 스프링 - 도메인 모델 패턴과 헥사고날 아키텍처 Part 1

안녕하세요 . 강의에서 애그리거트 루트가 하위 도메인을 일관성을 유지하기 위해 member.updateInfo() 로 MemberDetail updateinfo() 를 호출하는것을 보았는데요 만약 Profille에 여러 속성(프로필주소, 프로필이미지를 불러올 수 있는 주소,정보 등이 존재)이 있어 값 타입이 아닌 Entity로 존재해야 할 경우엔 member.updateInfo() -> memberDetail.updateInfo() -> profile.updateInfo() 로 depth가 내려갈 것 같은데요. 뭔가 잘못된 방법 같아서요.. 혹시 이런 경우에는 어떻게 도메인을 설계해야 좋을지 궁금합니다...!!

  • java
  • spring
  • spring-boot
  • jpa
  • 리팩터링
  • ddd
JunBass 댓글 2 좋아요 0 조회수 174

cursor에서 autu-run 설정 변경할때 sandbox 옵션 설정여부에 대해 문의드립니다.

해결됨

[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

cursor룰 agent 설정 변경할때 sandbox 옵션 설정여부에 대해 문의드립니다. 현재 cursor 버전이 바뀌어서 강의에서 말씀해주는 Auto-run 설정 부분이 조금 다르네요. 어느설정으로 바꾸면 괜찮을까요? Auto-Run Mode Ask Every Time Auto-Run in SandBox Run Everything (Unsandboxed) 샌드박스 안에서 실행시 테스트가 잘 안되는것 같아, Run Everyting으로 변경해도 되는지 문의드려요!

  • react
  • next.js
  • cursor
  • 프롬프트엔지니어링
  • 바이브코딩
정진호 Jung 댓글 2 좋아요 0 조회수 347

조건문, 반복문 너무 어려움

해결됨

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

안녕하세요 강의를 수강중인데 조건문, 반복문 식을 짜려고 하는데 식을 짜는게 너무 어렵습니다 원래 처음엔 다 그런건가요?

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
찬용 댓글 1 좋아요 0 조회수 124

html이 어플레이케이션 중심으로 전환되었다는 뜻이 정확히 이해가 가지 않아 질문드립니다.

미해결

React 비기너: 튼튼한 기본 만들기

"html이 어플레이케이션 중심으로 전환되었다"는 뜻이 html5 에서는 이전과는 달리, 단순 줄글 텍스트 데이터 형식으로 콘텐츠를 표현하는 것이 아니라, canvas나 video와 같이 텍스트 형식을 벗어난 엘리먼트들로 콘텐츠를 표현한다는 의미일까요? 그리고 여기서 정확히 "애플리케이션"이 의미하는 바가 무엇인지 궁금합니다. canvas, video와 같은 엘리먼트의 구현체(?)가 DOM에 객체를 추가하기 위해 계산등을 처리해주기에 이들이 "애플리케이션"으로써 분류된걸까요? 그리고 "마크업"이라는 것을 텍스트 형식으로 표시된 의미론적으로 분류된 텍스트라고 이해해도 될까요? 그렇다면 canvas도 마크업으로써 콘텐츠를 표현하는 것이지만, html 이 parse되어 DOM 으로 만들어질때, 즉 메모리에 객체 형태로 올라갈 때 그 형식이 텍스트가 아닌 다른 무언가이기에 "어플리케이션"이라는 표현이 사용되는 것일까요? 그렇다면 XHTML와 그 이전 버전에서는 canvas, video같은 앨리먼트 없이 오로지 텍스트를 표현하는 태그들만 사용되었던건가요? 좋은 강의 늘 감사합니다.

  • javascript
  • react
  • 객체지향
  • dom
지민 댓글 0 좋아요 0 조회수 75

이미지가 출력되지 않아요

미해결

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

이미지 넣는 방법을 알려주신대로 적용했더니 출력 화면에 이미지가 나타나지 않습니다. F12 콘솔 화면에 이러한 오류가 뜨는데 어디가 잘못된건지 모르겠네요 각종 버전도 강의와 일치하고요, index.css 와 App.css는 비어있습니다.

  • react
  • React-Context
  • react-router
  • tailwindcss
  • react-query
댓글 2 좋아요 1 조회수 112

Redux 연결이 안된걸까요?

미해결

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

안녕하세요 쌤! redux 사용을 이번 예제를 통해 처음 알게되었는데요. console.log 로 찍을때는 잘 내려오던 user 정보가 redux 에서는 안찍히고 isLogin 값만 보여서요 ㅠㅁㅠ 여러번 돌려봤지만 어떤 부분에서 놓친 것인지 잘 모르겠어서 질문드립니다! zustand, immer 모두 설치 잘되었는데 연결이 안된 문제일까요?.? 카카오 구현하기 6까지 끝낸 상태이고 모든 기능은 잘 동작해요(로그인, 로그아웃, 프로필 가져오기 등) 혹시 몰라 github 링크도 첨부해봅니다! https://github.com/YounaJ00/blog

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
댓글 2 좋아요 0 조회수 79

안녕하세요 FetchGroups에서 Multiset방식 사용하면 어떤가 해서 물어봅니다

미해결

실전 jOOQ! Type Safe SQL with Java

안녕하세요 공부하다가 보니 FetchGroups방식으로 했을때 Map으로 반환되고 DTO로 변환해야하는 오버헤드가 발생하는데요 Multiset방식으로 하면 1:N 관계에서 바로 DTO로 반환 할 수 있는데요 코드 보기가 조금은 더 복잡해 보이지만 WHERE절이 있을때 현재 테이블 데이터와 인덱스 상으로는 성능적으로 더 괜찮은거 같아서 multiset방식은 강의에 없어서 어떤지 궁금해서 여쭤봅니다 public List<ActorFilmography> findActorFilmographyWithMultiset(ActorFilmographySearchOption searchOption) { final JFilmActor FILM_ACTOR = JFilmActor.FILM_ACTOR; final JFilm FILM = JFilm.FILM; return dslContext.select( ACTOR, DSL.multiset( DSL.select(FILM.fields()) .from(FILM) .join(FILM_ACTOR) .on(FILM.FILM_ID.eq(FILM_ACTOR.FILM_ID)) .where( FILM_ACTOR.ACTOR_ID.eq(ACTOR.ACTOR_ID), containsIfNotBlank(FILM.TITLE, searchOption.getFilmTitle()) ) ).convertFrom(r -> r.into(Film.class)) ) .from(ACTOR) .where( containsIfNotBlank(ACTOR.FIRST_NAME.concat(" ").concat(ACTOR.LAST_NAME), searchOption.getActorName()) ) .fetch(record -> new ActorFilmography( record.value1().into(Actor.class), record.value2() )); } WHERE 조건 포함 시 성능 비교 fetchGroups 방식 (cost=405, rows=609) Film 필터링 먼저 → FilmActor 조인 → Actor 필터링 1. film 테이블 스캔 (1000 rows) └─ LIKE '%COMMANDMENTS EXPRESS%' → 111 rows 2. film_actor 인덱스 조회 (idx_fk_film_id) → 609 rows 3. actor PRIMARY KEY 조회 → 609 rows └─ LIKE '%LOLLOBRIGIDA%' → 1 row (최종) 특징: - Film 조건이 선택적이면 먼저 필터링하여 조인 범위 축소 - 하지만 Actor 필터링은 마지막에 수행 (비효율) - 609개 row가 네트워크 전송 → 애플리케이션에서 1개로 그룹핑 --- multiset 방식 (cost=20.2 + 13.3 × filtered_actors) Actor 필터링 먼저 → 각 Actor의 Film 서브쿼리 1. actor 테이블 스캔 (200 rows) └─ LIKE '%LOLLOBRIGIDA%' → 1 row (필터링 후) 2. 필터링된 1개 actor에 대해 서브쿼리 실행: - film_actor PRIMARY KEY 조회 (27.3 rows 추정) - film PRIMARY KEY 조회 (27.3번) - LIKE '%COMMANDMENTS EXPRESS%' → 1개 매칭 특징: - Actor 조건을 먼저 적용하여 서브쿼리 실행 횟수 최소화 - 필터링된 1개 Actor만 네트워크 전송 (JSON 포함) - Film 필터링은 각 actor 서브쿼리 내부에서 수행 --- 실제 Total Cost 계산 fetchGroups Total: 405 네트워크 전송: 609 rows (Actor + Film 중복 포함) 애플리케이션 처리: Map 생성 + Stream 변환 multiset Total: 20.2 + (13.3 × 1) = 33.5 네트워크 전송: 1 row (Actor + JSON array) 애플리케이션 처리: JSON 역직렬화 결론: WHERE 조건이 있으면 multiset이 압도적으로 유리 (405 vs 33.5) FetchGroups는 Actor를 나중에 필터링하고 multiset은 actor를 먼저 필터링해서 1개에 대한 film을 여러개 가져와서 현재 데이터에서는 더 유리한데 일반적인 사용법이 궁금합니다

  • java
  • sql
  • spring-boot
  • jooq
  • dsl
JaeWon Kim 댓글 1 좋아요 0 조회수 82

이력서 관련 궁금한 사항이 있습니다.

해결됨

백엔드 6주 실전 미션과 1:1 피드백으로 완성하는 합격 포트폴리오 - 2기

안녕하세요 딩코딩코 선생님. 다름이 아니라 궁금한 점이 있어 Q&A에다가 글을 올립니다. 6주차 까지 진행을 하며 현재 실제 업무를 하며 해결한 내역들에 대해 다시 한번 정리 해 보는 시간을 가지려고 합니다. 이러한 과정을 수행했을 때 혹시 피드백을 해 주실 수 있는지 궁금합니다.

  • java
  • spring
  • mysql
  • redis
  • 이력서
Tommy 댓글 2 좋아요 0 조회수 66

스캔대상 질문드립니다.

미해결

실전! 스프링 데이터 JPA

안녕하세요. 다른질문에도 동일하게 있는데 답변이 조금 모호한거같아서 다시 질문 드립니다. 강의 자료의 해당 강의 부분을 보면 org.springframework.data .repository.Repository 를 구현한 클래스는 스캔 대상 라고 되어있는데, 제가 이해한 바로는 이 부분이 org.springframework.data .jpa.repository.JpaRepository 를 상속받은 인터페이스 는 스캔 대상 이렇게 수정되어야 할 것 같은데 맞을까요..??

  • java
  • spring
  • spring-boot
  • jpa
오리쉐리 댓글 1 좋아요 0 조회수 67

git 연동 오류

미해결

1시간만에 Chat GPT 클론 with Cursor (원데이 클래스)

Vercel 배포를 위해 github에 레퍼지토리를 새로 형성하고 주소 복사를 한다음 터미널에 "git remote add origin (git 주소)" 명령어를 입력하니 다음과같은 오류가 납니다. 어떤 현상인지 알 수 있을까요?

  • react
  • typescript
  • tailwindcss
  • nextjs
  • chatgpt
  • git
  • github
forever1542 댓글 1 좋아요 0 조회수 132

[typo] 3장. 작전1 명령어 문의

미해결

죽음의 Spring Batch: 새벽 3시의 처절한 공포는 이제 끝이다.

킬구형 잘 지내고 있는가? 날이 차가워졌다가 말다가 뒤죽박죽 3장 작전1의 JpaCursorItemReader 를 활용한 postBlockBatchJob 에 문제가 있어 보인다. 킬구형이 해킹을 잘한다지만, 우리는 못한다!!! 명령어에 jobParameters 가 제외 되었는데 이런 좋은 해킹 공유 해주면 좋겟다! postBlockBatchJob 은 startDateTime / endDateTime 를 필요로 하는 명령어로 보인다. 아래와 같이 구동해야 정상 작동이 되는걸로 보인다 ./gradlew bootRun --args='--spring.batch.job.name=postBlockBatchJob startDateTime=2025-11-16T00:00:00,java.time.LocalDateTime endDateTime=2025-11-20T00:00:00,java.time.LocalDateTime'

  • java
  • spring
  • spring-boot
  • spring-batch
  • backend
이상민 댓글 1 좋아요 1 조회수 102

2강 작전1. csv/fixedLength 윈도우 실행 관련 유의사항 제보

미해결

죽음의 Spring Batch: 새벽 3시의 처절한 공포는 이제 끝이다.

현재 윈도우 환경에서 학습 중이어서 형님께서 싫어하실 수 있겠지만, 꽤나 흥미로운 것을 발견해서 형님께(강의내용에 도움이 되실 수도 있을까 하여) 제보드립니다! 참고로 저의 경우 IntelliJ의 powershell에서 echo를 하고 csv/txt내용수정은 IntelliJ에서 직접 하였습니다. 1) csv 실행시 오류 최초 실행시 파싱불가 오류가 발생하였는데, csv파일에서 문제점은 없을 것으로 판단하여 프로젝트의 인코딩을 utf-8에서 EUC-KR로 변경해주었습니다. 이러면 정상 작동하였습니다. 2) fixedLength 실행시 오류 역시 최초 실행시 파싱불가 오류가 발생하였습니다. 로그를 살펴보았을때 인코딩이 잘못되었을 것으로 판단하여 프로젝트의 인코딩 설정과 해당 txt파일의 인코딩 설정을 모두 utf-8로 바꿔주었습니다(utf-16/utf-16LE/utf-16BE 모두 오류 발생, 특히 저 인코딩 문제는 utf-8에서만 유일하게 발생하지 않아서 utf-8 인코딩만 가능한 것으로 보임). 이래도 파싱문제가 발생하였는데, .columns(new Range[]{ new Range(1, 8), // errorId: ERR001 + 2 new Range(9, 29), // errorDateTime: 19 + 2 new Range(30, 38), // severity: CRITICAL/FATAL + padding new Range(39, 44), // processId: 1234 + 2 new Range(45, 66) // errorMessage: msg + \n }) severity 부분을 30 ~ 39 가 아닌 30 ~ 38로 바꿔주었고 마지막 errorMessage 부분을 46 ~ 66이 아닌 45 ~ 66으로 바꿔주었습니다(21자리 -> 22자리) echo로 공백을 입력해주었지만 실제 파일을 보았을때는 공백이 먹히지 않았던 것 같습니다. 그래서 아래와 같이 공백대신 문자열 1개를 그냥 입력해주었습니다. echo를 통한 개행이 먹히지 않아 위와 같이 intellij로 txt파일을 변경해주었습니다. 마지막 문자는 DETECT + 공백 + 개행 -> DETECTS + 개행으로 공백을 제거해주었습니다. 이렇게 했을때 최종적으로 빌드성공하였습니다. 저 Range범위, 특히 severity 범위를 왜 저렇게 구성해야 하는지, 이게 윈도우 실행 환경만 이런건지, 제 환경에서만 이런 문제가 발생하는건지..아직도 모르겠지만.. 형님께 제보를 해드리면 좋을 것 같아서 남겨봅니다!

  • java
  • spring
  • spring-boot
  • spring-batch
  • backend
Hyo Kyun Lee 댓글 1 좋아요 1 조회수 125

server 배포 후 client 배포시 401 에러 발생

해결됨

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

안녕하세요 강사님~! 백엔드 서버 vercel 로 배포한 뒤 client 를 해당 백엔드 url 로 설정하여 npm run build 를 하니 401 에러가 발생을 해서요~ https://ddilys-library-server-lqprbor13-camomilekrs-projects.vercel.app/ This page requires authentication to access. Automated agents should use a Vercel authentication bypass token to access this page. build 과정에서 401 오류로 응답에 이런 내용이 포함되어 있는데, 별도의 auth token 같은 걸 설정해 줘야 할까요?? vercel --prod 로 deploy 해도 동일한 증상이 있습니다~ 답변 주시면 감사드리겠습니다~

  • react
  • typescript
  • next.js
  • 카카오공채-개발
서지석 댓글 3 좋아요 0 조회수 116

다음 강의 질문

미해결

Spring WebFlux + LLM 실전 구현

안녕하세요? 강의 정말 재밌게 잘 들었습니다. 다음 강의역시 기대가 되는데요, 혹시 예상하시는 강의 오픈일정같은 게 있을까요? 추가로 어떤 내용일지도 궁금합니다! (다른 질문에서 커리큘럼이 다 준비되었다고 말씀주셔서 같이 여쭈어봅니다)

  • java
  • spring
  • webflux
  • chatgpt
  • llm
김영빈 댓글 1 좋아요 0 조회수 80

형 JobLauncherController 구성 질문

미해결

죽음의 Spring Batch: 새벽 3시의 처절한 공포는 이제 끝이다.

킬구형 여기부분에서 사실상 JobLauncherController 에서 applicationContext 는 실제로 사용되지않는데 이전 강의에서 job이 bean으로 등록된다는걸 우리가 실제로 확인해보라고 넣은 큰 그림인거야 후훗? 😏

  • java
  • spring
  • spring-boot
  • spring-batch
  • backend
메롱시티 댓글 3 좋아요 1 조회수 105

추가 강의 업로드 계획은 어떻게 되시나요?

미해결

React & FastAPI로 만드는 투표 커뮤니티 플랫폼: 결제 시스템으로 수익화까지!

안녕하세요! 현재 강의의 80%를 수강했습니다. 노션강의자료를 보니 기능 추가예정이 적혀있어서 혹시 언제쯤 강의를 추가하실건지 아니면 추가된 부분의 코드만이라도 노션 혹은 깃허브에 업데이트가 가능한지 궁금합니다. 답변 부탁드립니다. 감사합니다.

  • react
  • mysql
  • docker
  • rest-api
  • FastAPI
JONG 댓글 2 좋아요 0 조회수 125

IO.println(String.format("Hello and welcome!"));

미해결

김영한의 자바 입문 - 코드로 시작하는 자바 첫걸음

[질문 템플릿] 1. 강의 내용과 관련된 질문인가요? 예 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? 예 3. 질문 잘하기 메뉴얼을 읽어보셨나요? 예 선생님 이렇게 만들어지는데 괜찮은걸까요? [질문 내용] 여기에 질문 내용을 남겨주세요.

  • java
  • 객체지향
가진빵다내놔 댓글 2 좋아요 0 조회수 189

인기 태그

인프런 TOP Writers

주간 인기글