inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

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

[2-1] 강의링크 메모용

미해결

실무 중심! FE 입문자를 위한 React

https://codesandbox.io/p/sandbox/2-1-29k09?file=%2Fsrc%2Findex.js%3A9%2C1

  • react
  • redux
  • node.js
  • sass
  • swr
o hell 댓글 1 좋아요 4 조회수 940

onSubmit 함수안에서 입력 했는지 판별하기

해결됨

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

const onSubmit = () => { if (input.name === "") { // 이름을 입력하는 DOM 요소에 포커스 inputRef.current.focus(); } }; 위 코드는 강사님께서 알려주신 onSubmit함수인데 콘솔에 하나하나 찍어가면서 공부하다 보니까 inputRef.current가 가리키는 것이 input 태그여서 아래와 같이 조건문의 조건을 바꿔서 돌려봐도 잘 나오는데 input.name과 inputRef.current.value가 같은 것을 가리켜서 그런건지 궁금합니다! const onSubmit = () => { if (inputRef.current.value === "") { // 이름을 입력하는 DOM 요소에 포커스 inputRef.current.focus(); } }; 혹시 몰라서 input태그도 올립니다! <div> <input ref={inputRef} name="name" value={input.name} onChange={onChange} placeholder="이름" /> </div>

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

디자인 패턴

해결됨

실전! FastAPI 입문

덕분에 Fastapi 관련 수강 완료하였습니다. 이제는 디자인 패턴에 대해 설계를 공부해보려는데, Spring의 경우 MVC 패턴을 주로 사용하는데, Fastapi에서는 주로 어떤 디자인패턴으로 설계를 하시는 지 궁금하여 질문드렸습니다. 감사합니다

  • python
  • 리팩토링
  • orm
  • FastAPI
  • pytest
문승주 댓글 1 좋아요 0 조회수 157

userRef를 활용한 Validation 활용법

해결됨

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

특정 요소의 입력검증을 위해 useRef()를 생성하고 해당 element tag에 ref={inputRef}를 생성한 이후에 onSubmit()에서 강의대로 입력확인 처리를 하였습니다. const onSubmit = (e) => { console.log(input.name, input.birth) if(input.name === "") { console.log(inputRef.current) inputRef.current.focus() return } if(input.birth === "") { console.log(birthRef.current) birthRef.current.focus() return } } 질문의 bith에 대한 입력검증을 하고자 하면 신규로 birthRef = useRef()를 생성하고 element tag에 ref={birthRef}를 추가 / onSubmit에서 해당 로직을 적용해야 하는 건가요? 총 4개 입력항목(이름, 생년월일, 국가, 자소개)이면 useRef()를 4개 생성해서 엘리먼트별 입력확인을 하는구조로 개발이 되어야 하는건가요?

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

이벤트 객체값 확인관련 - console.log

해결됨

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

onChange 이벤트에서 입력값 확인을 console.log에서 확인시 아래와 같이 확인이 되어집니다. input(type=date포함), textarea 궁금한 사항은 select 에서 선택된 값은 어떻게 확인해야 할까요? 실제 target부분에 아래와 같이 표시가 되어집니다. select와 option의 값이 출력이 되고 input의 입력값을 볼수있는 형태가 아닌 select tag에서 정의한 값이 보입니다. 실제 선택한 값을 어디서 확인할 수 있을까요?

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

오름차순과 내림차순 질문

미해결

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! 질문과 관련된 영상 위치를 알려주면 더 빠르게 답변할 수 있어요 먼저 유사한 질문이 있었는지 검색해보세요 이 지점에서 sort_values를 했는데 소팅 시 기본값으로 ascending 오름차순(1->5) 나오는 것을 정확히 설명해 주지 않으셨고, 왜냐하면 그 결과 오름차순이 나왔어요. 그런데 원하는 것은 내림차순 descending (5->1)이라고 하셨는데 정작 코드는 ascending(오름차순)으로 적어서 실행했는데 신기하게 내림차순이 정렬되었습니다. 전 이 지점 이해 못했습니다. 설명 바랍니다.

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
강민균 댓글 2 좋아요 0 조회수 76

mmdetection 다운에 문제가 있는 것 같습니다.

미해결

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

안녕하세요 강의 정말 잘 듣고있습니다! 다름이 아니라 기존에는 잘 작동되었던 mmdetection 다운이 갑자기 안되서 말씀드립니다. 열심히 구글링해봤는데 안나와서 여기에 올려봅니다. torch와 torchvision 설치시에 error가 발생합니다. 여기서 발생하는 error는 pip depency에러가 아닙니다. 최종적으로 mmdet.apis 호출에 error가 발생합니다. 에러 내용은 import error로 "ImportError: libcudart.so .11.0: cannot open shared object file: No such file or directory" 이렇게 나타납니다.

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

재게시 관련 궁금한 사항

미해결

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

재게시를 클릭하면 Reposts 부분과 count부분을 수정하고 unShift함수를 사용해서 pages[0]에 글정보를 추가하게 되는데 재게시를 클릭할 때 마다 pages[0]에 {user:{},Original:{}} 부분이 계속 추가되는게 맞나요 ? 인피니트쿼리는 한 페이지당 최대 10개의 객체를 받아오는 것으로 알고있는데 인피니트 쿼리랑은 상관 없는건가요 ?

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

ProductItem에서 onClick = {onClick}을 달지 않아도 되는 이유

해결됨

[React 2부] 고급 주제와 훅

안녕하세요 강사님 수업 잘 듣고 있습니다. OrderableProductItem.jsx에서 컨텍스트의 컨슈머 안에 렌더 프롭을 children으로 만들고 changePath를 이용해서 주문하기 버튼을 누르면 cart로 이동하지 않습니까? 그런데 productItem.jsx에서는 {onClick && ( <Button styleType={"brand"} >주문하기</Button> )} 1. 이렇게 정의되어서 onClick 메서드를 받기만 하고 직접 활용하지 않습니다. 그럼에도 불구하고 Context를 통해 changePath가 작동할 수 있는 이유가 무엇인가요? 코드의 가독성을 위해서는 productItem.jsx에서 onClick ={onClick}을 달아주어야 하지 않나요?

  • react
  • React-Context
  • react-hooks
  • react-router
  • react-component
이재은 댓글 2 좋아요 1 조회수 189

11분 14초 i++

해결됨

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

문제에 i++은 후치 연산자여서 i에 0을 넣고 다음 내용을 실행 한 후 값이 증가한다고 생각했는데 왜 i++을 통해서 값이 0에서 1로 증가되는지 궁금해서 질문드리게 되었습니다.

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

CJS & ESM 모듈 관련

해결됨

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

제가 front를 잘 몰라서 질문을 드립니다. 외부모듈에 사용방식이 CJS, ESM 2가지 말씀하셨는데 궁금한 내용은 CJS(Common Js) 방식은 현재 javascript 기반에서도 node.js기반하고 상관없이 사용이 가능한가요? ESM ( ES 모듈 시스템) - node.js 기반하에서 동작되는 외부모듈 사용방식으로 이해해도 되는지 문의드립니다.

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

구조체 기초질문

해결됨

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

2:41초 부분 질문드립니다. 구조체에서 퍼슨1.네임 = 퍼슨(위켄코드)을 복사한다고 설명하시는데 맨위에 스트럭트 구조체 char name[50] 여기에 들어간다는 말씀인가요? 그리고... for문에서 사이즈 오브로 크기를 잰다음 복사하는거 같은데 한자한자씩 들어가는건가요?

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

npm run dev 무한 로딩 관련 질문입니다.

미해결

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

안녕하세요 강사님 강사님의 내용을 주석으로 남기고 싶어서 내용을 작성하고 저장하여 실행하면 페이지 상태가 무한로딩을 합니다. 이전 시간에 test.tsx 파일을 만들고 _app.tsx 파일에서 header 태그를 생성하는 시간에도 이와 비슷하게 주석을 사용하여 기록하고 저장하여 프로젝트를 실행하면 똑같이 무한로딩을 하게 됩니다. 저와 비슷한 사례가 많이 없어 chatGPT에 질문하여 얻은 답변으로는 node 버전과 관련이 있다고 하여 현재 버전 v20.18.1에서 v18으로 낮추기도 했지만 달라지지 않아 다시 원래 버전으로 돌려 놓은 상태 입니다. 이번이 두번째로 주석만 사용하면 이렇게 나타나는 현상인지 아니면 다른 설정이 필요한 것인지 잘 모르겠습니다.

  • react
  • typescript
  • next.js
오재환 댓글 2 좋아요 0 조회수 643

replaceState를 쓰지 않는 대안

해결됨

[React 2부] 고급 주제와 훅

안녕하세요 강사님 pushState를 작성하고 popState를 쓰는 부분에 있어서 에러가 발생했는데 이는 replaceState를 안써서 초기 상태에 대한 정보가 없어서 그렇다고 이해했습니다. 그런데, replaceState를 안쓰고 event.currentTarget.document.location.pathname 속성을 써도 정상적으로 작동하는듯한데 이 방식은 적절하지 않다고 보시나요? handleChangePath(path){ this.setState({path}) window.history.pushState({}, "", path) onpopstate = (event) => { console.log(this.state.path) this.setState({path : event.currentTarget.document.location.pathname}) }; }

  • react
  • React-Context
  • react-hooks
  • react-router
  • react-component
이재은 댓글 2 좋아요 1 조회수 224

app/api/auth/[...nextauth].ts 는 next-auth를 사용하려면 무조건 저 경로여야할까요??

미해결

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

안녕하세요! 강의 잘 듣고 있습니다! 다름이 아니라, 수강 중 여쭤볼게 있어 질문 드립니다..! 5:44초쯤에 app/api/auth/[...nextauth].ts 의 이 경로 폴더명들은 next-auth를 사용하려면 무조건 저 경로여야할까요? 예를들어, app/api/login/[...nextauth].ts 등 다른 경로는 불가능한가요? 꼭 /api/auth/[...nextauth]의 경로를 바라보도록 설계해야 하는지 궁금합니다!

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

안돼요ㅜㅜ in[]으로 뜨지도 않고 초록색으로 변하지도 않아요...

미해결

프로그래밍 시작하기 : 도전! 45가지 파이썬 기초 문법 실습 (Inflearn Original)

다른분들이 질문하신것도 보고 따라해봤는데도 안돼요... 아나콘다 재설치도 해보고(근데 아나콘다는 애초에 강의랑 설치화면이 달라요ㅠㅠ,...) 프롬프트로 주피터도 재설치도 해보고요.. 최신버전 확인도 하고 파이썬도 최신버전으로 깔려있는데 한번 봐주실수있나요? 작동은 돼요!! 쉬프랑 엔터 누르면요ㅠㅠ ? !

  • python
이은지 댓글 3 좋아요 1 조회수 387

airflow에서 DAG Import Errors

미해결

Airflow 마스터 클래스

아래와 같은 에러가 발생했습니다. 비슷한 질문의 답글을 확인하여 아래내용도 다시 봤지만 수정잘 되어 있고, 컨테이너 디렉토리내 common 폴더와 파일 여부를 확인하였는데도 똑같은 오류가 납니다. docker-compose.yaml volumes 항목 수정 컨테이너에 들어가서 plugins 디렉토리 연결이 잘 되었는지 확인

  • python
  • 데이터-엔지니어링
  • airflow
edu2 댓글 2 좋아요 0 조회수 342

주피터를 크롬말고 엣지에서 그대로 써도 괜찮은가요?

미해결

프로그래밍 시작하기 : 도전! 45가지 파이썬 기초 문법 실습 (Inflearn Original)

크롬에서 하는게 더 빠르다해서 주소 복사하고 크롬에서 열었는데 토큰,비밀번호 이런거 만들어라 해서 바로 안뜨더라구요..

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

정확도 검증이 끝난 후에 모델 적용하여 분류하는 다음과정에 대한 질문

미해결

[개정판] 파이썬 머신러닝 완벽 가이드

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 강의 내용을 질문할 경우 몇분 몇초의 내용에 대한 것인지 반드시 기재 부탁드립니다. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요. 강사님. 텍스트 또는 문장의 벡터화 -> 벡터화된 데이터셋을 Train/Test로 나눔 -> 회귀 또는 분류모델을 훈련 및 검증 -> best pram(gridsearchCV)를 통해서 보다 정확도를 높임 - > ??? 이 이후에 과정에서 궁금합니다. 훈련과 검증이 완료된 모델을 저장하고 이를 메서드화(def) 한 이후 텍스트 분류라면 분류하고자 하는 DF의 컬럼을 apply lambda로 해서 분류를 하는 파생컬럼을 만든 다던지 그렇게 진행하는 것인가요?

  • python
  • 머신러닝
  • 통계
soodar17 댓글 2 좋아요 0 조회수 91

인기 태그

인프런 TOP Writers

주간 인기글