inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

제로초님 각 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 조회수 705

질문있습니다.

미해결

실전 리액트 프로그래밍

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

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

with와 format 관련 질문 있습니다.

미해결

파이썬 무료 강의 (기본편) - 6시간 뒤면 나도 개발자

안녕하세요 강의를 잘 보고 있는 수강생입니다. import pickle for i in range ( 1 , 51 ): with open ( " {0} 주차.txt" , "w" , encoding = "utf8" . format ( i )) as report : report . write ( "- {0} 주차 주간보고 - \n 부서 : \n 이름 : \n 업무 요약: " . format ( i )) 퀴즈에서 with 문에 format를 사용해서 했는데 안되던데 그 이유가 with문은 str 형태라서 사용을 못하는건가요? 만약에 with 문에 전체가 str 형태라면 format 사용 가능한가요? 답변 부탁드리겠습니다. 강의 너무 잘 듣고 있습니다!

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

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

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

해결됨

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

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

  • 수정중에
  • rest-api
  • 500번에러
  • 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

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

미해결

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

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

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

57번 질문입니다

미해결

[리뉴얼] 파이썬입문과 크롤링기초 부트캠프 [파이썬, 웹, 데이터 이해 기본까지] (업데이트)

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 16:20 초 가량 data.keys() 를 item 에 집어넣으셨는데 그럼 item 은 data 의 키값을 가져오는건데 data[item] 을 하니 벨류값이 나오는지 도무지 이해가 안갑니다 ㅠ 56번도 같은 맥락으로 이해가 안갑니다. 감사합니다

  • 파이썬
  • python
  • 웹-크롤링
Bridge 댓글 2 좋아요 0 조회수 268

바벨에 대한 질문입니다.

미해결

웹 게임을 만들며 배우는 React

바벨을 개발용으로 사용하고 배포용으로 사용안한다는 말이 배포용 프로그램이 babel 말고 다른게 있다는 뜻인가요??

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

lxml 오류

미해결

파이썬 무료 강의 (활용편3) - 웹 스크래핑 (5시간)

pip install lxml 시행하였는데 아래와 같은 오류가 발생하였습니다. 어떻게 해야하나요?

  • lxml
  • 오류
  • 웹 스크래핑
  • 웹-크롤링
  • selenium
  • python
김일규 댓글 1 좋아요 0 조회수 758

CSS 가운데 정렬 적용 안됨

미해결

파이썬으로 장고(Django) 공략하기: 입문

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문 이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가 CSS에 가운데 정렬이 왜 적용이 안될까요?

  • django
  • python
정현진 댓글 3 좋아요 0 조회수 4860

answer 여러 개 나옵니다.

미해결

[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기

아무 선택지나 누른 후 새로고침을 하고 다시 시작하기 버튼을 누르면 answer가 여러개가 나옵니다. 크게 불편함은 없지만 신경이 쓰이는데 없애는 방법은 없을까요?

  • answer
  • qna
  • HTML/CSS
  • 오류
  • bootstrap
  • javascript
나는나 댓글 3 좋아요 1 조회수 390

backbone 바꾸기

미해결

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

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 강사님 강의 잘 듣고 있습니다. 몇가지 질문이 있어서 질문드립니다. 만약에 backbone을 바꾸고 싶으면 이와 같이 하면 되나여 ..? 백본을 바꾸난 뒤 init_cfg에있는 checkpoint도 바꾸어야 되는지 궁금합니다.

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

concurrently 오류

해결됨

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

concurrently 정상 다운 받고 그대로 실행하였는데 아래와 같은 오류가 계속 발생합니다.. 깃허브 : https://github.com/ParkSeYun98/boiler-plate-ko

  • nodejs
  • react
박세윤 댓글 1 좋아요 0 조회수 302

1개의 동영상을 다운로드 받는데 네트워크 탭에서 여러번 받는지, 궁금합니다.

해결됨

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

안녕하세요? 강의 재미있게 보고 있는 중에 네트워크 탭에서 같은 동영상 리소스를 계속 받는 여러 탭이 있어서 여쭙니다. 1개의 동영상을 다운로드 받는데 네트워크 탭에서 여러번 받는지, 궁금합니다.

  • devtools
  • react
salus82 댓글 2 좋아요 1 조회수 297

안녕하세요! 다양한 태그와 function에대하여 질문드립니다

미해결

[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기

안녕하세요! 코딩공부를 시작한지 2주 조금 넘는 코딩 신생아입니다 2주간은 생활코딩 유튜브를 보며 html,css,javascript를 공부했는데 그 뒤 처음으로 듣는 강의가 mbti toyproject다 보니 낯선 구조들이 몇몇 보여서요 ! 혹시 태그나 function 중 innerHTML / createElement/appendChild 등과 같은 요소는 검색을 통해 하나하나 배워나가는 것일지, 어떻게 공부하면 좋을지 고민이 되어 질문드립니다. 검색을 하자니 기능을 몰라서 어떻게 검색해야할지도 아직 감이 안와서요 ㅠㅠ 처음 공부할 때 , 어떻게 익혀나가는게 좋을까요 ?

  • javascript
  • bootstrap
  • HTML/CSS
댓글 1 좋아요 1 조회수 248

npm run dev 시 에러가 나는데 해결이 안됩니다..

미해결

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

이것저것 다 시도해보아도 계속 이 에러가 납니다.. 노드 버전의 문제일까요? 현재 12.20 버전쓰고있습니다 ㅠㅠ

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

질문드립니다 ㅠㅠ

미해결

[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기

안녕하세요 , 수업 제공 정말 감사합니다! 따라하던중 버튼을 누르면 index파일에서 begin을 정의하지않았다며 오류가 뜨네요 ㅠㅠ start.js const main= document.querySelector("#main"); const qna= document.querySelector("#qna"); function begin(){ main.style.display = "none"; qna.style.display = "block"; } index button~~html부분 <button type="button" class="btn btn-danger mt-3" onclick="js:begin()"> 시작하기 </button> </section> <section id="qna"> <p>test!</p> </section> <section id="result"> </section> <script scr="./js/start.js" charset="utf-8"></script>

  • HTML/CSS
  • javascript
  • bootstrap
댓글 2 좋아요 1 조회수 340

인기 태그

인프런 TOP Writers

주간 인기글