inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

Localstorage에 정상적으로 저장되었지만 새로고침시 로딩되지 않습니다.

해결됨

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

다른기능들은 모두 정상적으로 작동을하는데 새로고침시 Localstorage에 저장된 값을 불러오지 못합니다. 정상적으로 Localstorage에 저장되는것으로 보여지는데 id값의 문제인지 date의 문제인지 아님 리스트렌더링 문제인지 아무리보아도 어떤부분에서 문제가 발생하는지 찾지 못하겠어서 질문남깁니다. https://codesandbox.io/s/currying-bash-b45zku?file=/src/App.js 코드샌드박스 링크 첨부합니다. (Edit페이지의 emotion이 깨지는 문제는 VScode에서는 발생하지 않는문제입니다. 무시해주세요) 정말 좋은강의 만들어 주셔서 감사합니다.

  • javascript
  • nodejs
  • react
종섭 댓글 1 좋아요 1 조회수 529

eslint의 extends쪽 질문이 있습니다.

미해결

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

안녕하세요 현영님. 에러는 해결을 한 상태인데 궁금한 점이 생겨 질문드립니다. const fs = require ( ' fs ' ); 백쪽에 fs모듈을 쓰면서 부터 시작됐는데, 강의 마지막 부분에 와서 프론트 서버를 새로고침하니 저런 에러가 발생했습니다. 스택오버플로우를 찾아보니, https://github.com/vercel/next.js/issues/7755 프론트쪽에 next.config.js라는 폴더를 생성한 후 module . exports = { webpack : ( config , { isServer } ) => { // Fixes npm packages that depend on `fs` module if ( ! isServer ) { config . node = { fs : 'empty' } } return config } } 이런식으로 넣어주라는데, 프론트 서버에서는 fs모듈에 관련된 작업을 한 게 없어 여러가지 테스트를 하다가, 프론트 폴더의 .eslintrc파일에 extends를 airbnb가 아닌 주석처리된 부분으로 바꾸니 또 해결이 되었습니다. (다른 프론트나 백쪽의 코드는 수정이 없었습니다) 1. 혹시 extends랑 상관이 있는건지? 아니면 그냥 일시적인 에러라고 생각을 하면 될까요? 2. 관련이 없다고 하면 혹시나 알 수 없는 에러가 나올 경우 현영님의 경우 어떻게 대처를 하시나요? (에러가 생길 때마다 기록을 해두는 편인데 생각보다 찾기가 힘든? 에러들이 종종 나오더라고요.. 짬의 차인지..?) ++ 어제 업데이트 하신 정보들 확인했습니다. 바로바로 업데이트 해주셔서 불편함이 없네요 감사합니다

  • nodejs
  • express
  • redux
  • react
  • Next.js
손서연 댓글 2 좋아요 0 조회수 301

IsPrime 함수에서 for문 범위 질문 드립니다.

미해결

파이썬 알고리즘 문제풀이 입문(코딩테스트 대비)

def isPrime ( x ): ''' 소수인지 판별하는 함수 ''' if x == 1 : return False for i in range ( 2 , x // 2 + 1 ): if x % i == 0 : return False else : return True 위 for문에서 범위가 2부터 x를 2로나눈 몫까지 반복되는데, 예시로 들어주신 16의 경우, i가 2,3,4,5,6,7,8까지 반복문이 돌게 됩니다. 그런데 마지막 8의 경우는 2로 나눴을 때 이미 2*8=16으로 한번 나눠지게 되니 for문에 포함이 안되어도 될 것 같은데 아닌가요? range의 범위가 range(2,x//2) 로 수정되어야 할 것 같은데, 맞는건지 궁금합니다.

  • python
  • 코테 준비 같이 해요!
임나래 댓글 3 좋아요 0 조회수 372

react-redux 버전 관련 질문입니다.

미해결

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

리덕스로 로그인을 구현한 후 로그인 되지않는 문제가 생겼었습니다. dispatch 함수가 실행되지만 rootReducer에서 LOG_IN 부분이 실행이 안됐습니다(console.log로 확인) 그래서 useDispatch를 불러온 부분이 문제라고 생각해, react-redux버전을 강의에 맞게 7로 바꾸니 문제가 해결됐습니다. 왜 이런 문제가 발생한건가요..? 추가로 이 강의를 다 들은 후, react-redux를 8버전으로 올리고 싶으면 어디서 변경내역을 확인해야 하나요..?

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

프론트, 백엔드 서로 다른 도메인 간 쿠키 공유

해결됨

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

안녕하세요. 현재 프론트는 mysiteurl.site 라는 도메인으로 firebase 호스팅을 하고 있고 백엔드는 mysiteurl.shop 으로 다른 도메인으로 정할 예정인데요. 강의에선 프론트와 백엔드가 동일하게 nodebird.com 이 들어가 있고 route53에서 서로 다른 ip를 가르키게 했는데 제가 하려고 하는 방식에도 쿠키가 전달이 가능할까요? (nginx proxy_set_header 세팅은 동일하다는 가정)

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

console.log(counter); 가 handleFormSubmit 함수 내부에 있을 때 동작이 잘 이해가 안됩니다.

해결됨

만들면서 배우는 리액트 : 기초

안녕하세요! Form 컴포넌트 내부를 작성해보다 실수로 아래와 같이 작성하였는데요 function handleFormSubmit(event) { event.preventDefault(); console.log('submit'); setCounter(100); console.log(counter); } 이런식으로 작성을 했더니 처음 submit 시에는 console 에 1이 찍히고 그 다음에 100이 찍혔습니다. 이 동작이 잘 이해가 되지 않는데 이유를 알 수 있을까요?!

  • javascript
  • react
댓글 2 좋아요 1 조회수 322

자바스크립트 오타 검사 질문

해결됨

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

안녕하세요 vscode 설정 관련 질문입니다. 지금 막 vscode를 설치했는데 js파일에서 오타 검사가 안되는데 그 이유를 알 수 있을까요???

  • 오타
  • 자바스크립트
  • react
  • javascript
  • vscode
  • nodejs
휴식중인너구리 댓글 1 좋아요 0 조회수 603

request.args.get 실행중 에러

미해결

[리뉴얼] 처음하는 파이썬 백엔드와 웹기술 입문 (파이썬 중급, flask[플라스크] 로 이해하는 백엔드 및 웹기술 기본) [풀스택 Part1-1]

http http://localhost:8080/login?user_name=dave&pw=11211&email_address=oykang@gmail.com 하면 터미널 창에서 dave None None 으로 출력 됩니다. pw와 email_address 파라메타 값을 못 갖고 오는것 같습니다. http http://localhost:8080/login?pw=11211 실행하면 11211이 잘 출력됩니다. 따라서 &파라메타1=파라메카1 값&파라메타2=파라메타2 값 실행에 문제가 있는것 같습니다. 문제 해결에 조언 부탁 드립니다.

  • rest-api
  • python
  • flask
ohwhy 댓글 2 좋아요 0 조회수 419

현영님 질문이 있습니다.

해결됨

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

에러 발생시점: faker.js 사용 후입니다 에러 최대한 제 손으로 잡으려 했는데 이번 거는 찾기가 조금 힘들고 감이 안오네요.. 처음 npm run을 했을 때 화면에는 정상적으로 더미데이터가 들어오면서 에러도 같이 뜨는 상태입니다(에러를 끄면 컨텐츠와 댓글 등등의 기능 동작은 되네요) 간단하게 힌트만 주셔도 직접 해결 해보겠습니다 감사합니다 코드: import {faker} from ' @faker-js/faker ' ; export const initialState = { mainPosts : [] , imagePaths : [] , addPostLoading : false , addPostDone : false , addPostFailure : null , removePostLoading : false , removePostDone : false , removePostFailure : null , addCommentLoading : false , addCommentDone : false , addCommentFailure : null } initialState . mainPosts = initialState . mainPosts . concat ( Array ( 20 ) . fill () . map ( () => ({ id: shortId . generate (), User:{ id: shortId . generate (), nickname: faker . company . companyName () }, content: faker . lorem . paragraph (), Images: [{ id: shortId . generate (), }], Comments:[{ User:{ id: shortId . generate (), nickname: faker . name . findName () }, content: faker . vehicle . vehicle () }] })) ) 에러: ++ 에러에 HYDRATE관련된 에러가 있어 우선은 리듀서폴더에 있는 index.js같이 첨부합니다 import { HYDRATE } from " next-redux-wrapper " import { combineReducers} from ' redux ' import user from ' ./user ' import post from ' ./post ' const rootReducer = combineReducers ( { index : ( state = {}, action ) => { switch ( action . type ) { case HYDRATE : console . log ( ' HYDRATE ' , action ) ; return { ... state , ... action . payload }; default: return state ; } }, user , post , } ); export default rootReducer ;

  • express
  • react
  • redux
  • nodejs
  • Next.js
손서연 댓글 1 좋아요 2 조회수 326

항상 감사합니다

해결됨

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

항상 개념이 헷갈리면 강사님이 하는 코드를 보러 옵니다 ㅋㅋ 근데 개인적으로 그래프 큐엘을 연습하다 궁금한것이 생겨 질문올립니다.저는 저기 날짜 년도 별, 월별로 관리를 하고 싶다고 했을때 어떻게 로직을 처리하는게 좋을까요 백엔드에서처리를 해야하나요 아니면 저렇게 날짜 데이터를 받아서 프론트에서 처리를 해야하는것이 효율적인가요..? 아직까지 실력이 부족해서 1월부터 12월까지 배열을 짜서 해야하나 막막합니다.. {content:"string", date:"2022-03-05"}예를 들어 이런 데이터가 엄청 많을때2022년 3월은 3월콘텐츠 4월은 4월컨텐츠를 리스트로 따로 처리하는 방법은 뭐가 있는지 고수의 팁좀 알려주십시오 ㅠㅠ 로직이 떠오르지가 않습니다 .. 수업과는 조금 떨어지는 질문 죄송합니다 ..

  • rest-api
  • graphql
  • react
ezdar 댓글 1 좋아요 1 조회수 230

RuntimeError: populate() isn't reentrant

미해결

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

어제까지는 실행 잘됐었는데 주피터 노트북으로 실행하니까 이런식으로 뜹니다 ㅠㅠ http://127.0.0.1:8000/admin/instagram/comment/add/ 이랑 저번에 배웠던 python manage.py shell_plus --print-sql --ipython 로 실행시에는 이런식으로 잘나오는데 무슨이유인지를 모르겠네요. 혹시 더 올려야하는 정보들이 있을까요?

  • docker
  • react
  • python
  • django
BH J 댓글 1 좋아요 0 조회수 940

새 일기 작성시에도 리스트에 안 뜨는 문제

해결됨

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

안녕하세요. 강의를 따라가고 있는데 일기를 새로 작성하기를 해도 왜 일기 리스트에는 업데이트가 안 되는 지 궁금합니다. https://codesandbox.io/s/determined-cartwright-oep0ii?file=/public/index.html

  • nodejs
  • react
  • javascript
인영 댓글 1 좋아요 0 조회수 263

fetch 질문

해결됨

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

안녕하세요 3:45에 fetch then대신 try catch로 바꿔 봤는데 이렇게 사용하면 될까요? const getData = async () => { try { const response = await (await fetch(`https://jsonplaceholder.typicode.com/comments`)).json(); console.log(response); } catch (err) { console.log(err); } };

  • 비동기
  • api
  • react
  • nodejs
  • javascript
HK 댓글 1 좋아요 0 조회수 459

diaryList 질문

해결됨

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

안녕하세요! 우선 좋은 강의 제공해주셔서 감사해요. 다름이 아니라, 강의 영상 28:47 부분과 같이 다이어리 리스트가 화면에 떠야 하는데 뜨지 않는 에러가 발생했고, 스스로 해결이 안 돼서 도움을 요청하려고 글을 쓰게 되었어요. 개발자도구 요소 탭에서도 리스트가 뜨지 않더라구요. 코드 마지막 부분 즉 export default DiaryList; 바로 앞 부분에 console.log(diaryList);도 입력해 보았는데 콘솔 창에는 undefined라고 출력이 되었어요. 코딩 공부가 처음이다보니 에러를 해결하기 위해 무엇부터 손을 대야 할 지도 모르겠고 질문조차 어떻게 해야 할 지 모르겠네요..ㅎㅎ

  • javascript
  • nodejs
  • react
박수연 댓글 2 좋아요 0 조회수 479

selenium을 활용한 업무 자동화 클릭, 다운로드

미해결

질문 https://www.localdata.go.kr/devcenter/dataDown.do?menuNo=20001 사이트에서 데이터 다운로드 - 전체 데이터 다운로드 - 전체분 - excel 다운로드를 하고자 합니다. 이를 위해서 우선 링크에서 '전체 데이터 다운로드'단계로 가려고 캡쳐처럼 id를 down-area인 것으로 보여서 xpath로도 해보고, selector로도 해봤는데 둘이 같은 오류가 발생합니다. 작성한 코드는 다음과 같습니다. from selenium import webdriver broswer = webdriver . Chrome () broswer . get ( 'https://www.localdata.go.kr/devcenter/dataDown.do?menuNo=20001' ) # id = broswer.find_element_by_xpath('//*[@id="down-area"]') id = broswer . find_element_by_css_selector ( '#down-area' ) id . click () 사이트는 정상적으로 켜지나 클릭이 되지 않으며 나오는 오류 코드는 다음과 같습니다. (base) C:\test>[83512:84772:0427/183423.717:ERROR:device_event_log_impl.cc(214)] [18:34:23.718] USB: usb_device_handle_win.cc:1049 Failed to read descriptor from node connection: 시스템에 부착된 장치가 작동하지 않습니다. (0x1F) 어떻게 해결할지 모르겠어서 질문드립니다. 답변 기다립니다. 감사합니다.

  • python
  • rpa
  • selenium
  • 자동화
  • 자동클릭
  • xpath
  • selector
유희 댓글 0 좋아요 0 조회수 334

출산율 수 및 합계 출산율에서 외부 범례 처리

미해결

파이썬 무료 강의 (활용편5) - 데이터 분석 및 시각화

2번째 프로젝트 '출산율 수 및 합계 출산율'에서 통계 데이터 그래프의 범례 처럼 외부 범례에 그래프 라인 대신 별도 마크 표시와 파일 저장시 범례까지 같이 저장하는 방법에 대해 설명해 주시면 감사하겠습니다.

  • pandas
  • python
  • matplotlib
ohwhy 댓글 0 좋아요 0 조회수 298

컴포넌트 구조 질문

해결됨

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

안녕하세요. 강의를 잘 듣고 있습니다. 6:49 부모 컴포넌트에서 데이터를 자식 컴포넌트로 이동하는데 만일 자식끼리 데이터를 useState로 해야 한다면 redux를 이용하면 될까요?

  • state
  • react
  • props
  • javascript
  • nodejs
HK 댓글 1 좋아요 0 조회수 319

Fast R-CNN 구현 질문

미해결

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

Fast R-CNN 구현중에 가장 난감한 부분이 RoI pooling layer 였는데, 논문에서 보면 mini-batch를 이미지 2개에 roi box를 128개 사용한다고 써있더라구요. 그러면 학습할 때 입력 데이터로 이미지 2개 + roi box(region proposal된 roi)가 들어간다고 이해했습니다. 그런데 여기서 이해가 안되는 점이 여러개가 있습니다 . 1. 이론상 fast rcnn은 입력 크기가 정해지지 않아도 되는데, tensorflow 에서 pre-trained vgg16 모델을 사용하려면 입력 크기가 224x224x3으로 고정되어 있어서 결국 mini-batch를 구성할 때 입력 사이즈를 모두 224x224x3으로 맞춰줘야 하는건가요? 2. 이미지 + roi box가 입력으로 들어가면 multi input으로 인풋값을 동시에 두 가지를 분리해서 넣어줘야 하나요? 3. 마지막에 box regressor와 classifier에서 box regressor는 x,y, w,h 좌표를 output으로 / classifier는 K(클래스 개수) + 1(배경) 총 K+1개 output이 도출되어야 하는데 입력 데이터 구성이 이미지 데이터 + roi box에 주어진 target 데이터는 ground truth box여서 mini-batch 구성할 때 Pascal IoU 기준에 따라 ground truth box와 이미지당 roi box 64개를 roi 비교하여 0.5이상인 경우는 1 0.2이상 0.5 미만을 0으로 구성한 후에 학습을 해야 하는건가요? 여기서 예를 들어 클래스가 4개라고 가정했을 때 target 데이터는 [N, 64, 4] (N은 데이터 개수) 크기로 구성하는게 맞을까요? (64개는 roi 개수 4개는 클래스입니다) 추가 설명 : [1, 64, 4]라고 했을 때 1개 이미지에 해당하는 64개 roi 각각 4개 클래스 중 overlap되는 roi가 0.5이상 되는 경우 1을 추가하고 클래스가 강아지, 고양이, 사람, 배경이라고 했을 때 강아지가 2마리 사람이 1명 이면 [2, 0, 1, 0] 이렇게 target 데이터가 구성되는게 맞나요..? ㅠㅠ 4. Roi pooling layer에 들어가는 input값이, 14x14x256(input 크기가 224x224x3이라고 가정했을 때) feature map + roi 인걸로 이해 했는데, tensorflow 구현시 roi는 input으로 어떻게 넘겨 줘야 할지 모르겠습니다..ㅠㅠ 5. Pre-trained model로 imagenet 데이터로 학습된 vgg16모델을 쓴다고 했을 때, 만약에 한식 이미지를 detection 해야 하는 문제가 있으면 fine tuning 한 후에 적용해야 정확도가 올라가겠죠? pre trained 된 이미지와 새로 detection할 이미지가 유사한지 유사하지 않은지는 추론해보고 결과가 좋지 못하면 fine tuning을 해야겠다 판단하는 건가요 아니면 사전에 학습된 이미지와 새로 학습하거나 추론할 이미지와 유사성을 분석 해보고 fine tuning을 하나요..? 당연히 추론해보고 결과가 좋지 못하면 할것 같지만, fine tuning을 해야 겠다 판단하는 기준이 혹시 따로 있을지 궁금합니다 논문보고 이해가 안가는 부분은 블로그도 보고 이것 저것 참조하다 보니 엄청 헷갈리는 상태가 돼서 질문이 정갈하지 않는 점 양해부탁드립니다 ㅠㅠ

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

user,post - comment 관계질문

미해결

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

제로초님 nodebird에서 comment 관계에서는 user.hasmany(comment) post.hasmany(comment) 이렇게 관계를 설정하였는데 이는 아무 유저가 comment 작성이 가능하게 하기위해 이렇게 하였고 상품구매 리뷰에서는 상품을 구매한 사람에 한해서만 comment를 작성해야만 하니 comment는 user, product의 belongsToMany로 관계 설정을 해줘야 한다고 판단했는데 맞을까요?

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

lin 디버깅에 대한 확장자가 없습니다.

해결됨

[신규 개정판] 이것이 진짜 크롤링이다 - 실전편 (인공지능 수익화)

왼쪽 파일 편집기 쪽에 파란창으로 되지도 않고 import쪽에 컬러도 먹지 않습니다. 그래서 그런지 실행이 되지 않습니다.

  • python
  • 웹-크롤링
김수현 댓글 1 좋아요 2 조회수 2117

인기 태그

인프런 TOP Writers

주간 인기글