inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

서버 컴포넌트에서의 상호작용

해결됨

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

안녕하세요 강사님. 양질의 강의 잘 듣고 있습니다. 다름이 아니라 클라이언트 컴포넌트와 서버 컴포넌트 개념 설명에서, "상호작용(Interaction)이 지속적으로 발생하는 컴포넌트는 클라이언트 컴포넌트로 작성해야 한다" 라고 이해했었습니다. 그런데 리뷰를 작성하는 기능 또한 상호작용이 지속적으로 발생하는 것이 아닌가 하는 의문이 들었습니다. 제가 이해를 잘 못 한 부분이 있는 걸까요? 아니면 서버 컴포넌트에서도 어느정도 상호작용을 처리할 수 있는건가요?

  • react
  • typescript
  • next.js
라라올라 댓글 2 좋아요 0 조회수 113

완강~!~! 🥳

해결됨

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

리엑트를 이어서 넥스트까지 완강~~! 🥳 강의 재밌게 잘 달렸습니다 좋은 강의 감사합니다 🙇‍♂

  • react
  • typescript
  • next.js
강프로그래머 댓글 2 좋아요 1 조회수 136

25-3-08 키워드 경쟁강도 분석코드설계

해결됨

파이썬으로 나만의 블로그 자동화 프로그램 만들기

25-3-08 키워드 경쟁강도 분석코드설계 이거 소스코드는어디에잇나요? 카페에도없는거같아서요

  • python
  • wordpress
  • 웹-크롤링
  • selenium
우에이오웅 댓글 1 좋아요 0 조회수 154

사전 렌더링 과정에서 질문

해결됨

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

안녕하세요! 강의 잘 보고있습니다! 사전렌더링시에 해당 페이지에 대한 HTML과 JS bundle을 받고 수화 과정을 통해 상호작용을 하는 건 이해를 하였습니다! 궁금한점은 그럼 해당 페이지가 아닌 다른 페이지의 HTML과 Js파일들은 프리페칭 과정에서 받아 CSR방식으로 동작하는건가요??

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

cuda sdk 설치 중 질문이 있습니다.(쌤~~추가질문 댓글로 올려놨으니 답변 부탁드려용~~)

미해결

[AI 실무] AI Research Engineer를 위한 논문 구현 시작하기 with PyTorch

cuda sdk에서 6.0을 설치할려고 하는데 pytouch install에서 링크( https://pytorch.org/get-started/previous-versions/)여기서 어느부분을 복사해야할까요? 윈도우입니다.

  • python
  • 딥러닝
  • pytorch
  • 컴퓨터-비전
  • 생성형ai
zzzzz 댓글 2 좋아요 0 조회수 182

업캐스팅 사용이유 이해가 잘 안 됩니다.

해결됨

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

다형성을 위해 사용한다는데, 어차피 상속 받으면 부모의 클래스도 접근 가능하지 않나요? 업캐스팅하면 자식 클래스에만 있는 메소드는 사용할 수 없는데, 오히려 사용에 더 제한되는건 아닌지 궁금합니다. 감사합니다!

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

3-4 이진분류 모델링 실습 원핫 인코딩 질문 드립니다.

미해결

6일 만에 배우는 파이토치 딥러닝 기초

안녕하세요. 3-4 이진분류 모델링 실습 .ipynb 파일에서 궁금증이 생겨 질문 드립니다. 이직 여부 예측 분류 문제에서 직원 샘플에 대해 여러 가지 종류의 feature가 있는 것을 알 수 있습니다. 이 feature 중에는 숫자형 데이터도 존재하고, 범주형 데이터, 문자형 데이터(drop해서 삭제)도 존재합니다. 숫자형 데이터 같은 경우에는 그대로 모델링에 사용해도 되지만, 범주형 데이터 같은 경우에는 숫자 1 ~ 5 혹은 1 ~ 4 형태이긴 하지만 해당 숫자가 연속성을 가진 숫자가 아니고, 특정 의미(Bad, Good 등)를 가지는 범주를 나타내는 형태로 의미가 파악이 됩니다. 그렇기에 해당 데이터들에는 원핫 인코딩을 해야 할 것이라고 생각이 되는데, 이러한 생각이 맞는지 여쭈어 보고 싶습니다. 더불어 문자 데이터 feature는 삭제하고, 범주형 데이터는 원핫 인코딩을 하고, 숫자형 데이터는 그대로 이용해서 모델을 학습하고 예측을 한 결과, 이직 여부에서 Yes(1.0)인 경우에서의 정밀도와 재현율이 상당히 낮게 나오는 것을 확인할 수 있었습니다. 그래서 혹시 Yes(1.0)이 200개, No(0.0)이 1050개로 차이가 나서 이런 결과가 나온 것인가 싶어 훈련, 평가 데이터 분류에서 stratify=y를 하였는데도 결과는 크게 달라지지 않았습니다. 이에 대해서도 선생님께 여쭈어 보고 싶습니다. 읽어주셔서 감사합니다.

  • python
  • 딥러닝
  • pytorch
  • cnn
맛동산 댓글 2 좋아요 0 조회수 161

tailwindCss 버전 업그레이드로 인한 질문

해결됨

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

안녕하세요! next.js 설치 완료후 package.json을 확인해보니 테일윈드가 3.4.1 버전이 아닌 4.0.14 버전이 설치 되어있음을 확인했습니다. 강의 내용과 다른점이 있어 node_modules , yarn lock 삭제후 버전 다운그레이드를 시도해보았지만 자꾸 에러가나서.. 테일윈드 독스를 찾아 새로운 버전을 적용시켰어요 https://tailwindcss.com/docs/installation/framework-guides/nextjs 다만 기존 강의에서는 tailwind.config.js 에서 변수를 설정하는 법을 알려주셨는데.. 그 방법에 대해서는 해결방법을 찾지 못하였습니다. 나만의 변수를 만들어 다양한 컴포넌트에서 재사용하는 방법이 테일윈드의 강의의 쟁점이라고 생각해서. global.css에 변수를 만들어 컴포넌트 스타일에 적용시키는 방법으로 비슷하게는 진행해 보았는데 이렇게 해도 되는 사항 일까요? 또한 강의 후반부에 @layer로 utilities를 만들어 스타일을 적용시키는 부분에서 스타일 자체는 먹지만, 테일윈드 자체에서 제공해주는 반응형 명령어에는 적용이 안돼요 ㅠㅠ 좋은 방법이 있을까요.....

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
홍주미 댓글 2 좋아요 0 조회수 206

코드 누락 제보

해결됨

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

안녕하세요 강사님 깃헙 파일에서 누락된 코드를 확인하였습니다. https://github.com/winterlood/onebite-next/blob/main/section07/chapter03/src/components/review-editor.tsx [변경 전] <input name="bookId" value={bookId} hidden /> [변경 후] <input name="bookId" value={bookId} hidden readOnly/>

  • react
  • typescript
  • next.js
강프로그래머 댓글 2 좋아요 0 조회수 159

에러, 로딩 내용 페이지를 모든 페이지에 다 만드는 이유가 따로 있나요?

미해결

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

에러나 로딩을 전역적으로 상태로 봐서 에러나 로딩을 띄우는게 아닌, 페이지별로 전부 다 복붙으로 넣는 이유가 따로 있나요..? 일단 따라해보고있긴 한데, 뭔가 좀 아닌것 같아서 질문 드립니다ㅠㅜ

  • react
  • 인터랙티브-웹
  • 클론코딩
  • next.js
  • tailwindcss
  • zustand
Junho 댓글 3 좋아요 2 조회수 214

다음 알고리즘의 경우 괜찮은 접근인지 궁금해요

해결됨

38군데 합격 비법, 2026 코딩테스트 필수 알고리즘

1. 현재 학습 진도 몇 챕터/몇 강을 수강 중이신가요? 1- 10 어떤 알고리즘을 학습하고 계신가요? 1 - 10 2. 궁금한 부분 def find_not_repeating_first_character(string): occurrence_array = find_alphabet_occurrence_array(string) for char in string: if occurrence_array[ord(char) - ord('a')] == 1: return char return "_" def find_alphabet_occurrence_array(string): alphabet_occurrence_array = [0] * 26 for char in string: index = ord(char) - ord('a') alphabet_occurrence_array[index] += 1 return alphabet_occurrence_array 딩코딩코 선생님의 풀이와 다르게 반복된 값이 들어 있는 array에서 string의 element를 순회하면서 index의 빈도수를 조회하고 1이면 return 하도록 했는데 괜찮은 접근일까요?

  • python
  • 코딩-테스트
  • 알고리즘
Tommy 댓글 2 좋아요 0 조회수 260

Airflow Variables 설정

미해결

실리콘밸리 데이터 리더가 알려주는 Airflow 기초

Airflow Variables 설정시 스노우플레이크와 연결을 위한 snowflake_userid, snowflake_password, snowflake_account 설정은 이해를 합니다. 그런데 첫번째인 Country_capital_url 왜 설정하는지 이해가 안갑니다.

  • python
  • sql
  • airflow
  • snowflake
고해양 댓글 2 좋아요 1 조회수 137

기출 23년 2회 38:36 마지막 두번째 take() point--의 적용문제

해결됨

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

point 0 1 2 3 isWhat 5 6 3 현재 point가 1로 6을 출력한 뒤 마지막 두번째 take()를 하면 return isWhat[point--]는 현재의 isWhat값인 6을 출력한 뒤에 point는 0이 되고, 다시 마지막 take()를 다시하면, return isWhat[point--]로 point 0일 때 isWhat의 값 5를 출력한 뒤에 point -1이 되어 종료되는 것은 아닌가요? 6이 한 번 더 있어야 되는 것은 아닌지 여쭈어 봅니다.

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

Error: connect ECONNREFUSED ::1:6379 트러블 슈팅

해결됨

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

문제 발생 : npm run start:dev 시 위와 같은 에러 발생 Error: connect ECONNREFUSED ::1:6379 at TCPConnectWrap.afterConnect [as oncomplete] (node:net:1615:16) { errno: -4078, code: 'ECONNREFUSED', syscall: 'connect', address: '::1', port: 6379 } 문제 원인: Redis 연결 실패 → 애플리케이션이 Redis 서버(포트 6379 )에 연결하려 했지만 거부됨. ECONNREFUSED 오류는 Redis가 실행되지 않거나, 접근할 수 없는 상태 일 때 발생. 문제 해결 : Redis 기본 설정은 IPv6 ( ::1 )을 사용함. IPv4( 127.0.0.1 )로 강제 변경해 해결 localhost 가 아닌 127.0.0.1 로 변경 // .env 기존 코드 REDIS_URL=redis://localhost:6379 // .env 변경 코드 REDIS_URL=redis://127.0.0.1:6379 위 에러 만나고 애쓴 부분 공유합니다. 혹시 잘못된 해결 방법이라면 알려주시면 감사하겠습니다!

  • react
  • next.js
  • react-query
  • next-auth
  • msw
10rlatkdtn 댓글 1 좋아요 2 조회수 352

BOJ 1342 메모리초과 관련

해결됨

세계 대회 진출자가 알려주는 코딩테스트 A to Z (with Python)

from itertools import permutations infos = list(input()) ans = 0 for comb in set(permutations(infos)): ok = True for i in range(0,len(infos)-1): if comb[i] == comb[i+1] : ok = False break ans += ok print(ans) BOJ 1342번 문제를 다음과 같이 풀었는데 계속해서 메모리초과 때문에 오답처리가 나서 질문 남깁니다. permutations가 한 번에 모든 순열을 생성하기 때문에 메모리 문제가 발생한다고 GPT의 답변을 얻을 수 있었으나, 강사님의 풀이 1번에도 permutations가 있는데도 메모리초과가 나지 않고 정답처리가 나서 왜 이런 차이가 나는 지 궁금합니다.

  • python
  • 코딩-테스트
  • 알고리즘
gjwns2044 댓글 2 좋아요 0 조회수 151

[JS 03-1-1] 스크롤-스크롤 실습 관련 질문입니다.

해결됨

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

window.scrollTo({ top: 0, behavior: "smooth" }); 제 화면은 왜 부드럽게 스크롤 이동이 안되는걸까요? behavior 빠졌을 때와 차이가 없어보여요.. 사용 브라우저는 크롬입니다

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
방가워요 댓글 1 좋아요 0 조회수 86

상속 10개 예제 - 유형 5번 질문

해결됨

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

안녕하세요. Java 상속 10개 예제 파트의 유형 5. 부모 메서드를 오버라이딩하지 않고, 자식에서 새롭게 정의된 메서드를 사용 할 경우에 대해 질문이 있어서 남깁니다. 아직 제가 업캐스팅에 대해 완벽히 이해가 되었지 않았기 때문에 드리는 질문입니다. 업캐스팅이란, 객체 생성 시, 클래스의 타입은 부모 클래스로, 생성자는 자식 생성자로 하는 것이라 배웠습니다. 업캐스팅이 진행 될 경우, 기존 부모 클래스 내부 메서드는 해당 객체에서 활용할 수 있지만, 자식 클래스에서 부모 클래스의 메서드를 오버라이딩 하지 않고, 새롭게 정의한 메서드를 사용할 수 없는 것인가요? 예를 들어, 다음과 같은 코드를 살펴 볼 경우, class Parent { // 부모 클래스의 void형 메서드 show void show() { System.out.println("Parent show"); } } class Child extends Parent { // 자식 클래스의 void 형 메서드 show(int a) // 부모 클래스에 존재하지 않던 메서드를 새롭게 정의한 메서드 void show(int x) { System.out.println("Child show : " + x); } } public class Main { public static void main(String[] args) { Parent p = new Child(); // 업캐스팅으로 생성된 객체 p // p는 참조 타입이 Parent이고, 생성은 Child 생성자에 의해 생성된 객체이다 p.show(); // p.show() -> Child에 없는 메서드 -> Parent에서 해당 메서드 호출 p.show(1); // p.show(1) -> Child에만 있는 메서드 -> 참조 타입이 Parent이기 때문에 컴파일 에러 발생 } } p.show()는 Parent 클래스에서 정의된 메서드 show()를 호출하지만, p.show(1)는 Child 클래스에서만 정의된(Parent 클래스에는 없는) 메서드이기 때문에, 참조 타입에 따라 컴파일 에러가 발생하는 것 같습니다. 아직 제가 업캐스팅을 잘 이해하지 못해서 그런지, 업캐스팅이 없으면 안되는 경우를 제가 모르기 때문인지, 업캐스팅의 이점을 잘 모르겠습니다. 사실 저 경우도 단순히 Child 타입으로 p를 만들었다면 문제 없이 넘어가는 경우이고, 두 번째 자식 클래스의 메서드에서 오버라이딩을 진행한 경우에도 업캐스팅을 사용해야 하나?라는 의문이 들었습니다. class Parent { void show() { System.out.println("Parent show"); } } class Child extends Parent { void show() { System.out.println("Child show"); } void show(int x) { System.out.println("Child show : " + x); } } public class Main { public static void main(String[] args) { Child p = new Child(); p.show(); p.show(1); } } 업캐스팅을 단순히 정처기 실기를 통과하기 위한 하나의 주제로 보는 상황이라 이런 문제가 벌어지는 것 같습니다...ㅠㅠ 혹시 개발 과정에서 업캐스팅이 없으면 안 되는 경우(저처럼 그냥 타입을 Child로 바꿔버리면 안 되는 경우 등)에 대한 예시가 있을까요?? 다양한 문제 상황을 주셔서 여러 고민을 할 수 있는 것 같습니다. 항상 질 높은 강의 감사드립니다!

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

인터프리터 설정 ㅠㅠ

미해결

프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)

인터프리터를 눌러도 강의에서처럼 별표가 안 떠요 ㅠ 터미널에 where python, python --version 쳤을 때는 경로와 버전 모두 잘 뜹니다 뭐가 문제일까요..? 도와주세요.. ㅜㅠㅠㅠㅠ

  • python
서예원 댓글 2 좋아요 0 조회수 363

Parallel Routes시 default.tsx 와 page.tsx의 차이가 궁금합니다.

미해결

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

해당 강좌 default.tsx에서 기본 페이지로 사용시킬때 default.tsx를 처리해두고 빈페이지를 구성하는 형태를 사용하는 예제를 따라서 진행해보았는데요. 여기서 궁금한점이 page.tsx를 @modal에 하나더 유지시키고 return null 처리를 하는 컴포넌트를 두어도 똑같이 동작은 되는데, default.tsx 를 좀 더 권장하는 이유가 있을까요?

  • react
  • next.js
  • react-query
  • next-auth
  • msw
Sol. Dawin 댓글 2 좋아요 0 조회수 182

인기 태그

인프런 TOP Writers

주간 인기글