inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

onCreateWorkspace Submit 무반응

미해결

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

안녕하세요! 지금까지는 문제 없이 잘 진행하고 있었으나 계속 찾아보고, alecture 폴더 내에 있는 소스코드와 비교를 해보아도 어떤 코드가 문제인지 모르겠어서 질문 글을 남기게 되었습니다. 해당 섹션 마지막에서 액시오스 코드를 작성하고 백엔드에 워크 스페이스를 생성하도록 요청하는 부분이 있는데요, const onCreateWorkspace = useCallback((e) => { console.log('ok'); e.preventDefault(); console.log(newWorkspace); if (!newWorkspace || !newWorkspace.trim()) return; console.log('b'); if (!newUrl || !newUrl.trim()) return; console.log('c'); axios.post('/api/workspaces', { workspace: newWorkspace, url: newUrl, }, { withCredentials: true, }, ).then((response) => { revalidate(); setShowCreateWorkspaceModal(false); setNewWorkspace(''); setNewUrl(''); }).catch((error) => { console.dir(error); toast.error(error.response?.data, { position: 'bottom-center' }); }); }, []); 워크스페이스 이름과, 워크스페이스 url 을 넣고 생성하기 버튼을 누르면 반응이 없어서 위 코드처럼 console.log 를 찍어서 확인해보니 newWorkspace 에 아무런 값이 담기지가 않고 있습니다. 해당 소스코드 및 라인 : https://github.com/Kuass/sleact/blob/master/setting/ts/layouts/Workspace/index.tsx#L32 입니다. onCreateWorkspace = useCallback 에 event 객체도 콘솔에 찍어서 보았으나 값은 정상적으로 있는데.. 왜 이럴까요 강사님 ㅠㅠ..

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

콜백함수가 헷갈려서 질문 드립니다!

미해결

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

index.js에서 user.comparePassword를 호출할 때 req.body.passwod로 비밀번호를 인자로 전달하고 뒤에 err, isMatch는 comparePassword 메소드에서 cb(err)과 cb(null, isMatch)로 받아와서 비밀번호가 틀렸습니다 쪽으로 넘어가는 것 같은데 제가 이해한 게 맞을까요...??

  • react
  • nodejs
huhu 댓글 1 좋아요 0 조회수 276

Django 로 이용한 머신러닝/딥러닝 서비스

해결됨

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

안녕하세요 강사님 퀄리티 높은 강의와 디테일좋은 강의 감사드립니다. 머신러닝에도 관심이 있어 공부를 하던와중에 내가직접 서비스를 하려면 백엔드의 지식도 필요할듯하여 감사하게 강의를 듣고있습니다. 머신러닝/딥러닝 서비스를 사용하기위한 백엔드 서비스가 Django 가 좋은것같은데 현업에서도 많은 사용을 하고있나요? (아마 강사님께서도 많은 컨설팅을 해주셔서 아실거라 생각이 들어 질문을 드립니다.) 딥러닝 모델을 웹에서 돌리기위해서는 병렬처리?가 필요할듯한데 Django 에서는 이러한 부분에대한 솔루션이 있는지 또한 궁금합니다. 감사합니다.

  • django
  • react
  • python
  • docker
YoonEo Choi 댓글 2 좋아요 0 조회수 3721

put

해결됨

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

그래프큐엘을 다시 보면서 강의 정주행 해보고 있습니다. 질문: update message 부분을 put 대신에 patch로 리팩토링해도 괜찮을까요? 저는 프론트 위주로만 알고 있어서 api쪽은 단순히 전체 update는 put, 부분적인 data 수정은 patch 정도로만 알고 있는데요, 어떤 경우 put/patch를 쓰는 게 더 좋은지 의견 궁금해서 남깁니다.

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

원격과 로컬 브랜치는 항상 같은 이름으로만 매치되나요?

해결됨

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

로컬에서 먼저 master로 사용하다가 github 리포지토리를 main으로 만들었는데 git branch -u origin/main master 이렇게 tracking을 하려고 해도 자꾸 원격에 master 브랜치가 새로 생성되어 버리네요 원격과 로컬 브랜치는 항상 같은 이름으로만 push되나요? 저는 (원격)---------------------(로컬) A 브랜치 a 브랜치 B 브랜치 b 브랜치 이렇게 있을때 서로 tracking을 바꿔가면서 push하거나 pull 할 수 있을거라 생각했는데.. 아닌가요?

  • 버전관리시스템
  • github
  • git
루라 댓글 1 좋아요 1 조회수 591

next파일 생성이 안됨

해결됨

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

그대로 디펜더시 다운후에 next,react 파일이 안생기는데 그냥 npx 로 다운받아야하나요? (경로확인했습니다)

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

Items 페이지 내 이미지 깨지는 오류

해결됨

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

동균님 안녕하세요. 좋은 강의 공유해주셔서 감사합니다 :) 지금 페이지를 로컬에서 띄워보면서 페이지 분석을 하고 있는데요, Items 페이지의 보드들의 이미지가 깨져서 보입니다. 또한 보드 클릭시 이동하는 링크도 현재 존재하지 않아 리다이렉트되는 것 같습니다. Network탭을 확인해보니 이미지 파일에 대한 Response 가 500 으로 오고 있습니다. land-mfg.com 의 대대적인 홈페이지 개편이 있었던 걸까요..? 참고목적으로 스크린샷 공유드립니다 :)

  • react
  • devtools
동동 댓글 1 좋아요 1 조회수 285

3-2) 서비스 탐색 및 코드 분석 내 소스코드 링크 오류

해결됨

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

안녕하세요! 좋은 강의 공유해주셔서 감사합니다. Part1 에 이어 Part2도 즐겁게 수강하고 있습니다 :) 다름이 아니라 3-2) 서비스탐색 및 코드 분석 강의 하단에 있는 소스코드의 링크가 문구와는 다르게 lecture-4 를 가리키고 있습니다. lecture-3로 변경이 필요할 것 같습니다. clone하고 나서 순간 좀 당황했네요 ㅎㅎ..

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

slack 초대 부탁드립니다

해결됨

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

yeeun201010@naver.com 입니다 !

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

22년 최신버전 visual studio 사용 솔루션 탐색기 셋팅

미해결

오픈 소스 자바스크립트 React 프로그래밍 입문 Part.1

222년 기준 최신 버전 vs를 깔고 강의대로 진행해보았을 때 솔루션 탐색기에 목록이 다른 점이 많아서요.. 구버전으로 새로 까는 것이 나을까요? 아니면 여기서 해결방안이 있을까요?

  • visualstudio
  • 최신버전
  • react
  • 솔루션탐색기셋팅
  • react
xxxlata 댓글 1 좋아요 2 조회수 642

슬랙 초대 부탁드립니다

해결됨

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

ghddls0704@kakao.com 부탁드립니다.

  • git
  • github
  • 버전관리시스템
연합시스템 dev 계정 댓글 1 좋아요 1 조회수 208

강의 자료가 안받아집니다

미해결

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

안녕하세요 강사님 좋은 강의 감사합니다. 다름이 아니라 강의 자료 1-3강 과 새로 올려주신 소스코드자료(12월 28일)가 안받아집니다. 4-6강과 7-9강 자료는 잘 받아져서 압축이 잘 풀리는데 위의 두 자료들은 다운받을때 에러가 나서 압축해제가 안됩니다. 답변해주시면 감사하겠습니다.

  • github
  • aws
  • docker
  • 데이터 엔지니어링
  • travis-ci
  • cicd
대철강 댓글 3 좋아요 0 조회수 487

볼륨을 적용하였는데 npm run test 가 반영되지 않는 이유가 궁금합니다.

미해결

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

안녕하세요 선생님! 도커 컴포즈에서 볼륨 설정을 아래와 같이 하면, App.js 파일은 물론 App.test.js 파일도 볼륨 설정을 한것이라고 생각하는데요. volumes: - /usr/src/app/node_modules - ./:/usr/src/app 왜 로컬에서 App.test.js 파일을 변경 한 후, 컨테이너 안에서 npm run test 를 하면 로컬의 변경을 반영하지 않는 것인지 궁금합니다. 'docker run -it codetrain999/docker-react-app npm run test' 로 실행하였을 떄도 적용되지 않고 쉘에 직접 붙어서 실행해도 반영되지 않았습니다. 테스트용 컨테이너를 별도로 생성하니 App.test.js 파일의 변경이 실시간으로 적용되는데, 둘의 차이가 무엇인지 모르겠습니다. 감사합니다.

  • docker
  • aws
  • github
  • cicd
  • 데이터 엔지니어링
  • travis-ci
나무늘보 댓글 1 좋아요 0 조회수 632

yarn run client

해결됨

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

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

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

slack 초대 부탁드립니다!

해결됨

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

lpromotion00@gmail.com 초대 부탁드립니다!

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

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
  • build
  • firebase
  • react
  • 웹앱
Ucopy Theme 댓글 1 좋아요 0 조회수 384

slack 초대 부탁드립니다

해결됨

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

00703olivia@gmail.com 입니다

  • git
  • 버전관리시스템
  • github
유정현 댓글 1 좋아요 1 조회수 263

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

해결됨

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

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

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

인기 태그

인프런 TOP Writers

주간 인기글