inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

마우스이벤트 형식이 제네릭이아닙니다 오류 해결 못하고 있습니다 어떤 거 인지 알 수 잇을까여?

해결됨

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

import { ChangeEvent, useState } from "react"; // 리팩토링 const Board = () => { const [writer, setWriter] = useState(""); const [title, setTitle] = useState(""); const [content, setContent] = useState(""); const [isActive, setIsActive] = useState(false); const onChangewriter = (event:ChangeEvent<HTMLInputElement>) => { setWriter(event.target.value); if (event.target.value !== "" && title && content) return setIsActive(true); setIsActive(false); }; const onChangeTitile = (event:ChangeEvent<HTMLInputElement>) => { setTitle(event.target.value); if (writer && event.target.value && content) return setIsActive(true); setIsActive(false); }; const onChangeContent = (event:ChangeEvent<HTMLInputElement>) => { setContent(event.target.value); if (writer && title && event.target.value) return setIsActive(true) setIsActive(false); }; const onClickSubmit = (event:MouseEvent<HTMLButtonElement>) => [ console.log(writer), console.log(title), console.log(content), alert("게시물 등록이 완료되었습니다"), ]; return ( <> 작성자 : <input type="text" onChange={onChangewriter} /> <br /> 제목 : <input type="text" onChange={onChangeTitile} /> <br /> 내용: <input type="text" onChange={onChangeContent} /> <br /> <button onClick={onClickSubmit} style={{ backgroundColor: isActive === true ? "yellow" : "none" }} > 등록 </button> </> ); }; export default Board;

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
이 규성 댓글 1 좋아요 0 조회수 77

질문

미해결

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

1. 아이덴티티 값 선생님이랑 똑같이 쳤는데 왜 값이 다르게 나오나요? 예약어 복사하실 때 예제파일에서 가져오면 된다고 하셨는데,예제파일 우클릭-vscode 열기 누르면 안열려집니다. 이미 vscode 창 실행중일 경우 예제파일을 어떻게 열어서 내용을 복사하는건가요? 2번 팝업창에서 보다시피 관리자모드로 실행중이라고 떴는데, vscode를 실행할 때 관리자모드 실행이 불가하다고 나오는건 왜그런건가요? 그리고 강의하실 때 필기에서 #ㅇㅇㅇ 이라고 #을 입력하는 이유는 파이썬 명령어에 해당되지 않게, 필기용이라는 것을 의미하는건가요? #을 붙이지 않으면 안되는건가요? 제가 개인적으로 수업을 들으며 필기를 추가하고 싶을 때 #을 붙여서 추가로 메모를 해야 하는건가요? 아니면 그냥 # 없이도 메모해도 실행어나 변수에 포함이 안되는데, 필기할 때 가독성을 위해 주제별로 분류를 하기 위해 #을 입력하는건가요?

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

print()

미해결

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

코딩 연습하고 다음 예제 연습할 때 print() print() 이걸 두줄로 치시는 이유가 궁금합니다.

  • python
sellow20 댓글 1 좋아요 0 조회수 57

syntax error

미해결

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

말씀하신대로 똑같이 썼고 컨트롤+f5 누른 후 파이썬 디버깅 클릭했는데 오류라고 나옵니다. 뭐가 잘못된건가요?

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

이스케이프 코드

미해결

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

1. 다른 학생분들이 질문한것처럼 이스케이프 코드 지난시간 수업 없었는데 그냥 외우면 되나요? 다른학생에 대한 답변 올려주신 것 보고 붙여넣기 했는데 저는 다빨간색으로 나옵니다 .왜 그런건가요?

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

read() 함수 사용할 때 3번째 줄에 data로 출력 또는 print(data)로 출력 차이

미해결

[리뉴얼] 처음하는 파이썬 데이터 분석 (쉽게! 전처리, pandas, 시각화 전과정 익히기) [데이터분석/과학 Part1]

안녕하세요, 강사님!! data_file = open('00_data/text_data.txt', 'r' , encoding = 'utf-8-sig') data = data_ file.read () print(data) 마지막 3번째 줄에 print()함수를 써서 출력을 해봤는데 이런 식으로 나왔습니다 안녕하세요. Dave Lee 입니다. 본 예제는 Plain Text 파일 예제입니다. 감사합니다 =================================== data_file = open('00_data/text_data.txt', 'r' , encoding = 'utf-8-sig') data = data_ file.read () data 두 번째 방식은 3번째 줄에 print()함수를 쓰지 않고 출력을 해봤는데 이런 식으로 나왔습니다 안녕하세요. Dave Lee 입니다.\n본 예제는 Plain Text 파일 예제입니다.\n감사합니다.' 출력에서 print(data)와 data의 차이가 궁금합니다

  • python
  • pandas
김민석 댓글 1 좋아요 0 조회수 159

인터프리터 오류

해결됨

실전! FastAPI 입문

가상환경을 만들고 pycharm 인터프리터에 들어가면 invalud python3.10이라고 뜨는데 어떻게 해결해야할까요?

  • python
  • 리팩토링
  • orm
  • FastAPI
  • pytest
이선엽 댓글 4 좋아요 0 조회수 356

강의자료 만들 때 사용하신 프로그램이 뭘까요?

해결됨

코딩테스트 [ ALL IN ONE ]

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 강의하시면서 사용한 강의자료 퀄리티가 너무 좋아서 그러는데 혹시 어떤 프로그램 사용하셔서 만들었는지 알 수 있을까요?

  • python
  • 코딩-테스트
  • 알고리즘
이승재 댓글 1 좋아요 1 조회수 240

create-react-app my app 실행 시 에러

미해결

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

create-react-app my app 실행 시 아래와 같은 에러가 뜹니다. Installing template dependencies using npm... npm error code ERESOLVE npm error ERESOLVE unable to resolve dependency tree npm error npm error While resolving: my-app@0.1.0 npm error Found: react@19.0.0 npm error node_modules/react npm error react@"^19.0.0" from the root project npm error npm error Could not resolve dependency: npm error peer react@"^18.0.0" from @testing-library/react@13.4.0 npm error node_modules/@testing-library/react npm error @testing-library/react@"^13.0.0" from the root project npm error npm error Fix the upstream dependency conflict, or retry npm error this command with --force or --legacy-peer-deps npm error to accept an incorrect (and potentially broken) dependency resolution. npm error npm error npm error For a full report see: npm error C:\Users\phhyu\AppData\Local\npm-cache\_logs\2025-01-06T07_30_45_069Z-eresolve-report.txt npm error A complete log of this run can be found in: C:\Users\phhyu\AppData\Local\npm-cache\_logs\2025-01-06T07_30_45_069Z-debug-0.log npm install --no-audit --save @testing-library/jest-dom@^5.14.1 @testing-library/react@^13.0.0 @testing-library/user-event@^13.2.1 web-vitals@^2.1.0 failed

  • HTML/CSS
  • javascript
  • react
  • node.js
  • react-native
  • 머신러닝
  • express
  • tensorflow
댓글 2 좋아요 0 조회수 376

15:50초 length 코드 처리순서 질문

해결됨

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

15:50초에 3가지 예시의 모든 출력값이 hello, world! 라고 하셨는데요 마지막 예시인 length 처리순서가 잘 이해가 안갑니다 1)문자열 길이 계산에서 0부터 시작되고 13까지 가는건가요? (공백, 콤마, 느낌표까지 포함) 2) 다음 줄에 증감++ 되어 13까지 가고 탈출되어 for문으로 가는건가요? 3) for 문 내 length 변수는 int에서 선언된 값이 들어가는지요?

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

9장 학습 중 sklearn 1.6.0 버전을 사용해도 되나요?

미해결

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

9장 추천시스템부터 듣고있는데 전에는 1.0.2버전 설치했다가 강의 들으면서 따라하는 도중 from sklearn.feature_extraction.text import CountVectorizer 가 임포트 안되는 오류가 계속되어서 scikit-learn 삭제 > 버전 지정 안하고 다시 설치 > 정상 작동 에러가 사라져서 좋긴하지만 다른 질문들을 찾아보니 버전은 강의대로 따라가는게 좋다고 하셔서 1.6.0 버전 사용여부 여쭤봅니다.

  • python
  • 머신러닝
  • 통계
  • sklearn
  • scikit-learn
재히 댓글 2 좋아요 0 조회수 272

아나콘다 다운받았는데 주피터는 같이 다운로드가 안 됐어요 어떻게 하면 되나요??

미해결

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

1. 질문하시기 전 유사한 질문 이 있는지 검색을 먼저 부탁드려요! 전체 소스코드 를 올려주시면 답변을 빠르게 드릴 수 있어요!(글보다 빨라요) 기초적인 질문은 이미 검색해보시면 사례가 많이 있어요! 문법적인 궁금증은 먼저 구글 검색을 통해서 레퍼런스(메뉴얼)을 읽어보시고 해결하시면 실력 향상 100% 너무 잦은 질문이나 강의와 관련 없는 질문 은 가급적 자제 부탁드려요 ㅠ.ㅠ 2. 답변이 다소 늦을 수도 있어요! 일반적인 근무시간(9 TO 6) 안에는 답변을 드리도록 노력하고 있어요! 문법적인 질문은 먼저 검색을 통해 해결해 보세요! 정확하게 질문해주시면 정확한 답변을 받으실 수 있어요! 늦더라도 꼭 응답은 드리고 있으니, 먼저 검색을 통해 해결해 보세요!

  • python
여가현 댓글 3 좋아요 0 조회수 329

새 강의 쿠폰 관련 문의드립니다!

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

아랫분들처럼 강의를 사두고 이제야 수강하다가 쿠폰 관련한 공지를 늦게 보게 되었는데요. 혹시 아직 쿠폰 발급이 가능할까요?

  • react
  • node.js
  • seo
  • graphql
  • next.js
은파랑 댓글 2 좋아요 0 조회수 313

사이드바에 카테고리 태그 숫자 카운트를 홈에서도 추가하는 방법

미해결

깃헙 블로그(Github blog)로 차별화 된 나만의 홈페이지 만들기!

사이드바가 글에 들어가면 잘 나오지만 홈으로 갔을때도 똑같이 나오게 하고싶은데 어떤식으로 해야 나오게 할 수 있을까요¿¿

  • 블로그
  • github
똥또로로 댓글 1 좋아요 0 조회수 115

줄바꿈 단축기 질문 _4분 20초

미해결

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

4분 20초에 input 태그에 줄바꿈되는 단축키가 뭔가요? 🚨 아래의 가이드라인을 꼭 읽고 질문을 올려주시기 바랍니다 🚨 질문 하시기 전에 꼭 확인해주세요 - 질문 전 구글에 먼저 검색해보세요 (답변을 기다리는 시간을 아낄 수 있습니다) - 코드에 오타가 없는지 면밀히 체크해보세요 (Date와 Data를 많이 헷갈리십니다) - 이전에 올린 질문에 달린 답변들에 꼭 반응해주세요 (질문에 대한 답변만 받으시고 쌩 가시면 속상해요 😢) 질문 하실때 꼭 확인하세요 - 제목만 보고도 무슨 문제가 있는지 대충 알 수 있도록 자세한 제목을 정해주세요 (단순 단어 X) - 질문의 배경정보를 제공해주세요 (이 문제가 언제 어떻게 발생했고 어디까지 시도해보셨는지) - 문제를 재현하도록 코드샌드박스나 깃허브 링크로 전달해주세요 (프로젝트 코드에서 문제가 발생할 경우) - 답변이 달렸다면 꼭 확인하고 반응을 남겨주세요 - 강의의 몇 분 몇 초 관련 질문인지 알려주세요! - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

  • javascript
  • react
  • node.js
rumi du 댓글 1 좋아요 0 조회수 172

주피터 노트북 사용방법;;

미해결

실전 금융 머신러닝: 파이썬으로 구축하는 중급 투자 전략

git hub에서 강의자료 다운로드 한 이후에 설명 잘 해주시다가 갑자기 마지막에 바탕화면에 나가보라던데 거기서 끝나면 뭐...뭘 해야되죠? 설명해주실꺼면 끝까지 해주세요 처음 사용해보는 사람은 당황스럽기만 한데

  • python
  • 머신러닝
댓글 1 좋아요 0 조회수 187

onClick 이벤트함수로 raycaster 방향이 자동으로 set되나요?

해결됨

React Three fiber(R3F)로 배우는 인터렉티브 3D 웹 개발

const shoesClick = () => { const intersects = raycaster.intersectObjects( gltf.scene.children, true ); }; 강의에서는 위와 같이 raycaster.intersectObject 메서드 호출시에 scene에 children을 넘겨주시는데 클릭 이벤트의 eventObject 를 넘겨주지 않았는데도 raycaster에 마우스 방향을 set 가능한가요?

  • javascript
  • react
  • typescript
  • 인터랙티브-웹
  • three.js
  • webgl
  • react-three-fiber
grs0412 댓글 2 좋아요 0 조회수 213

감정다이어리 edit 컴포넌트 만들때

해결됨

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

12.8강) edit 컴포넌트 작성할때 저는 diary 컴포넌트처럼 edit 컴포넌트 안에 useParams 훅 호출해서 import { useParams } from "react-router-dom"; const Edit = () => { const params = useParams(); return <div>{params.id}Edit</div>; }; export default Edit; 이렇게 설정해줘야 route 설정할때도 id에 따른 페이지가 잘 보이던데 저만 그런가요 아니면 강의에선 스킵이 된건가여

  • javascript
  • node.js
  • react
삘쏘굿 댓글 1 좋아요 0 조회수 109

nock에서 에러가 발생합니다

해결됨

2시간으로 끝내는 프론트엔드 테스트 기본기

Test suite failed to run ReferenceError: TextEncoder is not defined 1 | 2 | import "@testing-library/jest-dom"; > 3 | import * as nock from "nock"; | ^ 4 | import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; 5 | import { 6 | fireEvent, at Object.<anonymous> (node_modules/@mswjs/interceptors/src/utils/bufferUtils.ts:1:17) at Object.<anonymous> (node_modules/@mswjs/interceptors/lib/browser/index.js:4:24) at Object.<anonymous> (node_modules/nock/lib/intercept.js:13:30) at Object.<anonymous> (node_modules/nock/lib/recorder.js:8:44) at Object.<anonymous> (node_modules/nock/lib/back.js:4:18) at Object.<anonymous> (node_modules/nock/index.js:3:14) at Object.<anonymous> (src/__test__/Login.spec.tsx:3:1) ReferenceError: TextEncoder is not defined 에러가 발생합니다. node -v => v18.18.2 노드 버전이랑, util 라이브러리를 사용해 문제를 해결하려 했지만, 잘 되지 않아 질문드립니다.

  • react
  • jest
  • 소프트웨어-테스트
  • Cypress
  • storybook
  • chatgpt
qjatjs123123 댓글 1 좋아요 0 조회수 143

autoflush=false에 대해 질문 드립니다.

미해결

FastAPI 완벽 가이드

학습을 하다보니 FastAPI 문서에서 autoflush=False을 권장한다는 것을 알게 되었습니다. 헌데 이번 프로젝트에서는 해당 설정을 사용하지 않은 것으로 알고 있습니다. 기본 설정이 autocommit=false, autoflush=true로 알고 있는데, 해당 옵션을 그대로 이번 강의 프로젝트에서 사용된 것으로 알고 있습니다. 혹시 autoflush=False를 적용해야 하는 경우가 있는 것인지, 다른 이유가 있는 것인지를 알고 싶어 질문을 드리게 되었습니다.

  • python
  • sql
  • sqlalchemy
  • FastAPI
bluebamus 댓글 2 좋아요 0 조회수 155

인기 태그

인프런 TOP Writers

주간 인기글