inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

모달만드는 방식 질문

해결됨

[React / VanillaJS] UI 요소 직접 만들기 Part 2

안녕하세요 재남님 강의 너무 잘듣고 있습니다 이번 강의 듣고 생각이 드는게 저는 지금까지 모달을 만들때 각각의 모달을 완성본으로 만들고 모달을 부르는 트리거버튼이나 그,런것에 상태를 주고 상태의 변경에따라 그 아래에 그리는 방식으로 모달을 구현했습니다 이번강의도 보면 비슷하긴한데 모달을 만드는곳에서 모든것을 만드는것이 아니라 모달이라는(컴파운드 패턴..? 사실 이건 처음봐서 혼란스럽네요...ㅎㅎ)컴포넌트에서 기본 적인 css와 칠드런등을 만들어놓고 모달에서는 이것들을 가져와서 완성본 모달을 만드는것으로 이해를 했습니다 제가 궁금한것은 실무에서는 보통 이렇게 만드는지 궁금합니다 이렇게 만드는것의 장점이 있을까요?(찾아보니 재사용성이 좋다고 하는데 이부분이 크게 와닿지가 않네요..)

  • react
  • typescript
  • dom
  • ui
  • vanilla-js
성민석 댓글 1 좋아요 0 조회수 262

강의를 다 보고 궁금한점이 생겼습니다! (afterLogin)에 대해서 질문있습니다.

해결됨

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

https://github.com/ZeroCho/next-app-router-z/blob/master/lecture/src/app/(afterLogin)/layout.tsx 제로초님 강의를 다 듣고 코드를 살펴보던 중 의문이 있어 질문 드립니다. 해당 코드를 보면 lecture/src/app/(afterLogin)/layout.tsx 파일에서 거의 최고 부모컴포넌트인 <RQProvider>가 "use client"를 사용하여 클라이언트 컴포넌트가 되는것으로 알고있는데 이렇게 한다면 그 하위 컴포넌트들은 전부 클라이언트 컴포넌트가되는게 아닌가요? 어떻게 서버컴포넌트를 사용할 수 있는건지 궁금합니다.

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

메세지 보내고 백엔드에 저장하는 부분이 어디인지 궁금합니다.

미해결

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

안녕하세요 선생님 완강하고 채팅을 구현해보려고 합니다. 그런데 강의와 깃헙을 보면 soket으로 보내는 내용, 쿼리에 데이터 추가하는 내용은 있는데 소켓으로 보낸 내용이 백엔드에 저장되는 부분이 보이질 않더라구요, 클라이언트에서 소켓으로 데이터를 보내면 그걸 받고 백엔드에서 저장해주는 로직이 따로 있는걸까요?

  • react
  • next.js
  • react-query
  • next-auth
  • msw
챠챠_ 댓글 1 좋아요 0 조회수 170

node 설지시 오류 입니다.

미해결

코드로 배우는 React 19 with 스프링부트 API서버

npx create-react-app mall 명령어 입력시 해당 오류가 발생합니다. log의 내용은 다음과 같습니다. 0 verbose cli C:\Program Files\nodejs\node.exe C:\Users\USER\AppData\Roaming\nvm\v10.16.3\node_modules\npm\bin\npm-cli.js 1 info using npm@10.7.0 2 info using node@v20.15.0 3 silly config:load:file:C:\Users\USER\AppData\Roaming\nvm\v10.16.3\node_modules\npm\npmrc 4 silly config:load:file:C:\Users\USER\reactAPI_workSpace\.npmrc 5 silly config:load:file:C:\Users\USER\.npmrc 6 silly config:load:file:C:\Users\USER\AppData\Roaming\npm\etc\npmrc 7 verbose title npm exec create-react-app mall 8 verbose argv "exec" "--" "create-react-app" "mall" 9 verbose logfile logs-max:10 dir:C:\Users\USER\AppData\Local\npm-cache\_logs\2024-07-01T07_49_17_781Z- 10 verbose logfile C:\Users\USER\AppData\Local\npm-cache\_logs\2024-07-01T07_49_17_781Z-debug-0.log 11 verbose stack TypeError: LRUCache is not a constructor 11 verbose stack at Object.<anonymous> (C:\Users\USER\AppData\Roaming\nvm\v10.16.3\node_modules\npm\node_modules\cacache\lib\memoization.js:5:18) 11 verbose stack at Module._compile (node:internal/modules/cjs/loader:1358:14) 11 verbose stack at Module._extensions..js (node:internal/modules/cjs/loader:1416:10) 11 verbose stack at Module.load (node:internal/modules/cjs/loader:1208:32) 11 verbose stack at Module._load (node:internal/modules/cjs/loader:1024:12) 11 verbose stack at Module.require (node:internal/modules/cjs/loader:1233:19) 11 verbose stack at require (node:internal/modules/helpers:179:18) 11 verbose stack at Object.<anonymous> (C:\Users\USER\AppData\Roaming\nvm\v10.16.3\node_modules\npm\node_modules\cacache\lib\get.js:8:14) 11 verbose stack at Module._compile (node:internal/modules/cjs/loader:1358:14) 11 verbose stack at Module._extensions..js (node:internal/modules/cjs/loader:1416:10) 12 verbose cwd C:\Users\USER\reactAPI_workSpace 13 verbose Windows_NT 10.0.19045 14 verbose node v20.15.0 15 verbose npm v10.7.0 16 error LRUCache is not a constructor 17 verbose exit 1 18 verbose code 1 19 error A complete log of this run can be found in: C:\Users\USER\AppData\Local\npm-cache\_logs\2024-07-01T07_49_17_781Z-debug-0.log node 와 npm 버전은 이렇게 깔려있습니다. 재설치 해도 여전히 오류가 발생합니다 ㅜㅠ 어떻게 해결해야 할까요?

  • react
  • spring-boot
  • jpa
  • jwt
  • redux-toolkit
o_o209 댓글 2 좋아요 0 조회수 591

문제 풀이시 설명 요청 드립니다.

해결됨

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

선생님 문제풀이 하실 때 짝수, 약수를 구분해서 빠르게 문제를 파악하는 스킬은 매우 좋은 방법 같아요 그런데 코드가 한번 돌아가면서 변수 숫자가 바뀌는데 그냥 풀어버리시니까 어떻게 하는 지 프로그램을 사용해보지 않은 비전공자 입장에서는 이해가 덜 가는 것 같아요 조건 반복문에서 변수가 증감되는 것이 헷갈리거든요 문제를 풀 때는 하나 하나 숫자를 적어가면서 변하는 값을 알고 대입해야 하는데.. 풀이를 보니 쫒아가지를 못하겠네요 조건 반복문 문제풀이에서 어떻게 계산하라는 거지? 라는 생각이 들어요. 제가 표도 그려서 적어보기도 하고.. 여러 방법을 시도해봤는데 여러개의 변수가 들어가면 헷갈리더라고요 (15분 전 문제, 15분 문제) 조금만 더 자세하게 천천히 알려주시면 감사하겠습니다. 수포자는 더 힘들어요. ㅋㅋ

  • python
  • java
  • c
  • 정보처리기사
이성미 댓글 1 좋아요 1 조회수 248

페이징 처리

해결됨

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

안녕하세요. 선생님. todolist를 따라하며 완성하였는데요. todolist의 list들이 많아지면 페이징 처리를 통해 나누어 봐야 할 거 같은데 이 기능은 어떻게 구현하면 좋을까요?? (RESTFUL API로 개발하면 프론트, 백엔드 양쪽에서 페이징 처리를 해야 하는지,, )

  • javascript
  • react
  • node.js
윤토벤 댓글 1 좋아요 0 조회수 248

심플 카운터 onClick시 setCount 무한 루프

해결됨

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

선생님 안녕하세요 선생님 안녕하세요 강의에 나온 내용은 아니지만 실습 중에 문법 경고가 안 떠있는데 제 의도대로 작동 되지 않은 코드가 있어서 이러면 안된다고 부연 설명해주셨지만 제가 강의 안보고 혼자 실습하다가 그 안 되는걸 해버렸는데 이유가 너무 궁금해서 질문 드립니당 심플 카운터 실습 중에 App 컴포넌트에서 Count 스태이트를 함수로 만들어서 Controller 컴포넌트에 넘기고 컨트롤러 컴포넌트에서 이렇게 함수를 호출 했더니 버튼 누르지도 않았는데 혼자 무한루프 도는걸 봤는데 왜 이런건지 궁금해요

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

캐러셀 동작원리

해결됨

[React / VanillaJS] UI 요소 직접 만들기 Part 2

안녕하세요 재남님 강의 너무 잘듣고 있습니다 제가 지금 캐러셀 공부하면서 궁금한것이 캐러셀 각 이미지에 ref를 다 할당한다 슬라이드 이벤트 화살표 클릭시 이동할 인덱스를 계산하고 인덱스를 기준으로 current와 next의 ref를 가져온다 그럼 가져온 ref에 각각 애니메이션 클래스네임을 할당한다 애니메이션에 따라 translateX만큼 이동 , 마지막으로 이동한 인덱스 상태변화 이렇게 동작원리를 이해를 하였습니다 그래서 일단 animationend는 없어도 될거 같아서 일단 없애고 코드를 작성하니 화면 전환은 되는데 자연스러운 슬라이드가 아니라 그냥 뚝뚝끊기는 이미지 전환이 되고있습니다.. 제 생각엔 handleAnimationEnd함수는 애니메이션 동작완료후 동작하는것이라고 알고있는데 애니메이션이 동작을 안하는 이유를 모르겠습니다 const moveTo = useCallback( (nextIndex: number, direction?: Direction) => { const $current = itemsRef.current![currentIndex] as HTMLLIElement; const $next = itemsRef.current![nextIndex] as HTMLLIElement; if (nextIndex === currentIndex) return; const dir = direction || (nextIndex > currentIndex ? "right" : "left"); // const handleAnimationEnd = () => { // $current.className = cx("item"); // $next.className = cx("item", "current"); // $current.removeEventListener("animationend", handleAnimationEnd); // setCurrentIndex(nextIndex); // }; // $current.addEventListener("animationend", handleAnimationEnd); $current.classList.add(cx(`${dir}_current`)); $next.classList.add(cx(`${dir}_next`)); setCurrentIndex(nextIndex); }, [currentIndex] );

  • react
  • typescript
  • dom
  • ui
  • vanilla-js
성민석 댓글 2 좋아요 0 조회수 326

선생님 강의 너무 잘 듣고 있습니다. 질문이 있습니다.

미해결

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

SPP를 통해서 padding 된 이미지를 가지고 Annotation 파일의 정보와 비교해서 유사도를 측정할텐데 Annotation안에 있는 모든 구역의 정보와 비교하는 것인가요? 예) TV, 사람, 의자 사이즈가 홀수인 경우에는 다른 질문에 응답처럼 padding 한다고 되어있는데 다른 모든 경우에도 정보가 부족하다면 해당 공간을 0으로 채우는 건가요?

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

강의 중 이해가 안되어 질문드립니다.

해결됨

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

마지막 if문에서 value i==0 && value j==0이면 트루인데 위에 문장에서 count되어서 숫자가 하나씩 계속 증가하게 되는거 아닌가요? 그럼 트루가 아니게 되는게 아닌지 모르겠어서 여쭤봅니다.

  • python
  • java
  • c
  • 정보처리기사
유지니 댓글 1 좋아요 0 조회수 229

질문을 이상한데다 했었네요ㅠㅠ

해결됨

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

https://www.inflearn.com/questions/1307841 답변 부탁 드립니다!!

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

파이참 다운로드

미해결

파이썬으로 10가지 게임 만들기 1편 [비전공자 초급 과정]

파이참을 다운로드 하는데 커뮤니티 버전이 없어요 30일 무료 평가판이 있는데 이미 30일이 지나서 쓸 수가 없네요. 커뮤니티 버전을 어디서 찾을 수 있을까요?

  • python
박민정 댓글 2 좋아요 0 조회수 1163

교안 제공은 안되나요?

미해결

파이썬 동시성 프로그래밍 : 데이터 수집부터 웹 개발까지 (feat. FastAPI, async, await)

교안 제공은 안되나요?

  • python
  • 동시성
  • FastAPI
이우 댓글 1 좋아요 0 조회수 242

webhook 단점

해결됨

실무에서 사용하는 클라우드 보안 프로그래밍 (AWS, Python, Terraform)

안녕하세요 slack 부분 구성이 좀 궁금해서 일단 해당 부분 강의만 봤는데 Webook 단점 영상 중에 강사님이 만드신 Alert이 왔을때 생기는 버튼 및 Log에 대한 쓰레드를 달 수있는 기능은 webhook으로 불가능하다 하셨는데요. 그렇다면, 저 기능을 이용하려면 Webhook말고 어떤 기능을 이용해야하나요? 감사합니다.

  • python
  • aws
  • Terraform
  • devsecops
gomadafter 댓글 1 좋아요 1 조회수 260

[Django 5 버전 - 해결 방법] Method Not Allowed (GET)

미해결

장고 설계철학으로 시작하는 파이썬 장고 입문

장고 5 부터 LogoutView로의 요청은 POST 방식만 허용 장고 버전을 올려 봤는데, 이러 이슈가 생길 수도 있네요 :) [30/Jun/2024 11:43:53] "GET /accounts/logout/ HTTP/1.1" 405 0 Method Not Allowed (GET): /accounts/logout/ Method Not Allowed: /accounts/logout/

  • python
  • django
snow 댓글 1 좋아요 0 조회수 310

백트래킹 관련해서 질문 드립니다!

해결됨

2주만에 통과하는 알고리즘 코딩테스트 (2024년)

n = int(input()) # 식재료 개수 minimums = list(map(int, input().split())) # 최소 영양소 기준 ingredients = [list(map(int, input().split())) for _ in range(n)] # 재료들 # 선택한 식재료를 담을 배열 초기화 picked = [] result_picked = [] # 최소 비용 초기화 (정답값) min_cost = 987_654_321 # 조건 확인 def is_bigger(sum_nutrients): global minimums for i in range(4): if sum_nutrients[i] < minimums[i]: return False return True # subset 구하기 def recursion(k): global picked, min_cost, result_picked if k == n: # 재료를 모두 선택했다면 # 뽑은 재료가 조건에 만족하는지 확인 # picked의 영양소들의 합이 minimums의 각 최소 영양소보다 커야 함 # 뽑은 재료의 각 영양소의 합을 담기 sum_nutrients = [0, 0, 0, 0] sum_cost = 0 for i in range(len(picked)): sum_cost += ingredients[picked[i]][4] # 비용 담기 for j in range(4): sum_nutrients[j] += ingredients[picked[i]][j] # 최소 영양소보다 큰 지 확인 # 근데 사전 순으로 가장 빠른 것을 출력해야 한다. # 어떻게 ? if is_bigger(sum_nutrients) and sum_cost <= min_cost: if sum_cost < min_cost: min_cost = sum_cost # 최소 비용 업데이트 result_picked = picked[:] # 선택한 배열 저장 elif sum_cost == min_cost and picked < result_picked: result_picked = picked[:] return # 뽑은 재료의 인덱스를 picked에 담고 picked.append(k) recursion(k + 1) # 다음 재료 선택 # 재료 선택 안하는 경우엔 picked.pop() # 현재 재료를 빼고 recursion(k + 1) # 다음 재료 선택 recursion(0) # 출력 if min_cost == 987_654_321: print(-1) else: print(min_cost) res = [x + 1 for x in result_picked] print(*res) 19942 다이어트 문제입니다. 저는 항상 백트래킹 할 때 이렇게 매개변수를 그냥 간단히 하는 식으로 하는데, 강사님은 매개변수에다가 설정을 하시더라구요 강의보면서 직관적이기도 하고 되게 좋은 방법이라고 생각했는데, 이렇게 해도 상관없나요?

  • python
  • 코딩-테스트
  • 알고리즘
oilater 댓글 2 좋아요 1 조회수 253

자바 파이썬 기출문제 변형 수업자료

해결됨

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

없나요 ㅠㅠ?

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

질문

해결됨

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

System.out.printin("str1==str2:"+(str1==str2)); 여기서 출력값이 왜 true혹은 false로 나오는건가요? 앞에 +가 참거짓을 나타나게해주는건가요? 디테일한 설명이 없어서 따라가기가 힘듭니다.. 강의수준에는 입문이라고 되어있는데 전혀 입문강의가 아니네요ㅜㅜ 지금 강의 하나만 계속 반복해서 듣고 저게 무슨말이지 하면서 진도를 나갈수가없네요. 열심히 따라가고 싶은데 힘드네요.

  • python
  • java
  • c
  • 정보처리기사
김인도 댓글 1 좋아요 0 조회수 191

프로그래밍언어 자바가 어렵네요..

해결됨

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

강의를 잘해주시는데 문제풀이로 들어가면 막히기 시작하는거 같습니다… 추가적인 문제풀이를 통해서 복습하는 수강을 하실 계획이 있는지 궁금하네요ㅠ 23년 1회차부터 24년 1회차까지 혼자서 문제풀어보니 이미 봐왔던 문제들이고 정답을 알고 있어서 막힘없이 풀리기는 하는 상태네요.. 로직 이해를 좀더 해야되는 것 같고 자바 수강을 마쳤음에도 한번 더 수강을 하려고 합니다.

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

8강 반복문+조건문 문제 풀이 예제 관련 질문

해결됨

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

선생님, 안녕하세요! 제가 비전공자 문과 직장인이라 ^^; 정보처리기사 실기 코드해석 문제들을 어떻게 준비해야될지 막막했는데, 이번에 좋은 강의 마련해주셔서 감사한 마음으로 잘 듣고 있습니다. 다름이 아니라 금번에 업데이트해주신 8강 반복문+조건문 문제 풀이 영상에서 올려주신 예제의 풀이가 잘 이해되지 않아서 질문글을 올리게 되었습니다. 해당 예제는 6번째 슬라이드에 있는 Java 코드입니다. 강의 9:06 경에서 0, 2, 4, 3, 8 이렇게 5개를 언급해주셨는데, i<10 에 해당하는 정수에 대해서 (i%2==0lli%3==0)&&i%6!=0 에 해당하는 것은 제가 생각했을 때는 2, 3, 4, 8, 9 이렇게 5개가 되는게 맞는게 아닐까 해서요. ^^; (정수 0의 경우에는 6으로 나누면 어차피 0이니까) 제가 코드 해석 배우는건 이번이 처음이라 ^^; 모르는거 투성이라 너무 지엽적인걸 여쭤봐서 괜히 선생님 시간을 뺏는게 아닐까 조심스럽기는 하네요. 모쪼록 확인 한번 해주시면 학습에 많은 도움이 될 것 같습니다. 코드 해석이라면 늘 어렵고 막연하게만 생각했는데 저 같은 초보도 잘 이해할 수 있도록 설명을 차근차근 쉽게 해주셔서 준비에 많은 도움이 되고 있습니다. 마지막 강의까지 잘 따라가보겠습니다. 비가 많이 오는데 모쪼록 안전에 유의해주시고 행복이 가득한 주말 보내세요~~!! 감사합니다.

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

인기 태그

인프런 TOP Writers

주간 인기글