inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

yarn run client

해결됨

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

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 환경 세팅하고 yarn run client으로 "simple sns" 정상출력 확인 후 목록뷰 구현하기에서 코드 친 후 yarn run client하니 갑자기 빈페이지에 아래 오류가 뜨는데 구글링해도 방법을 잘 모르겠습니다ㅜ

  • graphql
  • react
  • rest-api
이진선 댓글 1 좋아요 0 조회수 222

lazy load 의 layout shift에 대하여

해결됨

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

이강의에서는 이전강의에서 layout shift 에 대한 처리를 해서 현재는 발생하지 않고있지만, 보통이라면 lazy loading 을 할때 layout shift 가 반드시 따라올것같은데 image lazy loading시에는 선작업으로 무조건 layout shift를 없애주어야하는것일까요?

  • react
  • devtools
Jon 댓글 1 좋아요 1 조회수 347

질문이있습니다.

해결됨

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

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 먼저 좋은 강의감사합니다. 질문이있습니다. 보여주신 예제는 전부 동일한 이미지일때인데 각 이미지마다 사이즈가 다른 갤러리에서는 어떻게 적용하면 좋을까요 ? 예를들어 이런 사이트의 형식입니다. https://www.pinterest.com/seanbiehle/finterest/

  • react
  • devtools
Jon 댓글 1 좋아요 1 조회수 203

파이어베이스 관련 npm run build 에러

미해결

따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]

파이어베이스 관련 npm run build 에러 가 나와서 문의드립니다. 무엇이 에러인지를 모르겠습니다. 검토바랍니다. ./src/firebase.js SyntaxError: /Users/ucoder/Documents/GitHub/react-firebase-chat/src/firebase.js: Unexpected token (1:22) > 1 | import {intializeApp} firebase from "firebase/app" ; | ^ 2 | import "firebase/auth" ; 3 | import "firebase/database" ; 4 | import "firebase/storage" ; import firebase from "firebase/app"; 으로 변경했으나 아래와 같은 메시지가 나옵니다. Failed to compile. ./src/firebase.js Attempted import error: 'firebase/app' does not contain a default export (imported as 'firebase').

  • npm
  • firebase
  • build
  • react
  • 웹앱
Ucopy Theme 댓글 1 좋아요 0 조회수 383

formatting 관련 질문

해결됨

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

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. ------------------------------------------------------------------------------------ 1) % 로 하는 format 방법은 블랭크에 표시하는 것이 없는가요???? print('{:_>3d}'.format(25)) 처럼 정수에서 그리고 string에서도 .format을 사용했을 때 블랭크에 언더바 같이 표시할 수 있습니다. 하지만 print('%' % ()) 문법을 사용했을 때는 표시할 수가 없나요?? 2) 강의에서 알려주신 사이트를 보니 정수형의 경우, d도 사용하지만 int의 i 도 사용가능하다고 하여 직접 해본 결과, 동일한 결과가 나왔습니다. 하지만 현업에서는 무엇을 더 많이 사용하나요???

  • format
  • python
김제하 댓글 1 좋아요 0 조회수 190

수강전문의 next js 버전업데이트

해결됨

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

강의는 next 11버전인데 지금은 12버전더라구요 혹시 수강하는데 문제없을까요? 그 11대응영상만 참고하면 에러사항없을까요?

  • rest-api
  • graphql
  • react
김홍석 댓글 1 좋아요 0 조회수 261

chrome에서 화면 전환이 안됩니다...

미해결

생활코딩 - React

10강 리엑트가 없다면 진행하던 도중 pure.html를 추가하여 해당 html을 확인하는 도중 마이크로소프트 엣지에서는 html이 확인되는데, 크롬에서는 확인이 되지 않습니다... 구글링했는데도 원인을 찾지 못해 질문 남깁니다 ㅠㅠ 를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

  • 크롬
  • 마이크로소프트엣지
  • react
  • 오류
  • 질문
Joohan Park 댓글 1 좋아요 0 조회수 483

강의내용 질문

해결됨

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

강의 7:01 부분의 16번쨰 코드내용에대한 질문입니다! 노드js는 처음이라서 우선 강의따라 흐름만 이해하면서 듣고있습니다! 16번쨰줄의 내용이 서버가 실행될때 forEach로 순회하면서 messagesRoute에서 정의한 메서드들을 실행하는 내용같은데, 작성된 문법이라면 현재 url외의 메서드들도 순회하면서 전부 실행 시키는 중인가요??

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

도커로 서비스 시작하기 강의에서

미해결

Do It! 장고+부트스트랩: 파이썬 웹개발의 정석

docker-compose up -d --build 후 마이그레이션 하는 과정에서 makemigrations 적용이 되지 않아서 질문 올려드립니다. 문제가 뭔지 열심히 찾아봐도 도통 뭑가 문제인지 모르겠습니다 github 주소는 여기있습니다

  • HTML/CSS
  • bootstrap
  • javascript
  • python
  • django
  • aws
  • tdd
  • docker
앙앙기모 댓글 1 좋아요 0 조회수 411

런타임 관련 질문드립니다.

미해결

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

from mmdet.apis import init_detector, inference_detector import mmcv 를 할때 런타임 다시 시작을 하는데 왜 그래야 하나요..? 설치를 하게 되면 바로 실행이 되어야 한다고 생각하는데, 그렇지 않아서 문의드립니다. 또한 런타임이 어떤 역할을 하는지 알려주시면 감사하겠습니다. +) 커널과 런타임은 같은 개념인가요?

  • python
  • 머신러닝 배워볼래요?
  • keras
  • tensorflow
  • 컴퓨터-비전
  • 딥러닝
이준우 댓글 1 좋아요 0 조회수 359

setEditingId 질문 있습니다!

해결됨

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

안녕하세요? page를 처음 렌더링하고 MsgItem의 수정을 클릭하여 startEdit을 실행하면 setEditingId(x.id)를 실행시키는데요. 바로 console.log(x.id)와 console.log(editingId)를 찍어보면 x.id는 잘 나오는데 editingId의 경우 처음 null 이 오고 계속 전값들이 찍혀서요(계속 클릭한 전 x값들이 editingID에 찍힘). setEditingId 함수로 editingID 값 변경까지 시간 딜레이가 있어서 일까요? 작동은 잘 합니다만, 공부하느라 console.log를 찍어보다 의문점이 들어서요!

  • graphql
  • react
  • rest-api
유진 댓글 1 좋아요 0 조회수 320

react-router-dom v6 써서 component 에 hoc 적용하는법 찾으시는 분들

미해결

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의

App.js 에서 react-router-dom v6 버전에 맞게 문법을 Switch 대신 Routes 로 바꾸는 부분과 component 대신 element 로 바꾸시고 꼼수(?)로 Auth로 감싼 컴포넌트를 새로 정의해서 넣으시면 작동은 됩니다..

  • hoc
  • react-router-dom
  • react
  • nodejs
동동 댓글 0 좋아요 14 조회수 857

파이썬, 장고 버전에 대한 질문

미해결

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

안녕하세요 선생님 조금전 수강을 시작한 학생입니다. 제가 groom ide를 사용하여 django 프로젝트를 개발한 후 heroku에 배포를 하려니까 groom이 제공하는 3.7.4 버전을 지원하지 않아 git push heroku master 에서 빌드에러가 났었습니다. https://devcenter.heroku.com/articles/python-support Supported runtimes python-3.10.1 on all supported stacks python-3.9.9 on all supported stacks python-3.8.12 on all supported stacks python-3.7.12 on all supported stacks python-3.6.15 on all supported stacks 강좌가 제작되고 시간이 흘러 지금은 3.7.12까지 나왔는데요 anaconda에선 3.7.11이 최신 버전이더라고요. 강좌를 따라가다가 나중에 heroku에 배포할때 문제되는 부분은 없을까요? 또한 장고도 현재 4.0버전이 나왔고 3.0버전을 더이상 지원하지 않고 3버전 중에선 3.2.10이 최신 릴리즈라 3.2.10을 설치해놨습니다. 앞으로 강좌를 진행하며 이 부분에서 문제되는 부분이 있을까요? 감사합니다.

  • python
  • react
  • django
  • python
  • django
  • docker
준영 댓글 1 좋아요 0 조회수 254

amend commit 질문

미해결

모든 개발자의 실무를 위한 올인원 기본기 클래스

amend commit 실행하고 insert로 바꿨는데 수정모드 끄는건 어떻게하는건가요 나와지질않네요 insert랑 replace 상태여서 :wq를 입력못하고있습니다 ㅠ insert에서 못벗어나서 종료하고 reset하고 다시 했는데 아예 amend commit이 안되네요.. E325: ATTENTION Found a swap file by the name "C:/Users/user/PycharmProjects/git-tes/.git/.COMMIT_EDITMSG.swp" owned by: user dated: Thu Dec 30 09:41:32 2021 file name: ~user/PycharmProjects/git-tes/.git/COMMIT_EDITMSG modified: YES user name: user host name: DESKTOP-C2BR6PG process ID: 1916 While opening file "C:/Users/user/PycharmProjects/git-tes/.git/COMMIT_EDITMSG" dated: Thu Dec 30 10:00:55 2021 -- More --

  • docker
  • architecture
  • git
  • python
  • oop
  • tdd
  • 동시성
  • cicd
  • 소프트웨어-테스트
댓글 1 좋아요 1 조회수 487

revert 오류

미해결

모든 개발자의 실무를 위한 올인원 기본기 클래스

이런 상태에서 git revert하면 아래처럼 오류가뜹니다. $ git revert 7a6a52c error: Your local changes to the following files would be overwritten by merge: a Please commit your changes or stash them before you merge. Aborting fatal: revert failed a가 merge가 되있어서 revert가 안된다는뜻인가요?

  • git
  • python
  • tdd
  • docker
  • architecture
  • oop
  • 동시성
  • 소프트웨어-테스트
  • cicd
댓글 1 좋아요 1 조회수 1309

common js 방식으로 내보내기를 하던 도중 문제가 생겨 질문 드립니다!

미해결

웹 게임을 만들며 배우는 React

강의에서는 es6 방식을 사용하지만, common js도 알아두어야 할 것 같아서, 혼자 common js를 사용해보던 도중 문제가 발생하여 질문 드립니다! 문제 요약: common js 방식으로 내보내기 한 후, 같은 경로 상의 다른 파일에서 require를 했을 때, 빈객체가 required됩니다. 세부사항 1. 상황 TicTacToe.jsx에서 CLICK_CELL이라는 상수를 내보내어, Td.jsx라는 동일 경로의 다른 파일에서 그 상수를 받아 오려 하는데, 빈 객체가 required 되어 CLICK_CELL의 값이 undefined로 나타납니다. 해당 상수는 Td.jsx가 아닌 다른 경로에 있는 파일에서는 정상적으로 required됩니다! 2. 코드 # 파일 구조 # TicTacToe.jsx # Td.jsx console.log 결과 3. 추측 common js를 통해 같은 경로 상의 파일에서 모듈을 받아오는 경우에 문제가 생기는 것 같습니다. 다만 정확히 어떤 문제인지, 또 어떻게 해결할 수 있는지 해결 방법을 끝내 찾지 못해 질문 드립니다. *깃헙 주소: https://github.com/Parkhanyoung/React-zerocho-basic 항상 좋은 강의 감사드립니다! 덕분에 정말 즐겁게 공부하고 있습니다 ㅎㅎ

  • commonjs
  • react
일단하자 댓글 1 좋아요 0 조회수 235

파이썬 FinanceDataReader 질문

미해결

코드와 에러는 붙임과 같습니다. 1. 한국주식은 가격데이터가 불러와지나 미국주식은 에러 출력(no tables found) 2. 다른 사람 PC에서는 동일코드 정상 동작 확인 에러의 원인과 해결책을 알고 싶습니다.

  • python
훈훈한 치타 댓글 0 좋아요 0 조회수 308

목차 활성화가 안나옵니다.

미해결

파이썬 증권 데이터 수집과 분석으로 신호와 소음 찾기

알려주신 두가지 방법으로 설치를 실행했지만, 목차 활성화 창이 뜨지 않습니다. 왜 그럴까요? 알려주시면 감사하겠습니다.

  • numpy
  • 웹-크롤링
  • pandas
  • python
  • seaborn
  • matplotlib
  • plotly
  • 웹 스크래핑
윤경주 댓글 2 좋아요 1 조회수 728

무한스크롤 관련

해결됨

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

무한스크롤 구현시 < div ref ={ fetchMoreEl } / > 이부분이 화면스크롤시 제대로 감지가 안되는 건지 useEffect 에서 intersecting 이 계속 false 더군요 제가 해결한 방법은 < div ref ={ fetchMoreEl } style ={{ border: ' 1px solid white ' }} ></ div > 이렇게 입력해서 정상작동하는 것을 확인했습니다. 비슷한 문제 발생시 참고용~

  • 무한스크롤
  • graphql
  • react
  • rest-api
임채영 댓글 1 좋아요 0 조회수 346

Router node v.6 바뀐 부분

미해결

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의

이렇게 적으면 v6에서 작동합니다. 앞에 분들이 여럿 글을 적어 주셨지만 정리된 게 없는 것 같아서 이렇게 올립니다. 공식문서에 나와있지만 영어가 어려우신 분들이나 처음 공부하시는 분들은 이거 참고 하시면 될 겁니다. 그리고 Link부분은 아직 안 나왔는데 적혀있어서, 오류떠서 주석 처리 했습니다. ```js import { BrowserRouter , Route , Routes , //Link } from "react-router-dom" ; import LandingPage from './components/views/LandingPage/LandingPage' import LoginPage from './components/views/LoginPage/LoginPage' import RegisterPage from './components/views/RegisterPage/RegisterPage' function App () { return ( < BrowserRouter > < Routes > < Route exact path = "/" element = { < LandingPage /> } /> < Route exact path = "/login" element = { < LoginPage /> } /> < Route exact path = "/register" element = { < RegisterPage /> } /> </ Routes > </ BrowserRouter > ); }

  • react
  • nodejs
Kwon Minju 댓글 2 좋아요 10 조회수 449

인기 태그

인프런 TOP Writers

주간 인기글