inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

webpack 5 대응

미해결

React & Express 를 이용한 웹 어플리케이션 개발하기

우선 babel관련 친구들 babel-loader빼고 다 삭제하시고 npm install -D @babel/core @babel/preset-env @babel/preset-react webpack.config.js var webpack = require('webpack') module.exports = { mode: 'development', entry: './src/index.js', output: { path: __dirname + '/public/', filename: 'bundle.js' }, devServer: { hot: true, // inline: true, host: '0.0.0.0', port: 4000, static: __dirname + '/public/', }, module: { rules: [ { test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/, options: { cacheDirectory: true, presets: ['@babel/preset-env', '@babel/preset-react'] } }, ] }, plugins: [ new webpack.HotModuleReplacementPlugin() ] }

  • react
박굿뜨 댓글 2 좋아요 10 조회수 481

npm start가 안됩니다 꼭 좀 확인해주세요ㅜㅜ

해결됨

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

creat-react-app은 다 설치가 되었는데 npm start가 안됩니다ㅜ cmd에서도 터미널에서도 안되는데 어떻게 해야 좋을까요? react를 겨우 설치하고 나니 또 이런 문제가 생겨서 너무 마음이 속상합니다ㅡㅜㅜ

  • tensorflow
  • HTML/CSS
  • react
  • 머신러닝 배워볼래요?
  • react-native
  • express
  • nodejs
  • javascript
김민지 댓글 2 좋아요 2 조회수 301

eslint 적용 후 에러...

해결됨

[리뉴얼] React로 NodeBird SNS 만들기

이게 대체 무슨 에러인지 모르겠습니다... 검색도해보고에러메시지에서시킨대로도해봤는데 아무리해도없어지지가않아요ㅠㅜ 도와주십숑..

  • nextjs
  • redux
  • express
  • nodejs
  • react
  • Next.js
휴고 강 댓글 1 좋아요 1 조회수 346

올바른 USER 모델 지정방법이 제대로 이해가 가지 않습니다 ㅠㅠ

해결됨

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

안녕하세요 강사님. 15:50부터 시작하는 '올바른 USER 모델 지정방법'설명이 제대로 이해가 가지 않습니다. 제가 아래와 같이 이해한게 맞는 내용인가요? 장고에서는 기본적으로 auth에서 User모델을 제공해준다. 그러나 개별 앱에서 User모델을 만들었을 때 Model.py에서 제대로 인식하지 못하므로 settings.py에서 'AUTH_USER_MODEL = 'instagram.User' 를 작성해주고, Models.py에서도 author = models.ForeginKey(settings.AUTH_USER_MODEL, on_delete=models.CASCADE)로 작성해줘야 한다. 이렇게 이해했는데 제가 이해한 부분이 맞을까요? 맞다면 개별 앱에서 user모델을 작성하게 되는 이유는 무엇인가요? 간단한 예제로 설명해주시면 이해가 갈 것 같습니다!

  • react
  • docker
  • django
  • python
hwk 댓글 2 좋아요 0 조회수 413

질문) 질문있습니다^^

해결됨

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

속 저는 접속이 안되네요

  • graphql
  • react
  • rest-api
thai pat 댓글 1 좋아요 0 조회수 253

질문 답변 부탁드립니다. 회원가입, 로그인 페이지에서 로딩

미해결

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

npm run start를 실행하면 loading만 게속 뜨고 넘어가질 않네요. 현재 회원가입 및 로그인 파이어베이스 9 버젼으로 바꾼 상태입니다. 코드도 다 똑같이 했는데 뭐가 문제인지 모르겠습니다. 아마 redux 저장에서 문제가 생긴거 같은데 잘 모르겠네요 git hub 주소도 첨부합니다. https://github.com/dgd03146/React-firebase-chat-app

  • react
  • 웹앱
  • firebase
댓글 1 좋아요 0 조회수 389

비동기 함수 관련 질문이 있습니다.

미해결

웹 게임을 만들며 배우는 React

setInterval과 외부 변수와의 관계를 정확히 이해하지 못했습니다. 참조하는 변수가 객체나 배열일 때만 이 문제가 발생하는건지요? let a = 0; this.interval = setInterval(() => { console.log(a); if(a === 0 ){ a = -1; }else if( a=== -1){ a = 1; }else if( a === 1){ a = 0; } },1000) 이 부분의 경우는 이상없이 잘 동작하는 걸 확인했습니다. 그런데 객체나 배열의 경우에만 비동기 참조관계가 어그러지는건지와 말씀하신 것 처럼 왜 imgCoords 변수가 고정되는지가 궁금합니다.

  • react
이종민 댓글 1 좋아요 0 조회수 385

yarn 설치는 어떻게 해야하나요ㅠ

해결됨

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

환경세팅 영상에서 yarn 설치가 필요하면 요청해주세요해서.. 요청드려요!!+_+

  • react
  • graphql
  • rest-api
simjieun 댓글 1 좋아요 0 조회수 218

제로초님 각 id 값 마다 특정 이미지 넣기

미해결

[리뉴얼] React로 NodeBird SNS 만들기

제로초님 안녕하세요 다름이 아니라. 제가 신발 상세 페이지에서 json 에 신발 사이즈 Array(10) 개가 있고. 0,1,2,3,4,5,6,7,8,9,10 이 있습니다 id 값이. 각 id 값 마다 이미지를 부여 하고 싶습니다. 예시로 들자면? 만약 Array 중 id 값 -> 8 인 값에 예시로 구름 이미지를 넣어주고 싶고, id 값 중 5 인 값에는 햇님 이미지를 넣어주고 싶습니다. 제가 프론트쪽 공부해서. 백단에서 이미지를 넣어주면 되지만, 프론트에서 한번 id 값마다 특정 이미지를 넣어주고 싶은데 어떻게 해야 할 지 감이 안옵니다 ㅠㅠㅠ 도와주세요

  • react
  • express
  • jsx
  • nodejs
  • redux
  • react
  • Next.js
minsu 댓글 2 좋아요 0 조회수 704

질문있습니다.

미해결

실전 리액트 프로그래밍

@babel/preset-react 프리셋 변환 명령에 Successfully 완료로 확인되는데 simple1.js 파일이 생성되지 않습니다. 여전히 src>simple1.js만 있구요. 어떻게 처리해야하나요? 컴파일완료문구는 있으나 파일생성되지 않아 자바스크립트 문법이 없어서, 브라우저에 실행시 버튼이 노출되지 않으며, Uncaught SyntaxError: Unexpected token '<' 위와 같은 오류가 보입니다.

  • react
  • redux
댓글 1 좋아요 1 조회수 275

react typescript 환경에서 커스텀 훅을 만들어서 사용하려고 하는데 This expression is not callable 에러가 나타납니다.

미해결

실전 리액트 프로그래밍

안녕하세요. 강의 보고 useState, useEffect 를 활용해보고 싶어서 공공데이터 포털에서 제공해주는 openapi 로 커스텀 훅을 만들어 봤습니다. typescript + webstorm 환경에서 작업중인데요 TS2349: This expression is not callable. No constituent of type 'void | coronaApiPros[]' is callable. import useDailyCorona: void | coronaApiPros[] App.tsx 6번 라인의 useDailyCorona(); 코드에서 이런 에러가 나타납니다. 구글링을 계속 해보는데 원하는 답을 찾을수가 없어서 질문드립니다..ㅠㅠ App.tsx 파일과 커스텀훅 파일인 useDailCorona.tsx 파일을 첨부합니다. ----------- App.tsx --------- import './App.css'; import React from 'react'; import useDailyCorona from './hooks/useDailyCorona'; function App() { const items = useDailyCorona(); return ( <ul> {items?.map((item, index) => ( <li key={index}>createDate: {item.createDt}</li> ))} </ul> ); } export default App; ----------- useDailyCorona.tsx ------------- import {useEffect, useState} from "react"; import {getCorona} from "../corona"; interface coronaApiPros { createDt: string // 조회 시작 시간 deathCnt: number // 사망자 수 defCnt: number // 확진자 수 gubun: string // 시도명(한글) gubunCn: string // 시도명(중국어) gubunEn: string // 시도명(영어) incDec: number // 전일대비 증감 수 isolClearCnt: number // 격리 해제 수 isolIngCnt: number // 격리중 환자 수 localOccCnt: number // 지역 발생 수 overFlowCnt: number // 해외 유입 수 qurRate: string // 10만명당 발생률 seq: number // 게시글번호 (국내 시도별 발생 현황 고유값) stdDay: string // 기준 일 시 updateDt: string // 수정 일시 분초 } function useDailyCorona():void|coronaApiPros[] { const [items, setItems] = useState(); const coronaItems = getCorona(); useEffect(() => { coronaItems.then(response => { setItems(response); }); }, []); return items; } export default useDailyCorona();

  • typescript
  • react
  • redux
  • 커스텀훅
김준희 댓글 2 좋아요 0 조회수 1270

넥스트 12 버전에 나왔다고 합니다ㅋㅋㅋ

해결됨

[리뉴얼] React로 NodeBird SNS 만들기

제로초 강사님, 책과 강의 잘보고 있습니다. 감사합니다. 넥스트 12가 나왔는데... 러스트 컴퍼일러 등 다른 기능과~~ 서버 컴포넌트가 나왔다고 하네요 ( getServerSideProps or getStaticProps 요거 필요없다고 함) 어떻게 생각하시나요? 넉스트보다 좋나요??

  • nodejs
  • express
  • redux
  • react
  • Next.js
댓글 1 좋아요 0 조회수 209

슬랙 초대 부탁드립니다!

해결됨

코딩은 실전이다! - Git알못을 위한 깃린이코스(Git, Github 실습위주)

안녕하세요! 강의 잘 듣고 있습니다. 슬랙 초대 부탁드립니다! soopinjj@gmail.com 입니다 그리고 강의 수강 기간을 연장할 수 있나요?

  • github
  • 버전관리시스템
  • git
Gg Gg 댓글 1 좋아요 1 조회수 190

주소창에 url 쿼리로 userId를 작성한 후 수정을 하려면 500번 에러가 나타납니다

해결됨

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

userId=roy 까지 치고 새글 생성 시 roy로만 추가하는 것까지 완료되었는데 수정을 하고나서 완료버튼을 누르면 콘솔에 에러가 떠요 catch 부분에 console.log을 찍어서 messages의 Update 부분에서 오류가 났다는 것까지는 발견했는데 구글에 검색해봐도 어떻게 해결해야 할지 잘 모르겠습니다 ㅠㅠ 사진이 좀 많은데... 감사합니다! console에 찍힌 에러 MsgList.js MsgItem.js messages.js fetcher.js

  • 수정중에
  • 500번에러
  • rest-api
  • graphql
  • 영상8분10초쯤
  • react
heedori 댓글 1 좋아요 0 조회수 443

백엔드에서 캐싱 코드를 헤더에 넣었지만 불안정합니다.

해결됨

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

강사님, 안녕하세요? 현재 백엔드에 캐시 코드를 추가한 상황인데, 3개의 mp3 파일을 받을 때 다음과 같이 네트워크 탭에서 다양하게 기록됩니다. 백엔드에 캐시 코드를 적용했는데, Response Headers에 Cache-Control이 안나옵니다. 두가지가 궁금합니다. 1. 6번 반복적으로 로드하면서, 계속 URL 콜을 하는건지와 2. 3개의 mp3 파일을 받는데, 첫 파일은 282B->0B, 두번째 파일은 disk cache, 세번째 파일은 282B->282B로 6번 진행됩니다. 저는 백엔드의 캐싱이 제대로 적용이 안되었다고 판단되는데, 추가적으로 리액트 프론트엔드(캐시 관련 코드 없음)에 대한 작업이 필요한지 문의드립니다.

  • react
  • devtools
salus82 댓글 4 좋아요 1 조회수 366

Package.json 파일이 없다는 오류가 나오지 않는 경우

미해결

따라하며 배우는 도커와 CI환경 [2023.11 업데이트]

안녕하세요 강사님이 진행하신 그대로 따라서 진행했는데, 도커 파일 빌드 했을 때 Package.json이 없다는 오류가 발생하지 않습니다. Windows OS 의 cmd 창에서 진행하고 있습니다. 이유가 뭘까요?

  • package.json
  • travis-ci
  • cicd
  • 데이터 엔지니어링
  • github
  • docker
  • aws
ligun 댓글 2 좋아요 1 조회수 760

aws 무반응 수정하기

해결됨

따라하며 배우는 도커와 CI환경 [2023.11 업데이트]

에러 없이 travis에서 잘 끝났는데 aws 무반응이시라는 분들은... travis.yml 파일에서 아래 내용처럼 신규 라인을 추가하시면 됩니다. deploy: provider: elasticbeanstalk edge: true <<- 이거 추가 region: "ap-northeast-2" 관련 레퍼는 아래 링크 참고하셔요 https://yayyz.github.io/2019/11/20/travis-ci-%EB%B0%B0%ED%8F%AC%EC%95%88%EB%90%A0%EB%95%8C.html https://forgiveall.tistory.com/571

  • 무반응
  • docker
  • aws
  • github
  • 데이터 엔지니어링
  • travis-ci
  • cicd
For Citizen 댓글 1 좋아요 1 조회수 201

개발단계에서 git 프로세스

해결됨

코딩은 실전이다! - Git알못을 위한 깃린이코스(Git, Github 실습위주)

안녕하세요. 실무 프로젝트에서 git 경험은 없고 svn만 사용해봤습니다. 개발단계에서 svn인 경우 간략하게 아래 절차로 진행될 것 같습니다. - svn : 개발자 IDE tunck 싱크 -> 업데이트 or 커밋 -> 빌드/배포 git 경우 많은 PR이 나올 텐데.. 각각의 PR에 대해 누군가 한 명이 매번 수동으로 승인 처리를 하는지 개발단계에서 git으로 형상관리할 때 전반적인 프로세스가 어떻게 되는지 궁금합니다. 감사합니다

  • github
  • 버전관리시스템
  • git
개발중 댓글 1 좋아요 1 조회수 315

github 주소좀 알려주실 수 있으신가요?

미해결

[React 1부] 만들고 비교하며 학습하는 React

github 주소좀 알려주실 수 있으신가요?

  • react
  • react
  • MVC
kimky1122 댓글 1 좋아요 1 조회수 237

슬랙 초대 부탁드립니다.

해결됨

코딩은 실전이다! - Git알못을 위한 깃린이코스(Git, Github 실습위주)

pmamoon79@gmail.com 슬랙 초대 부탁드립니다! 감사합니다.

  • github
  • git
  • 버전관리시스템
개발중 댓글 1 좋아요 1 조회수 212

인기 태그

인프런 TOP Writers

주간 인기글