inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

조건부 렌더링에서 로직 처리 차이

미해결

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

export default function CourseItem({title, description, thumbnail, isFavorite}) { let defaultIconTag = "/img/heart/heart-icon.svg" if (isFavorite) { defaultIconTag = "/img/heart/heart-fill-icon.svg" } return ( <article className="course"> <img className="course__img" src={thumbnail} alt="강의 이미지"/> <div className="course__body"> <div className="course__title">{title}</div> <div className="course__description">{description}</div> </div> <div className="course__icons"> <button className="btn"> <img className="icon-heart" src={defaultIconTag} /> </button> </div> </article> ); } 저는 기존 CourseItem메서드 내에서 변수를 생성해서 만들었는데 강의에서는 새로운 메서드를 생성해서 진행하더라고요. 메서드를 따로 생성해서 버튼 태그랑 묶어서 같이 넘기신 이유가 있나요? 현업에서 어떤 방식을 더 선호할까요?

  • react
  • React-Context
  • react-router
  • tailwindcss
  • react-query
wofjeiong2ewg23 댓글 1 좋아요 0 조회수 160

vite를 통해 프로젝트 생성 시 React Router 는 무엇일까요?

해결됨

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

강의에서는 4가지 뿐인데 vite가 현재일자 기준으로 업데이트가 되었는지 5번째 칸에 React Router v7이 생겼습니다. 혹시 React Router v7를 선택하면 수강하는데에 문제가 있을까요?

  • javascript
  • react
  • node.js
j_3_23 댓글 3 좋아요 0 조회수 886

DP 11053관련 질문있습니다.

해결됨

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

안녕하세요, DP 백준 11053문제관련해서 질문이 있습니다. 1) 부분수열중 가장 긴 거라했으니 N = int(input()) lit = list(map(int, input().split())) print(len(sorted(list(set(lit))))) 이렇게 set으로 중복처리를해주고 그 길이를 구하면 안되는건가요? 2) 1) 방법이 틀려 부분수열이 아니라 기존에 input값에서 길이를 구하는걸로 구했을때 하기와 같이 했습니다. N = int(input()) lit = list(map(int, input().split())) dp = [0] * (N+1) for i in range(1, N): dp[i-1] = (lit[i] - lit[i-1]) print(sum([1 for i in dp if i>0])+1) 이전값과 비교하여 양수이면 남기고 남겨진값들로 길이를 구하려했는데 1), 2) 방법에서 둘 다 채점이 틀려서 제가 문제 자체를 이해를 잘못하고 있는지 하여 문의드립니다.

  • python
  • 코딩-테스트
  • 알고리즘
tocc22 댓글 1 좋아요 0 조회수 140

책과 강의 병행 중 서로 다른 내용이 있어요

미해결

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

안녕하세요 책과 강의를 병행하고 있습니다! 4장 리액트 앱 만들기, 5장 실습부분을 진행하고 있는데요 책에서는 create-react-app 으로 리액트 앱을 만들고, 강의는 vite로 앱을 만들고 있습니다. 또한 책에서는 main.jsx대신 index.js와 bundle.js가 생성된다고 하는데 강의를 따라가면 되는걸까요 ?? 분명 책과 강의의 차이점에 대해 어딘가에 정리되어있을 것 같은데.. 찾을 수가 없어서 질문드립니다!

  • javascript
  • react
  • node.js
hrhan 댓글 2 좋아요 0 조회수 150

이제는 이 사이트가 안되는것 같습니다...

미해결

[개정판] 딥러닝 컴퓨터 비전 완벽 가이드

이상한 사이트로 접속이 되네요

  • python
  • 머신러닝
  • 딥러닝
  • keras
  • tensorflow
  • 컴퓨터-비전
Alex 댓글 1 좋아요 -1 조회수 147

디스코드 접근할 수 없습니다.

해결됨

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

1. 현재 학습 진도 몇 챕터/몇 강을 수강 중이신가요? 어떤 알고리즘을 학습하고 계신가요? 여기까지 이해하신 내용은 무엇인가요? 2. 어려움을 겪는 부분 어느 부분에서 막히셨나요? 코드의 어떤 로직이 이해가 안 되시나요? 어떤 개념이 헷갈리시나요? 3. 시도해보신 내용 문제 해결을 위해 어떤 시도를 해보셨나요? 에러가 발생했다면 어떤 에러인가요? 현재 작성하신 코드를 공유해주세요 이렇게 구체적으로 알려주시면, 더 정확하고 도움이 되는 답변을 드릴 수 있습니다! 😊

  • python
  • 코딩-테스트
  • 알고리즘
  • data-structure
gjtjqkr1 댓글 1 좋아요 0 조회수 186

vercel 배포시 빌드 오류

미해결

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

vercel에 배포하려고 빌드할때 에러 문의입니다. 에러 로그는 아래와 같습니다. Export encountered an error on /book/[id]/page: /book/2, exiting the build. ⨯ Static worker exited with code: 1 and signal: null Error: Command "npm run build" exited with 1 /book/[id]/page.tsx 파일에서 사진과같이 generateStaticParams() 함수를 주석치면 빌드가 잘 되더라구요 어떤이유인지 알 수 있을까요 ?

  • react
  • typescript
  • next.js
  • vercel
스터디다오패스 댓글 2 좋아요 0 조회수 479

dataset.yaml 은 애노테이션인가요?

미해결

[개정판] 딥러닝 컴퓨터 비전 완벽 가이드

dataset.yaml 은 애노테이션인가요?

  • python
  • 머신러닝
  • 딥러닝
  • keras
  • tensorflow
  • 컴퓨터-비전
Alex 댓글 2 좋아요 0 조회수 99

loading이 동작하지 않습니다.

해결됨

Next.js App router 기반 Chat GPT 만들기

https://github.com/JeanYoungPark/next-chat-gpt loading 부분 코드 작성중인데 loading 컴포넌트가 따로 로드되지 않는 것 같습니다. 원인을 알 수 있을까요?

  • react
  • typescript
  • next.js
  • tailwindcss
  • zustand
  • chatgpt
박진영 댓글 2 좋아요 0 조회수 251

2부 할인쿠폰 관련

미해결

실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트

안녕하세요. 제공해주신 인강으로 프론트엔드 테스트를 공부하고 있는 수강생입니다. 최근 일이 많아져 인강 듣는 시간을 할애하지 못하였지만 이번 설 연휴를 맞이하여 1편 다보고 2편까지 보려고 하는데 제가 실수로 할인 쿠폰을 발급 받았다가 사용하지 못하고 유효기간이 지나 버렸는데 재발급을 할수 있는 방법이 있는지 문의드립니다!

  • javascript
  • react
  • 소프트웨어-테스트
  • vitest
이현호 댓글 1 좋아요 0 조회수 206

params 질문

미해결

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

[username] 슬러그 / 즉 유저 프로필 페이지에서 params값을 받아서 유저정보를 불러오는데 params의 값을 출력해보니 값이 나오긴하는데 인코딩된 값이 나옵니다 ㅠㅠ encodeURIComponent 함수를 사용한 적이 없는데 왜 이렇게 나오는지 궁금합니다

  • react
  • next.js
  • react-query
  • next-auth
  • msw
심현석 댓글 5 좋아요 0 조회수 204

async 제거(영상내용) 후 searchParams 오류

해결됨

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

안녕하세요 강사님. 해당 강의 8:31 초 내용을 저장했을때 아래와 같은 오류가 나왔습니다. 언뜻 봤을 때는 await를 적용하지 않아서 라는 것으로 해석이 되는데, 영상 초반에 비동기 컴포넌트를 따로 빼내어 사용하기로 하여 async를 제거하였는데 아래와 같은 오류가 나오지만 화면은 의도된 바와 같이 동작을 합니다. 강의 영상 및 자료와 동일하게 진행하였습니다 강사님의 강의자료에서 코드를 복사하여 BookListSkeleton만 제거 수정을 하여 테스트 시 위와 같은 오류가 동일하게 발생합니다. https://github.com/winterlood/onebite-next/blob/main/section06/chapter05/src/app/(with-searchbar)/search/page.tsx 영상에서는 저와 같은 오류가 발생하지 않는 것 같은데, 이런 오류가 발생하면 빌드가 안되는데... 확인 부탁드립니다.

  • react
  • typescript
  • next.js
김은미 댓글 3 좋아요 0 조회수 586

revalidatePath 오류

미해결

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

강의 처럼 revalidatePath(`book/${bookId}`)를 해서 리뷰를 작성하고 작성하기 버튼을 눌러서 페이지를 재검증하는 상황 revalidatePath는 퍼지를 통해서 캐시가 모두 삭제되는 것이 이해함 빌드 후, 프로젝트 모드로 실행 리뷰를 작성하고 리뷰를 누르는 상황 작성한게 보이긴 하지만 두번째꺼가 ㅋㅋㅇㄹㅋ 였는데 아래와 같이 바뀝니다. 또한 새로고침을 누르면 다시 원상태로 돌아갑니다. 아래와 같이 새로고침을 누르면 퍼지 후에 book/1 페이지는 다이나믹으로 작동해야되는데 하지 않는 것으로 파악됩니다. prisma studio를 확인해보면 데이터는 들어갔습니다. 그런데 npm run dev로 하면 잘 됩니다... 왜 그런 걸까요??

  • react
  • typescript
  • next.js
댓글 4 좋아요 0 조회수 184

정확도 문제

미해결

[개정판] 딥러닝 컴퓨터 비전 완벽 가이드

video 에서는 inference 점수가 0.35와 같은것도 추론이 되는데 실제로 이러한 낮은 추론 점수가 실제로도 쓰이거나 의미가 있다고 볼 수 있나요?

  • python
  • 머신러닝
  • 딥러닝
  • keras
  • tensorflow
  • 컴퓨터-비전
Alex 댓글 2 좋아요 0 조회수 106

quiz 6번 관련 문의입니다.

미해결

파이썬 무료 강의 (기본편) - 6시간 뒤면 나도 개발자

저는 문제를 std_weight라는 함수를 사용해서 표준 체중을 구하는 것으로 이해해서, std_weight(175, "남자") 위와 같이 입력했을 때, # (출력 예제) # 키 175cm 남자의 표준 체중은 67.38kg 입니다. 위와 같은 출력물이 나오도록 코드를 짰는데 틀린 건지 문의 드립니다. 코드는 다음과 같습니다. def std_weight(height, gender): height_m = height * 0.01 if gender == "남자": weight = round(height_m * height_m * 22, 2) print("키 {0}cm 남자의 표준 체중은 {1}kg 입니다." .format(height, weight)) elif gender == "여자": weight = round(height_m * height_m * 21, 2) print("키 {0}cm 여자의 표준 체중은 {1}kg 입니다." .format(height, weight)) std_weight(175, "남자")

  • python
온지윤 댓글 1 좋아요 0 조회수 153

트렌드섹션 질문

미해결

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

회원가입 후 바로 로그인 된 상태에서 home으로 가면 트렌드를 가져올 수 없다고 뜨는데 혹시 로그인 후 로그아웃버튼이 뜨지 않았던 상황과 비슷한 상황인가요 ? 로그아웃 버튼처럼 prop으로 session정보를 넘겨줘야 하는건지 궁금합니다

  • react
  • next.js
  • react-query
  • next-auth
  • msw
심현석 댓글 2 좋아요 0 조회수 82

파이썬 모듈

미해결

문과생도, 비전공자도, 누구나 배울 수 있는 파이썬(Python)!

python_class에 python_module_test라는 빈 폴더를 만들고 모듈 생성 프로그램을 실행시키는 게 아닌가요? 강의에서처럼 저 파일이 열리지 않아요

  • python
kingofchaos 댓글 2 좋아요 0 조회수 170

에러 핸들링 오류

해결됨

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

인덱스 페이지를 오류를 발생시키는 상황입니다. 과정에서 error.tsx 파일을 (with-searchbar) 폴더안에 만들었습니다. 데이터를 불러오는 서버를 끄로 인덱스 페이지를 새로고침하면 Footer에서 오류가 발생합니다. 글로벌 레이아웃에 Footer 컴포넌트를 불러와서 이런 오류가 발생하는 걸까요?

  • react
  • typescript
  • next.js
Full Stack 개발자 댓글 3 좋아요 0 조회수 121

기능 구현 질문 드립니다.

미해결

파이썬/장고로 웹채팅 서비스 만들기 (Feat. Channels) - 기본편

선생님 안녕하세요, 기능 구현하는데 힌트 좀 받고 싶어서 질문 드립니다. 메세지 차단 기능 초대기능 접속유저 부분에서 프로필 확인 기능을 넣고 싶습니다. 아직 장고가 손에 붙질 않아서.. 어느 부분을 수정해야할지 감이 오지 않습니다. 한번 해볼수있게 힌트 좀 부탁드려도 될까요. 감사합니다.

  • python
  • django
  • django-channels
sunnnwo 댓글 1 좋아요 0 조회수 145

'섹션 06-01 동기/비동기' 강의

해결됨

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

[중급] 웹 프론트엔드 부트캠프 강의중에서 '섹션 06-01 동기/비동기' 강의는 강의영상이 없다고 뜨는데 강의영상이 없는게 맞는건가요??

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

인기 태그

인프런 TOP Writers

주간 인기글