inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

익스텐션 질문

해결됨

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

안녕하세요 설치된 익스텐션이 궁금하여 질문드립니다. 17:20에 return문에 h1태그를 추가하고 저장하시니까 ()가 자동으로 감싸지는데 어떤 익스텐션을 설치해야하나요? 아니면 어떤 설정을 해야하나요?

  • react
  • typescript
  • next.js
김보섭 댓글 1 좋아요 0 조회수 114

섹션2 강의자료

해결됨

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

안녕하세요 선생님 섹션2 마지막 강의 3개(함수 선언과 호출, 연산자와 기출문제, switch-case문) 강의자료가 없는데 원래 없는건지 문의드립니다.

  • python
  • java
  • c
  • 정보처리기사
knh6765 댓글 2 좋아요 0 조회수 62

이론 pdf

해결됨

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

선생님 최근까지 시험 계속 본 사람인데요ㅜ 요즘 문제가 예를 들어서, 문제 : 입력 자료에 초점을 맞춰 테스트 케이스를 만들고 검사하는 방법 설명 보기 : ㄱ. Equivalence Partitioning, ㄴ. Boundary Value Analysis 답 : ㄱ 이렇게 보기가 영어로 나올때가 있는데 블랙박스테스트는 영어로 단어가 설명 안되어있어요ㅠ 근데 지피티한테 물어봐도 영어를 모르겠어서여ㅜㅜ 제가 책은 없고 선생님 자료로 수강중이라 이론 자료에 영어 단어도 부탁드립니다ㅜㅜ

  • python
  • java
  • c
  • 정보처리기사
댓글 2 좋아요 0 조회수 127

7.1 서버 액션에서

해결됨

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

import style from "./page.module.css"; // 변경 후: import Image from 'next/image'; import { notFound } from "next/navigation"; import { BookData } from "@/types"; export const dynamicParams = true; export async function generateStaticParams() { return [{id: "1"}, {id: "2"}, {id: "3"}]; } async function BookDetail({bookId}:{bookId:string}){ // params가 Promise이므로 먼저 await로 해결(resolve)해야 합니다 const response = await fetch(`${process.env.NEXT_PUBLIC_API_SERVER_URL}/book/${bookId}`) ; if (!response.ok){ if (response.status === 404) { notFound(); } return <section>Failed to fetch books</section>; } const book = await response.json(); const { id, title, subTitle, description, author, publisher, coverImgUrl } = book; return ( <section> <div className={style.cover_img_container} style={{ backgroundImage: `url('${coverImgUrl}')` }} > <img src={coverImgUrl} alt={title || "책 표지"} /> </div> <div className={style.title}>{title}</div> <div className={style.subTitle}>{subTitle}</div> <div className={style.author}> {author} | {publisher} </div> <div className={style.description}>{description}</div> </section> ); } function ReviewEditForm() { async function createReviewAction(formData: FormData) { "use server"; //console.log("server action called"); const content = formData.get("content")?.toString(); const author = formData.get("author")?.toString(); console.log("server action called", { content, author }); } return ( <section > <h2>리뷰 작성</h2> <form action={createReviewAction}> <textarea name="content" placeholder="리뷰를 작성해주세요" ></textarea> <input name="author" placeholder="작성자" /> <button type="submit">리뷰 작성</button> </form> </section> ); } export default function Page({ params }: { params: { id: string } }) { // const bookId = params.id; // 미리 params 처리 return ( <div className={style.container}> <BookDetail bookId={params.id}/> <ReviewEditForm/> </div> ) } 에서 Error: Route "/book/[id]" used `params.id`. `params` should be awaited before using its properties. Learn more: https://nextjs.org/docs/messages/sync-dynamic-apis at Page (src\app\book\[id]\page.tsx:79:33) 77 | return ( 78 | <div className={style.container}> > 79 | <BookDetail bookId={params.id}/> | ^ 80 | <ReviewEditForm/> 81 | </div> 82 | ) 이에러가 계속 나는데 chatgpt랑 계속 풀어 보려고 해도 쉽지 않네요 params 쓰는 시점 문제인거 같은데 강의 내용을 봐서는 잘모르겠네요 export default function Page({ params }: { params: { id: string } }) { // const bookId = params.id; // 미리 params 처리 return ( <div className={style.container}> <BookDetail bookId={params.id}/> <ReviewEditForm/> </div> ) } bookId 이 부분이 계속 async 어쩌구 하는데

  • react
  • typescript
  • next.js
Ming 댓글 2 좋아요 0 조회수 168

배포 강의에서 Blocked request 경우, vite.config.js 파일도 수정해야되나요?

해결됨

React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드

안녕하세요! 강의 듣다가 최종 배포에서 질문이 있습니다. 강의에서는 vite.config.js 파일 내용 수정은 없는 것 같은데요 아래 순서로 했는데 홈페이지 메인화면에서 Blocked request. This host (" 5d39-218-159-221-155.ngrok-free.app ") is not allowed. To allow this host, add " 5d39-218-159-221-155.ngrok-free.app " to server.allowedHosts in vite.config.js. 에러가 뜨는데요 vite.config.js 파일 수정을 해야되나요? 프론트, 백앤드 서버 실행 cmd 창에서 ngrok http 5173 입력 index.js 파일에서 아래와 같이 수정 app.use(cors({ //origin: "http://localhost:5173", origin: "https://5d39-218-159-221-155.ngrok-free.app", credentials: true, })); ngrok 에러는 아래와 같아요 08:36:45.923 KST GET /favicon.ico 403 Forbidden

  • HTML/CSS
  • javascript
  • react
  • node.js
  • mongodb
호호하하 댓글 1 좋아요 0 조회수 858

코테 합격 전략

해결됨

데이터 분석을 위한 SQL 문제풀이 (Advent of SQL 2024)

앞으로 코테 합격 전략으로, solveSQL 문제 반복적으로 전체 다 푸는 것을 루틴으로 하면서, 최종목표 : 별 4,5개 문제 편하게 풀 수 있는 실력 만들기 로 갈까 하는데요. 어떻게 생각하시나요? 아니면, solveSQL 반복적으로 푸는 것도 좋지만, 다양한 문제 유형들도 풀어봐야할까요? (예를 들면, Programmers, HackerRank, Leetcode) 같은.

  • sql
  • mysql
  • postgresql
  • sqlite
Jason 댓글 1 좋아요 0 조회수 166

SQL (입문, 실전, 마스터) 빨리 듣는 방법

해결됨

데이터 분석을 위한 SQL 문제풀이 (Advent of SQL 2024)

안녕하세요! 데이터리안님 저는 DA로 취준하고있는 학생입니다. 이제 슬슬 서류는 합격하기 시작했는데, 코테에서 떨어집니다. (일주일전 1번 떨어짐) 앞으로도 계속 코테가 있을 예정인데요. 조만간 또 SQL코테를 앞두고 있어서, 빠르게 SQL 실력을 올리고 싶습니다. 솔직히, SQL 문제 혼자 풀기 시작한 것은 벌써 몇달 됐는데, 실력이 잘 안 늘어서요.. 별 3개 문제 정도는 풀 실력이 된거같은데, With 문 쓰고, 서브쿼리 쓰는건 아~~~ 이걸 내가 할 수 있을까? 싶은 생각이 들어요. 그러던 중, 어제 변성윤(카일)님께서 링크드인에서 이 강의 링크를 추천해주셔서, 오늘부터 듣기 시작했는데. 되게 좋은 것 같아요! 이전에는, " 어쨌든 풀어서 답만 맟주면 된다는 식의 풀이 " 가 구글링하면 많은데, 그게 아니라 제대로 배워야겠다 는 생각이 들었습니다. 그래서, 어차피 sovleSQL 문제로 계속 공부해왔으니까 강의들으면서, 계속 풀이방식 적절했는지 피드백들으면서 빨리 익힐 수 있을 것 같은데, 지금 신청해도 들을 수가 없네요. (입문, 실전, 마스터) 다 빠르게 듣고싶은데. SQL 강의를 5월 5일에 개강한다고 돼있어서, 혹시 좀 더 빨리 수강할 수 있는 방법은 없는지 여쭤봅니다.

  • sql
  • mysql
  • postgresql
  • sqlite
Jason 댓글 1 좋아요 0 조회수 193

SQL 치트 시트 (실전)(마스터) 도 추가 요청합니다~

해결됨

데이터 분석을 위한 SQL 문제풀이 (Advent of SQL 2024)

SQL 치트 시트 (입문) 용은 받았는데, (실전) (마스터) 는 신청해도 통 소식이 없네요 ㅠㅠ 부탁드리겠습니다~

  • sql
  • mysql
  • postgresql
  • sqlite
Jason 댓글 2 좋아요 0 조회수 147

Day 6 질문

해결됨

데이터 분석을 위한 SQL 문제풀이 (Advent of SQL 2024)

SELECT c.name FROM companies c JOIN games g ON c.company_id = g.publisher_id GROUP BY c.company_id, c.name HAVING COUNT(g.game_id) >= 10; 이렇게 풀어도 되는데, 뭐가 더 좋은 풀이인지 궁금합니다~~ 강의에서 설명하신 것처럼, 먼저 뭐부터 뽑을지 정하고, 거기에 필요한 걸(JOIN같은것) 추가하듯이 푸는게 좋은건가요?

  • sql
  • mysql
  • postgresql
  • sqlite
Jason 댓글 2 좋아요 0 조회수 138

Day4. COUNT(*) 만해도 충분한 이유

해결됨

데이터 분석을 위한 SQL 문제풀이 (Advent of SQL 2024)

COUNT(station_id) 굳이 안쓰고, COUNT(*) 만해도 충분한 이유가 뭔가요? 어차피 station_id 는 고윳값이니까. (DISTINCT 안써도 되는 것) = (COUNT *) 만해도 충분한 것. 같은 이유일까요?

  • sql
  • mysql
  • postgresql
  • sqlite
Jason 댓글 1 좋아요 0 조회수 146

이론 파트

해결됨

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

안녕하세요 강사님 이제 이론 파트로 넘어왔는데 PDF 파일이랑 수업자료 파일이랑 내용이 달라서 어떤걸 기준으로 봐야되는걸까요? 같은 내용인줄 알았는데 제목만 같고 안에 내용이 좀 달라서 질문 드립니다.

  • python
  • java
  • c
  • 정보처리기사
sbd 댓글 2 좋아요 0 조회수 173

게시글 목록 최적화 전략 구현 - 테스트 에서 오류가 발생합니다

해결됨

스프링부트로 직접 만들면서 배우는 대규모 시스템 설계 - 게시판

학습 관련 질문을 최대한 상세히 남겨주세요! 고민 과정도 같이 나열해주셔도 좋습니다. 먼저 유사한 질문이 있었는지 검색해보세요. 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 거의 막바지에 이르러서 테스트 부분을 들으려 하고 있습니다 테스트 부분에서 강의 코드와 같이 맞춰 보아도 에러가 발생하여 어떤 에러인지 감이 잘 잡히지 않아 질문드립니다. 최하단에 에러 로그를 첨부합니다. 저장소의 완성 코드 파라미터대로 하면 성공하지만, 강의대로 하면 에러가 납니다 이것은 저장소의 완성본 코드이고 @Test void readAllTest() { ArticleReadPageResponse response1 = articleReadRestClient.get() .uri("/v1/articles?boardId=%s&page=%s&pageSize=%s".formatted(1L, 3000L, 5)) .retrieve() .body(ArticleReadPageResponse.class); System.out.println("response1.getArticleCount() = " + response1.getArticleCount()); for (ArticleReadResponse article : response1.getArticles()) { System.out.println("article.getArticleId() = " + article.getArticleId()); } ArticleReadPageResponse response2 = articleRestClient.get() .uri("/v1/articles?boardId=%s&page=%s&pageSize=%s".formatted(1L, 3000L, 5)) .retrieve() .body(ArticleReadPageResponse.class); System.out.println("response2.getArticleCount() = " + response2.getArticleCount()); for (ArticleReadResponse article : response2.getArticles()) { System.out.println("article.getArticleId() = " + article.getArticleId()); } 이것은 에러가 발생하는 강의의 코드입니다. @Test void readAllTest(){ ArticleReadPageResponse response1 = articleReadRestClient.get() .uri("/v1/articles?boardId=%s&page=%s&pageSize=%s".formatted(1L, 1L, 5)) .retrieve() .body(ArticleReadPageResponse.class); System.out.println("response1 = " + response1); for (ArticleReadResponse article : response1.getArticles()) { System.out.println("article.getArticleId() = " + article.getArticleId()); } ArticleReadPageResponse response2 = articleRestClient.get() .uri("/v1/articles?boardId=%s&page=%s&pageSize=%s".formatted(1L, 1L, 5)) .retrieve() .body(ArticleReadPageResponse.class); System.out.println("response2 = " + response2); for (ArticleReadResponse article : response2.getArticles()) { System.out.println("article.getArticleId() = " + article.getArticleId()); } } 이것은 에러 로그입니다 (본문 제한으로 부득이하게 이미지로 첨부합니다)

  • java
  • mysql
  • spring-boot
  • kafka
  • redis
woo 댓글 2 좋아요 0 조회수 174

서버컴포넌트를 children으로 사용해도, 브라우저에서 출력이 되는 것 같습니다.

해결됨

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

3.5) 리액트 서버 컴포넌트 주의사항 강의의 12분 쯤 - 서버 컴포넌트를 클라이언트 컴포넌트의 children props로 사용하면, 브라우저에서 서버컴포넌트가 렌더링 되지 않는 걸 보여주는 예시에서요. (with-searchbar)/page.tsx1 (with-searchbar)/client-component.tsx (with-searchbar)/server-component.tsx 현재 잘 따라한거 같은데, 서버 컴포넌트가 브라우저에 출력이 되더라구요. 서버 컴포넌트로서 출력이 된거 같긴한데. 브라우저에서 서버 컴포넌트가 보이면 안되는 거 아닌가 싶은데, 현재 next 15.3 이라서 그런건가 싶기도 하구요!

  • react
  • typescript
  • next.js
파미에스테이션 댓글 2 좋아요 1 조회수 220

객체를 만들기(생성하기) 전 및 후, new 위치 질문

해결됨

김영한의 실전 자바 - 고급 2편, I/O, 네트워크, 리플렉션

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문 전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 안녕 하세요. 궁금증이 생겨서 질문을 올립니다. 코드를 보여주고 설명 하는게 편할것 같아서 코드를 먼저 보여드립니다. 블록친 부분을 보시면 왼쪽에 있는 것은, 생성자 쪽에서 new @@@을 해서, 값을 지정하는 방면, 오른쪽에 있는 것은, 필드 쪽에서 new @@@ 하여서 값을 지정 하는 것을 볼 수 있었습니다. 여기서 궁금증이 생깁니다. 왼쪽에 있는 pathMap을 가지고 있는 것을 객체를 생성할때 하는게 아니면 그냥 필드에 넣어도 되는것이 아닌가? 그리고 오른쪽에 있는 것을 생성자 안에 넣어서 선언해도 되는 것이 아닌가? 라는 생각들입니다 억지 스러운거 같지만 이렇게요. 그래서 여기서 궁금증인 어떤 클래스들은 필드에 new를, 어떤 클래스들은 객체에 new를 하는것 같은데, 1. 두 가지의 차이점이 궁금하고, 2.아래의 사진 처럼 이렇게 바꿔도 되는지 궁금합니다. 답변 부탁 드립니다.

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

업캐스팅에서 질문

해결됨

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

안녕하세요. 문의 드릴 게 있습니다. 14:02 에서, 궁금한 게 있는데요. 저번 수업에서 업캐스팅일 때, 오버라이딩 함수가 아닌데, 자식 매서드를 호출하면 에러가 발생한다고 하셨었는데요, 지금처럼 show(int x)매서드는 오버라이딩이 아니지 않나요?? 그럼 궁금한 부부분이 단순 선언은 괜찮은건가요? 호출 시에만 문제가 되는건지 궁금합니다. 지금 14:02 에서 보여지고 있는 코드가 오류가 없는 코드인지 궁금합니다.

  • python
  • java
  • c
  • 정보처리기사
문수민 댓글 2 좋아요 0 조회수 72

맴버변수의 하이딩..

해결됨

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

지금 class Parent { public String name = "Parent" ; } class Child extends Parent { public String name = "Child" ; // Parent의 name 변수를 hiding함 } 두 변수 모두 정적 변수가 아니라 인스턴스 변수? 인데 그럼에도 업캐스팅 한 객체에서 변수를 불러올때는 선언한 타입 클래스에 있는 변수를 불러온다는 것이겠죠? 재선언한 자식것을 가져오는것은 동일 형태의 매서드만 가져오는것이구요?

  • python
  • java
  • c
  • 정보처리기사
조창호 댓글 2 좋아요 0 조회수 194

tailwind css v4 에서 색상 관련해서

미해결

Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)

안녕하세요. 강사님. tailwind v4에서 hsl 대신 oklch를 사용한다고 하는데,,, 이에 대한 안내도 있을까요? 아직 강의를 다 들은건 아니라서 커스텀 색상을 얼마나 추가할지는 모르겠는데 혹시 몰라서요!

  • react
  • 블로그
  • next.js
  • cursor
  • cursorai
jjanec 댓글 2 좋아요 0 조회수 491

띄어쓰기

해결됨

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

2:42 출력값이 2 4 5 1 3 인 이유는 printf("%d ") %d 뒤에 띄어쓰기가 하나 더 있기 때문인가요?

  • python
  • java
  • c
  • 정보처리기사
람다 댓글 2 좋아요 0 조회수 100

OrderServiceTest id to load is required for loading

미해결

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

[질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예) [질문 내용] OrderServiceTest에서 id to load is required for loading org.springframework.dao.InvalidDataAccessApiUsageException: id to load is required for loading 에러가 발생합니다. ID값이 왜 NULL인지 찾고 있는데 잘 모르겠네요.. 도움요청합니다. package jpabook.jpashop.service; import jakarta.persistence.EntityManager; import jpabook.jpashop.domain.Address; import jpabook.jpashop.domain.Member; import jpabook.jpashop.domain.Order; import jpabook.jpashop.domain.OrderStatus; import jpabook.jpashop.domain.item.Book; import jpabook.jpashop.domain.item.Item; import jpabook.jpashop.repository.OrderRepository; import org.junit.jupiter.api.Assertions; import org.junit.jupiter.api.Test; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.boot.test.context.SpringBootTest; import org.springframework.transaction.annotation.Transactional; import static org.junit.jupiter.api.Assertions.*; @SpringBootTest @Transactional class OrderServiceTest { @Autowired EntityManager em; @Autowired OrderService orderService; @Autowired OrderRepository orderRepository; @Test public void 상품주문() throws Exception { //given Member member = new Member(); member.setName("회원1"); member.setAddress(new Address("서울", "강가", "123-123")); em.persist(member); Book book = new Book(); book.setName("시골 JPA"); book.setPrice(10000); book.setStockQuantity(10); //when int orderCount = 2; Long orderId = orderService.order(member.getId(), book.getId(), orderCount); //then Order getOrder = orderRepository.findOne(orderId); assertEquals(OrderStatus.ORDER, getOrder.getStatus(), "상품 주문시 상태는 ORDER"); } @Test public void 주문취소() throws Exception { //given //when //then } @Test public void 상품주문_재고수량초과() throws Exception { //given //when //then } }

  • java
  • spring
  • 웹앱
  • spring-boot
  • jpa
댓글 1 좋아요 0 조회수 128

IntelliJ IDEA에서는 JDK24로 설치하면 안되는건가요?

해결됨

[말 한마디로 뚝딱!] AI와 함께 나만의 수익화 웹사이트를 만드는 법

IntelliJ 도 현재 최신버전으로 설치했는데 강의 버전에 맞춰 설치해야 하는지요?

  • HTML/CSS
  • java
  • mysql
  • php
0213kyungsoo 댓글 2 좋아요 0 조회수 303

인기 태그

인프런 TOP Writers

주간 인기글