inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

useRef로 dom을 선택한 부분이 img태그가 아닌 최상단 div태그인 이유가 궁금합니다.

해결됨

프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2

안녕하세요! 강사님 질문드립니다. useRef로 img의 dom을 선택하는데 ref를 img태그(19번)가 아닌 상단의 div태그(18번)의 ref를 걸으신 이유가 따로 있는걸까요? 아니면 둘다 똑같은건가요? 저는 당연히 img태그의 ref를 걸어야한다고 생각했어서 질문드려요! (19번라인) 앗 죄송해요 22분 22초경에 img태그로 ref위치 수정하시네요!!.. 답변안해주셔도될것같습니다~ 좋은강의 만들어주셔서 감사합니다

  • devtools
  • react
john 댓글 1 좋아요 1 조회수 285

실행시 글자가 깨집니다.

미해결

파이썬 무료 강의 (활용편1) - 추억의 오락실 게임 만들기 (3시간)

코드 실행시 터미널 부분에 글자가 깨져서 나옵니다. 인코딩을 변경하여 진행하면, 실행이 안되고요...

  • python
  • GUI
  • pygame
Yun Jeong Oh 댓글 1 좋아요 0 조회수 337

mobx makeAutoObservable 과 mobx로 비동기처리해야될때 질문입니다.

해결됨

Redux vs MobX (둘 다 배우자!)

class Store{ repository; rootStore; num = 0; constructor(repository,rootStore){ makeAutoObservable(this); this.repository = repository; this.rootStore = rootStore; } addnum = ()=>{ num++; } } mobx makeautoObservable 관련 질문입니다. 대충 이런식으로 store 가 있는데 makeAutoObservable이 알아서 action 이랑 observable을 지정해줍니다. 1-1. respository와 rootStore는 observable 하게 하고싶지 않은데 mobx devtools를보니 repository와 rootStore를 감지하고 있더라고요 특정 변수 또는 함수를 autoObservable 에 제외시킬수 있나요? repository 나 rootStore 앞에 private 키워드를 줘봤는데도 감지하고 있었습니다. 1-2. 위처럼 메모리에 불필요한 상태값까지 감지하게되면 나중에 state 가 커지면 성능과 메모리 차지에 큰 영향을 끼칠까요? mobx로 비동기 처리해야될때 질문입니다. 네트워크 요청해서 데이터를 보여줘야되는데 리스트로 항목 4개 보여주고 화살표로 다음 페이지버튼 보거나 이전페이지 버튼 보게 하고 있습니다. 다음페이지로 넘기면 네트워크 요청하고 응답받으면 데이터를 보여주게되고 요청을 날릴때는 빈화면이고 요청에대한 응답을 받았을때 데이터를 뿌려줘야됩니다. <button onClick = {()=>store.loadPrevious()}>previous</button> {store.listData && <MyListComponent data={store.listData.slice(store.page*4,store.page+4)}/>} <button onClick = {()=>store.loadNext()}>next</button> 이런식으로 store.listData 가 있을때 컴포넌트가 나오게 했습니다. 첫화면 로딩시 즉 useEffect() 에서 요청날렸을땐 제대로 동작하는데 다음페이지 버튼을 누르면 이미 store.listData는 이미 null이 아니기떄문에 네트워크요청 응답을 받기도전에 화면을 넘겨서 데이터를 제대로 뿌려주지를 못합니다. 2-1. 이런경우는어떻게 처리하는게 좋을까요?

  • mobx
  • redux
  • react
  • 비동기
  • mobx
쵸잉 댓글 1 좋아요 1 조회수 411

Post 챕터 Read (1) 강의에서 axios 안되시는 분들 정보 공유합니다

미해결

MERN STACK 커뮤니티 : 시작부터 배포까지 알려주는 React

백단에서 post요청 then().catch() 설정한 후 클라이언트 List.js에서 axios로 /api/post/list 포스트 요청하고 콘솔창 확인해보면 400 에러가 뜨는데 일단 서버폴더 Model/Post.js에서 스키마 부분 Collection : "posts"로 바꾼 다음에 다시 새로고침 해보니깐 postList 데이터 콘솔창에 찍힙니다 초반강의 몽구스 설정할 때 collation : "posts"로 하셨는데 오타인지 궁급합니다!

  • react
  • nodejs
  • firebase
  • mongodb
  • express
일산아잠만 댓글 4 좋아요 7 조회수 452

파일 읽어오기 질문..

해결됨

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

1. routes/messages.js 2. dbController.js 질문.. 1. console.log로 확인해보면 undefined가 출력되는걸로 봐서 파파일을 못읽어오는거같은데 원일을 못찾겠습니다.. (DB파일의 아이디는 문자열로 바꿨습니다!) 2. 유력한 후보가 경로설정을 잘못해줘서 그런거같은데 basePath를 설정하는과정에서 resolve()가 정확히 무슨 뜻인가요?? 경로를 문자열로 바꿔주는걸로 알고있는데 resolve(basePath, ...); 이렇게 작성된 부분을 해석을 못하겠습니다..

  • graphql
  • rest-api
  • react
노강표 댓글 1 좋아요 0 조회수 380

리스트2(실습-5) 질문

미해결

파이썬(Python) 기초부터 실무까지 part.2

안녕하세요 수업을 청강하고 있는 학생입니다 다름이 아니라, 실습 코드중 이해가 안가는게 있어 질문 남깁니다. def number_search(list, key): cnt = 0 for i in range(len(list)): if key == list[i]: cnt += 1 else: return -1 return cnt listNum = [1,4,5,6,7,8,98,9,1] print(number_search(listNum, 1)) 해당 코드에 있어서, 키값과 리스트의 값이 같지 않다면, return값으로 -1을 보내는데, 첫번째 탐색을 할때 부터 맞지 않는다면, return 값을 반환하게 되며, 해당 함수를 빠져나와, 리스트 끝까지 검색이 되지 않지 않나 싶어서 질문을 남깁니다. 강의에 나온 코드를 그대로 러닝해보아도, 같은 결과값이 나와 질문드립니다.

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

log 변환을 하는 이유

미해결

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

데이터 분석을 하던 중 target 값이 왜 로그변환이 되어야 하는지 잘 모르겠습니다. 왜 로그 변환을 하는 것인가요?

  • 통계
  • python
  • 머신러닝 배워볼래요?
잉걸불 댓글 1 좋아요 0 조회수 1201

맨마지막~

해결됨

프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2

31분 52초 화면만 보고 질문 드립니다 :) photos 를 외부로 옮긴 다음 PhotoList 의 프롭으로 photos를 넘기게 되면 PhotoList 입장에서는 프롭이 변경된것이라고 판단 되어서 리렌더링이 될 것이라고 생각했는데 PhotoListContainer자체가 photos의 필터 연산을 외부로 옮기는 방식으로 리렌더를 하지 않기 때문에 자식 컴포넌트 자체도 리렌더링이 안되는 것이 되는 건가요?

  • react
  • devtools
Boom 댓글 1 좋아요 1 조회수 255

test_module 내에서 경로 등록

미해결

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

안녕하세요 저도 import 파일을 발견하지 못한다는 ModuleNotFound 에러에 직면했었습니다. 그래서 test_module 파일 내에서 sys.path.append('경로') -> 이 명령어를 넣어줬더니 import가 문제없이 잘 되네요. 이렇게 해결해도 되는 건가 싶어 글 적었습니다ㅎㅎ

  • python
wndudrla1011 댓글 1 좋아요 0 조회수 299

userid 미인식문의

해결됨

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

안녕하세요 .선생님. URL의 userid 값을 인식못하는 문제가 있네요 ㅜㅜ MsgList.js에서 const userId값을 제대로 받지 못하는것 같습니다. messages.json 파일에는 제대로 들어있는데 못가져오는것 같습니다. 살펴보았는데 제 실력으로 파악이 좀 어렵네요 ㅜㅜ 시간되실때 한번만 살펴봐주시면 감사하겠습니다. https://github.com/imslee100/React-API/tree/67a6b99f164818ed89ac8ff71a2b8be79ff2c8c5

  • react
  • graphql
  • rest-api
봉이김선달 댓글 1 좋아요 0 조회수 186

영어 대소문자

미해결

입문자를 위한 파이썬 기초 따라잡기

다른거는 소문자로 시작해도 작동이 되던데 왜 True, False는 대문자로 시작해야 코드가 실행 되는 건가요? 변수가 아니라서 그런가요?

  • python
  • python
장인서 댓글 0 좋아요 0 조회수 250

명령 프롬프트

미해결

입문자를 위한 파이썬 기초 따라잡기

명령 프롬프트 cd Desk top 입력하니까 저장된 경로를 찾을 수 없다고 뜨는데 왜 그러는 건가요?

  • 명령프롬프트
  • python
  • idle
장인서 댓글 0 좋아요 0 조회수 224

웹소켓 관련 개념질문입니다.

해결됨

Slack 클론 코딩[실시간 채팅 with React]

안녕하세요. 현재 "DM채팅하기" 강의를 진행하기 전에도 시크릿모드로 두개를 띄워서 해보면 지금도 채팅 통신이 가능한데 이상태에선 계속 서버로 보냈다가 다시 가져오고 그런 상태이기 때문에 소켓통신으로 바꾸려고 socket.on 을 추가하는 것인가요? 그러니까 useEffect(()=>socket?.on('dm', onMessage) 이부분을 하는 이유가 http프로토콜을 소켓 프로토콜로 바꾸는 개념인가요? 동작 방식이 좀 헷갈리네요.. 제가 이해한 부분이 맞을까요?

  • 웹팩
  • babel
  • react
  • Socket.io
  • typescript
  • 클론코딩
댓글 1 좋아요 0 조회수 287

SCSS 미적용문의

해결됨

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

안녕하세요 .선생님. 2번이나 따라해보았는데 SCSS가 적용이 되지 않는것 같습니다. ㅜㅜ 한번만 봐주실 수 있을까요? https://github.com/imslee100/React-API/tree/43ff3052029174f878762fa0544dfdc031f118fe

  • react
  • graphql
  • rest-api
봉이김선달 댓글 3 좋아요 0 조회수 392

(공유) 리액트 v6부터는 route가 바뀌어서 중첩라우터 이렇게 적용하셔야합니다

미해결

Slack 클론 코딩[실시간 채팅 with React]

App 파트에서 workspace다음 와일드카드/* 를 표시해주셔야 합니다 workspace 안에서는 path에 /workspace/:workspace를 쓰면 App에서 workspace/:workspace/* 가 있어서 두개가 중복되기때문에 바로 /channel/: channel 로 path를 작성하시면 됩니다.

  • Socket.io
  • react
  • 웹팩
  • babel
  • typescript
  • 클론코딩
유동규 댓글 0 좋아요 21 조회수 858

react-router-dom 버전 6이후의 동작

해결됨

파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트

안녕하세요. Route 컴포넌트를 사용하는 방법이 조금 바뀐거같습니다. (v6 이후) < Routes > < Route path ="/about/*" element = {< AboutPage />}/> < Route path ="/about/company/" element = {< AboutCompanyPage />}/> < Route path ="/profile/" element = {< ProfilePage />}/> < Route path ="/blog/" element = {< BlogPage />}/> </ Routes > 위에처럼 Route 바깥에 Routes로 감싸줘야 하는것으로 보이구요. 또 about아래에 여러 URL을 지원하려면 *를 붙여줘야 하는거 같습니다. (exact 속성도 지원하지 않는다고 합니다.) 다만 about/abcd 이런식으로는 접속해도 URL매칭은 되지만 about/company/로 슬래시로 끝내면 매칭이 되지는 않네요. 원만한 강의 진행을 위해서는 v5로 낮추어서 듣는게 좋을까요? https://stackoverflow.com/questions/69866581/property-exact-does-not-exist-on-type https://stackoverflow.com/questions/49162311/react-difference-between-route-exact-path-and-route-path

  • react-router-dom
  • django
  • react
  • react
  • python
  • docker
율리시스 댓글 8 좋아요 0 조회수 1020

react 비주얼 스튜디오

미해결

오픈 소스 자바스크립트 React 프로그래밍 입문 Part.1

여기 보면 client앱이 강사님께 보이는데 처음에 실행할 때 리액트로 설정하는 화면도 없고 clientapp 디렉토리도 없는데 어떻게 하면 되는건가요..

  • react
  • react
  • visualstudio
  • clientapp
박하률 댓글 1 좋아요 0 조회수 310

next.config.js 파일미생성

해결됨

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

안녕하세요. 환경설정 영상에도 next.config.js 파일이 없는데 이번영상에서 next.config.js파일을 수정하는 부분이 있습니다. 해당 파일은 영상을 따라해도 생성되지 않는데 확인을 요청드립니다. server쪽 폴더에도 작업한 내용이 없는데 영상에는 파일들이 있는것 같습니다. 아마 이전영상에 이어 촬영되지 않은것 같은데 확인을 요청드립니다.

  • graphql
  • react
  • rest-api
봉이김선달 댓글 1 좋아요 0 조회수 488

서버오류발생

해결됨

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

선생님. 환경세팅 화면 그대로 따라했습니다. localhost:3000에서 아래와 같은 오류가 뜨네요.. 혹시 코드 챕터별 commit된 github은 없는지 궁금합니다.

  • graphql
  • react
  • rest-api
봉이김선달 댓글 3 좋아요 0 조회수 321

yarn 문의

해결됨

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

yarn 말고 npm을 init과 script에서 써도 될까요?

  • graphql
  • rest-api
  • react
봉이김선달 댓글 2 좋아요 0 조회수 318

인기 태그

인프런 TOP Writers

주간 인기글