inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

dispatch(logoutUser()) 실행시 dispatch(authuser())도 함께 실행되는 문제

미해결

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

dispatch(logoutUser()) 실행시 dispatch(authuser())도 함께 실행되는 문제가 발생하고 있는데 원인을 잘 모르겠습니다.

  • react
  • redux
  • node.js
  • 웹앱
  • mongodb
문주영 댓글 2 좋아요 0 조회수 291

에러서 요렇게만 해보세요

미해결

따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기

npm -v , node -v 로 버전 확인 후 package.json의 engine에서 node, npm 버전 수정 파이썬을 설치. - 설치시 ADD PATH 인가에 체크 packge.json > dependencies에서 bcrypt 삭제 npm install 설치 후 bcryptjs 추가 설치 npm install bcryptjs --save

  • react
  • node.js
  • 웹앱
  • mongodb
  • express
lanterlt 댓글 1 좋아요 0 조회수 301

antd Menu 질문

미해결

따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기

안녕하세요 강사님 혹시 메뉴가 한개만 있는데도 불구하고 "..." 이라는 메뉴 아래에 "나의 favorite" 으로 생겼습니다. 굳이 "..." 라는 메뉴 아래에 "나의favorite"이 생기지 않고, "Home" 오른쪽에 "나의 favorite" 을 바로 생성하고 싶은데, 이런경우 어떻게 해결 하면 될까요? [NavBar] [NavBar] [NavBar.js] import React, { useState } from 'react'; import LeftMenu from './Sections/LeftMenu'; import RightMenu from './Sections/RightMenu'; import { Drawer, Button } from 'antd'; import Icon from '@ant-design/icons'; import './Sections/Navbar.css'; function NavBar() { const [visible, setVisible] = useState(false) const showDrawer = () => { setVisible(true) }; const onClose = () => { setVisible(false) }; return ( <nav className="menu" style={{ position: 'fixed', zIndex: 5, width: '100%' }}> <div className="menu__logo"> <a href="/">Logo</a> </div> <div className="menu__container"> <div className="menu_left"> <LeftMenu mode="horizontal" /> </div> <div className="menu_rigth"> <RightMenu mode="horizontal" /> </div> <Button className="menu__mobile-button" type="primary" onClick={showDrawer} > <Icon type="align-right" /> </Button> <Drawer title="Basic Drawer" placement="right" className="menu_drawer" closable={false} onClose={onClose} visible={visible} > <LeftMenu mode="inline" /> <RightMenu mode="inline" /> </Drawer> </div> </nav> ) } export default NavBar [LeftMenu.js] import React from 'react'; import { Menu } from 'antd'; function LeftMenu(props) { return ( <Menu mode={props.mode}> <Menu.Item key="mail"> <a href="/">Home</a> </Menu.Item> <Menu.Item key="favorite"> <a href="/favorite">나의 Favorite</a> </Menu.Item> </Menu> ) } export default LeftMenu

  • react
  • node.js
  • 웹앱
  • mongodb
  • express
iokl3319 댓글 1 좋아요 0 조회수 339

docker-MongoDB 설치시 window용으로 설치 문의

미해결

[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스

노션에서 보니 우분투랑 mac만 있어서 설치에 어려움을 겪고 있네요 ㅜㅜ 혹시 window버전으로 설치를 한다면 수업에 지장이 있을까요?

  • javascript
  • node.js
  • docker
  • rest-api
  • nestjs
140015 댓글 2 좋아요 0 조회수 232

학습자료는 어디서 받나요?

해결됨

대용량 채팅 TPS 처리를 위한 웹소켓 통신 만들며 학습하기

학습자료는 어디서 받나요?

  • node.js
  • go
  • websockets
lionkim 댓글 1 좋아요 1 조회수 242

강의에 사용한 js파일들 받을수 있을까요?

해결됨

[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지

현재 개정3판 노드 강의를 듣고 있는데 강의에서 사용하시는 js파일들 받을수있을까요? 아니면 이미 올려두신곳이 있다면 알려주세요!

  • node.js
  • mysql
  • mongodb
  • express
  • typescript
  • socket.io
  • jwt
철수 댓글 3 좋아요 0 조회수 197

headless 궁금한게 있어요!

미해결

Node.js로 웹 크롤링하기

const browser: Browser = await puppeteer.launch({ headless: true, args: ['--remote-debugging-port=9222', '--no-sandbox', '--disable-setuid-sandbox'] }); const page: Page = await browser.newPage(); 크롤링 만들고 있습니다! 헤드리스를 true로 해봐도, 아예 없애봐도, 아래 args 를 이것저것 달아봐도 크롤링을 시작하면 아래 창과 크롬은 안뜨나 화면에 이렇게 크게 빈화면이 나옵니다.. 저만 그런가요? 이거 없애는 방법이 뭘까요 ㅠㅠ

  • javascript
  • node.js
  • 웹-크롤링
  • puppeteer
박찬민 댓글 2 좋아요 0 조회수 698

몽고DB

미해결

MERN STACK 커뮤니티 : 시작부터 배포까지 알려주는 React

몽고db질문입니다. 코드를 따라해보는중 몽고DB에서 데이터부분이 안들어 왔습니다. 어떤부분이 문제인지 궁금합니다.

  • react
  • node.js
  • mongodb
  • express
  • firebase
박성현 Park 댓글 1 좋아요 0 조회수 226

logout할 때, server로 요청을 보내서 authUser middleware를 통과하도록 하는 이유?

미해결

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

logout할 때, server로 요청을 보내서 authUser middleware를 통과하도록 하는 이유? handleLogout function에서 local storage의 accessToken을 삭제시키고, store의 user 정보만 initial state, 그리고 isAuth 등을 false로 바꾸면 그만일텐데, 왜 server에 요청을 보내는 과정이 필요할까요!?

  • react
  • redux
  • node.js
  • 웹앱
  • mongodb
문주영 댓글 1 좋아요 0 조회수 239

No routes matched location Error Component Stack error 질문입니다.

미해결

MERN STACK 커뮤니티 : 시작부터 배포까지 알려주는 React

질문 있어서 남깁니다. 메인페이지에서 Link를 타고 upload, list 들어가서 화면이 로드 돼야하는데 돼지 않고 하얀바탕으로 돼면서 Error표시 없이 No routes matched location "/list" Error Component Stack가 표시 됍니다. 어떤문제이고 해결 방법이 무엇인지 궁금합니다. Ps. 질문이 이해 안가실것 같아서 스샷 올려놨습니다.

  • react
  • node.js
  • mongodb
  • express
  • firebase
댓글 1 좋아요 0 조회수 688

.env.template 복사하랬는데

미해결

지금 당장 NodeJS 백엔드 개발 [사주 만세력]

saju_db_dev로 연결되있고 거기엔 users 데이터 없어요 prod로 바꾸니 로그인 되네요

  • node.js
  • jwt
aloha_jh 댓글 1 좋아요 0 조회수 209

webkit-text-size-adjust 오류

미해결

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

왜 이러는지 알 수 있을까요? 찾아봐도 모르겠습니다... '-webkit-text-size-adjust' is not supported by Chrome, Chrome Android, Edge 79+, Firefox, Safari. Add 'text-size-adjust' to support Chrome 54+, Chrome Android 54+, Edge 79+.

  • react
  • redux
  • node.js
  • 웹앱
  • mongodb
Seungjoo Lee 댓글 1 좋아요 0 조회수 380

학습 자료 rest-api도 사용 가능한가요?

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

Swagger 사용 가능한 건지 문의드립니다.

  • react
  • node.js
  • seo
  • graphql
  • next.js
thekrjm 댓글 2 좋아요 0 조회수 161

mysql연동건너뛰기

미해결

[웹 개발 풀스택 코스] Node.js 프로젝트 투입 일주일 전 - 기초에서 실무까지

제가 mysql연동이 잘 되지 않아 건너뛰고 보려고 하는데 express라우터부터 그냥 봐도 크게 영향받지않고 진행할 수 있을까요??

  • node.js
  • mysql
  • mongodb
  • express
  • 웹-크롤링
  • socket.io
영준 댓글 1 좋아요 0 조회수 143

Viewer.css관련 질문

해결됨

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

강의에서 보여주시는 코드와 같이 작성하면 모양이 사진과 같이 나와요 emotion_img_wrapper영역 background-color영역에 emotionName이 안들어가는거 같아요. height를 300으로 늘리면 포함이 되긴해요. width도 같이 300으로 늘리면 다시 안들어가고요

  • javascript
  • react
  • node.js
이윤기 댓글 2 좋아요 0 조회수 113

현재 강의에서 재생관련 문제가 있어서 전달드립니다.

해결됨

대용량 채팅 TPS 처리를 위한 웹소켓 통신 만들며 학습하기

"서버의 기본 구조 작성하기"에서 동영상 일시정지 후 다시 재생하기를 하였을때, 재생이 안되는 현상이 있습니다. 새로고침 하면 문제가 해결되지만, 강의 수강중에 이런 문제가 발생하면 불편해서 보고 드립니다. 참고로 다른 커리큘럼에서도 일시정지 후 일정시간 이 지나고(체감상 5분 10분정도) 재생이 안되는 현상이 있습니다. 이 문제에 대해 참고해 주시면 감사하겠습니다.

  • node.js
  • go
  • websockets
Jun 댓글 2 좋아요 1 조회수 252

10-08 숙제 정답 질문입니다.

해결됨

[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스

타입 문제라고 해서 dto랑 product.entity에 타입이 서로 각각 string[] , ProductTag[] 로 서로 다른 타입으로 설정 했더라구요 그래서 그냥 똑같이 ProductTag[] 으로 똑같이 설정 했더니 오류는 사라졌습니다 근데 이게 정답이 맞나요? 수정 전 dto @Field(() => [String]) productTags: string[]; product.entity.ts @Field(() => [ProductTag]) productTags: ProductTag[]; 수정후 dto @Field(() => [ProductTag]) productTags: ProductTag[];

  • javascript
  • node.js
  • docker
  • rest-api
  • nestjs
댓글 2 좋아요 0 조회수 258

marker 크기 관련 질문

미해결

코로나맵 개발자와 함께하는 지도서비스 만들기 2

안녕하세요. 강의를 듣고 있는 고등학생입니다. 학교 프로젝트로 강의 하천이나 수질을 나타내는 지도 서비스를 만들려고 하는데 강의 길이에 따라 마커의 크기를 바꾸고 강의 수질에 따라 마커의 색을 바꾸고 싶습니다. css 파일 자체에서 index.js에서 선언된 변수에 따라 마커의 크기를 바꿀 수는 없나요??

  • node.js
  • 웹앱
  • mongodb
  • express
  • mongoose
wiyuchan1021 댓글 0 좋아요 0 조회수 158

css 파일 작성시 > 표시 여부

해결됨

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

안녕하세요. 투두리스트 ui 구현 중 질문이 생겨 댓글 남깁니다 "Header.css" 파일은 h1 태그에 접근 시 ".Header > h1" 과 같이 > 표시를 사용하는데 "Editor.css" 파일은 > 표시 없이 그냥 ".Editor input" 로 작성하시더라구요 이 둘의 차이가 뭔가요? 좋은 강의와 친절한 답변 항상 감사드립니다 :) 🚨 아래의 가이드라인을 꼭 읽고 질문을 올려주시기 바랍니다 🚨 질문 하시기 전에 꼭 확인해주세요 - 질문 전 구글에 먼저 검색해보세요 (답변을 기다리는 시간을 아낄 수 있습니다) - 코드에 오타가 없는지 면밀히 체크해보세요 (Date와 Data를 많이 헷갈리십니다) - 이전에 올린 질문에 달린 답변들에 꼭 반응해주세요 (질문에 대한 답변만 받으시고 쌩 가시면 속상해요 😢) 질문 하실때 꼭 확인하세요 - 제목만 보고도 무슨 문제가 있는지 대충 알 수 있도록 자세한 제목을 정해주세요 (단순 단어 X) - 질문의 배경정보를 제공해주세요 (이 문제가 언제 어떻게 발생했고 어디까지 시도해보셨는지) - 문제를 재현하도록 코드샌드박스나 깃허브 링크로 전달해주세요 (프로젝트 코드에서 문제가 발생할 경우) - 답변이 달렸다면 꼭 확인하고 반응을 남겨주세요 - 강의의 몇 분 몇 초 관련 질문인지 알려주세요! - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

  • javascript
  • react
  • node.js
황유나 댓글 1 좋아요 0 조회수 318

인기 태그

인프런 TOP Writers

주간 인기글