inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

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

해결됨

[리뉴얼] 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); } };

  • 비동기
  • react
  • api
  • 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

크롬 개발자 도구 레이아웃 배치 질문

미해결

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

강의 내용과 조금 떨어진 질문입니다. 크롬 개발자 툴에 컴포넌트를 보여주는것과 프롭스,훅스 등을 보여주는 창이 가로로 나뉘어져 보여지고 있는데, 이걸 윈터루드님처럼 위아래로 나뉘어지게 하려면 어떻게 해야하나요?

  • chrome
  • react
  • devtools
  • nodejs
  • javascript
Eungi Kim 댓글 1 좋아요 0 조회수 1218

http 502 오류가 계속해서 발생하네요 ㅠㅠ

미해결

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

liveServer 익스텐션을 지우고 깔아봤는데도 502(Bad Gateway) 오류가 계속해서 발생하는데 해당 고양이 사진 서버 오류 같은데 오류 해결방법은 따로 없나요? ㅠㅠ.

  • javascript
  • react
ㄴㄴㄴㄴ 댓글 1 좋아요 1 조회수 321

윈터루드님~! 이미지 경로에 관해서 질문 드리겠습니다!!

해결됨

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

안녕하세요! img src 주소 관련 질문드리겠습니다! process.env.PUBLIC_URL + `/... 경로`를 하셨는데 src에 그냥 /assets/emotion1.png를 해도 잘 나오는데 상관없는거죠??

  • 상대경로
  • nodejs
  • img
  • javascript
  • src
  • react
topgun0415 댓글 1 좋아요 0 조회수 559

질문있습니다~

해결됨

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

로컬에 있는 이미지를 이용할때보다 서버에서 url 주소로 전달 받아 이용하는 경우가 더 많은데, 그럴때도 webp로 변환할 수 있는 방법이 있을까요? 아니면 다른 최적화 방법이 있나요?

  • react
  • devtools
jjang9 댓글 1 좋아요 2 조회수 247

인기 태그

인프런 TOP Writers

주간 인기글