inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

동영상이 없을 경우 오류

미해결

따라하며 배우는 리액트 A-Z[19버전 반영]

선생님 안녕하세요? 강의 잘 듣고 있습니다. Styled Component를 이용한 비디오 배너 만들기에서 iframe에서 src에 movie.videos.results가 없을 경우 오류가 생깁니다. 저는 여기에 옵셔널 체이닝(?.)을 걸어 만약에 movie.videos.results이 없을 경우 undefined를 반환하게 하는 방식으로 해결했습니다. 이렇게 한 경우 오류 페이지가 보이는 대신 동영상을 재생할 수 없다고 뜹니다. 이렇게 하는 방법도 괜찮은지, 혹시 더 좋은 방법이 있다면 가르쳐 주세요. 감사합니다. src={`https://www.youtube.com/embed/${movie.videos.results[0]?.key}?controls=0&autoplay=1&loop=1&playlist=${movie.videos.results[0]?.key}`}

  • Next.js
  • typescript
  • react
  • redux
  • tdd
hh1234 댓글 1 좋아요 2 조회수 584

dispatch("LOGIN",res.data?.user); 쪽에서 에러가 뜹니다 ㅜ

미해결

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

TypeError: dispatch is not a function at _callee$ (login.tsx?11e1:20:10) at tryCatch (runtime.js?ecd4:45:16) at Generator.invoke [as _invoke] (runtime.js?ecd4:274:1) at prototype.<computed> [as next] (runtime.js?ecd4:97:1) at asyncGeneratorStep (_async_to_generator.mjs?949a:3:1) at next ( async_to_generator.mjs?949a:25:1) 라는 에러가 뜨는데 어디가 문젠지 모르겠습니다.. ㅠ

  • docker
  • postgresql
  • typescript
  • react
  • nodejs
  • 클론코딩
  • Next.js
tmdrbwk3 댓글 4 좋아요 0 조회수 588

질문 드려요

해결됨

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

findone vs findoneorfail 무슨차이 인가요?

  • toporm
  • typescript
  • nodejs
  • postgresql
  • react
  • docker
  • 클론코딩
  • Next.js
리나스 댓글 1 좋아요 0 조회수 298

디비 api 사이트 회원가입 문제

미해결

따라하며 배우는 리액트 A-Z[19버전 반영]

디비 api 사이트 회원가입이 안됩니다

  • react
  • typescript
  • redux
  • tdd
  • Next.js
강민성 댓글 2 좋아요 0 조회수 354

webdriver_manager 모듈이 인식이 안되는것 같아요

미해결

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

from selenium import webdriver from selenium.webdriver.chrome.service import Service from selenium.webdriver.chrome.options import Options # 크롬 드라이버 자동 업데이트 from webdriver_manager.chrome import ChromeDriverManager service = Service(executable_path=ChromeDriverManager().install()) 위와 같이 코딩하고 실행하면 Traceback (most recent call last): File "c:\Users\omonge\Desktop\파이썬공부\desktop\requests_1.py", line 7, in <module> from webdriver_manager.chrome import ChromeDriverManager ModuleNotFoundError: No module named 'webdriver_manager' 위와 같이 모듈이 없다고 하면서 오류가 발생하는데요. pip install webdriver_manager 라이브러리 설치도 했고 pip list 에도 webdriver-manager 3.8.3 설치가 된 것으로 나오는데요. 라이브러리 설치 인식이 안되는걸까요? 검색해보고 컴퓨터도 껐다 켜보고.. 했는데요. 계속 인식이 안되는것 같아요 ㅠ 윈도우10 입니다.

  • python
  • 웹-크롤링
moonchoh 댓글 3 좋아요 1 조회수 11104

500에러 질문

미해결

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

제로초님 깃헙코드 보고 리액트쿼리로 공부하다가 DM 보내는 로직에서 500에러가 떳습니다~!! api 문서대로 요청보냈고, 분명 서버쪽은 문제가 없을텐데 싶어서 며칠 째 고민하다 질문드려요!!! NaN으로 뜨는 부분이 백엔드 코드에서 콘솔 찍어보니까 req.query.perPage 이게 언디파인드로 전달 되더라구요. 근데 저는 perPage를 제로초님처럼 20으로 고정해서 전달하고 있는데 언디파인드로 뜨는게 이상하더라구요.ㅜㅜ +) 그리고 뮤테이션 쿼리키를 ["workspace", workspace, "dm", id, "chat"] 이렇게 주신 이유가 궁금해요!! 제가 공식문서 읽고 이해한게 배열로 줄 경우 첫번째 값이 캐싱할 때 쓰이는 이름이고 그 위에있는 애들은 mutation 안에서 사용될 외부 값을 넣어준다고 이해했었거든요!! 근데 dm 이나 chat은 사용되지 않는 것 같아서요!!

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

Router 예제 복붙했더니 오류가 뜰 때!

미해결

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

아랫분들도 설명해주셨다싶이 버전이 바뀌면서 쓰이는 용어가 바뀌었어요! 다만 올려주신부분들이 다 수업끝부분 완성본인것같아서.. 저는 Home() About() Users()함수가 들어가야하는 초반 부분 수정본을 첨부해봅니다! import React from "react"; import { Route, Routes, BrowserRouter } from "react-router-dom"; function Home() { return <h2>Home</h2>; } function About() { return <h2>About</h2>; } function Users() { return <h2>Users</h2>; } function App() { return ( <BrowserRouter> <div> {/* A <Switch> looks through its children <Route>s and renders the first one that matches the current URL. */} <Routes> <Route path="/about" element={About()}> <Route /> </Route> <Route path="/users" element={Users()}> <Route /> </Route> <Route path="/" element={Home()}> <Route /> </Route> </Routes> </div> </BrowserRouter> ); } export default App;

  • react
  • nodejs
ina9377 댓글 1 좋아요 7 조회수 690

Context 질문드립니다.

미해결

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

안녕하세요 선생님. 질문이 있어요. 그전까지는 이해가 되었는데 Context강의가 유독 어렵네요... 먼저 DiaryStateContext.Provider의 value로 {data, onCreate, onRemove} 이렇게 넣으면 prop이 바뀌면 재생성된다는 것이 이해가 안되요. onCreate랑 onRemove는 useCallback으로 재생성 되는 것을 막아 놓은 것 아니었나요? 헷갈리네요. 두번째로 중첩으로 하는 이유가 잘 이해가 안 됩니다. 왜 중첩으로 하면 이게 해결이 될까요? 어차피 memoizedDispatches로 useMemo를 썼으면 그냥 DiaryStateContext.Provider에 value로 넣으면 안되는 건가요. 중첩으로 하는 이유가 잘 납득이 안됩니다. DiaryStateContext.Provieder value={data, memoizedDispatches} 이렇게 하면 안되나요? 그리고 useMemo로 묶는 부분도 다시 한번 설명해주실 수 있나요? useCallback으로 막아놨는데 왜 useMemo로 다시 묶어야 할까요 그냥 onCreate, onRemove, onEdit을 묶지 말고 따로따로 DiaryStateContext.Provider의 value로 {data, onCreate, onRemove} 이렇게 보내주면 안될까요? 강의를 두번 반복했는데도 잘 이해가 안되네요..

  • nodejs
  • react
  • javascript
학운학운 댓글 2 좋아요 2 조회수 389

프론트앤드 .env 파일

미해결

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

그 어디에선가 프론트앤드에서 .env 파일이 build 시 노출된다는 얘기를 들었던 것 같은데 사실인가용 프론트앤드에서 .env 파일을 사용하면 더 효율적으로 처리 할 수 있는 작업이 생겼는데 백앤드로 처리해도 되지만 보안상 괜찮은지 궁금해서 여쭤봅니다

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

상위 커뮤니티 imageUrl

미해결

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

사진을 등록하고 메인 페이지에서 위와 같이 이미지가 제대로 나오지 않습니다. server.ts 에서 express.static("public") 코드 추가한상태입니다. 해당 커뮤니티 페이지 내에서 사진 업로드는 잘 됩니다. 메인 페이지에서 이미지가 안보이는건 어떻게 해결해야 할까요?

  • Next.js
  • 클론코딩
  • typescript
  • nodejs
  • react
  • postgresql
  • docker
SOOMIN 댓글 2 좋아요 0 조회수 320

중첩 Context 관련 질문있습니다.

미해결

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

안녕하세요 중첩 Context 관련해서 질문하나 드립니다 <DirayStateContext> 라는 컨텍스트 또한 컴포넌트 이기에 data 값이 바뀌면 하위 컴포넌트 들 또한 재렌더링이 되기에 DirayStateContext 에 상태변경 함수를 넣어주게 되면 함수또한 재생성이되서 전달이 되는것이고 그러면 최적화가 풀려버리기에 그하위에 별도의 컨텍스트를 생성해서 data 라는 상태가 변경되어도 DiaryDispatchContext에 전달한 상태변경 함수는 변동이 없어서 최적화를 유지할 수 있다 제가 이해한게 맞는걸까요? 이부분이 살짝 헷갈립니다.

  • javascript
  • nodejs
  • react
권석기 댓글 1 좋아요 1 조회수 339

pygame wasd 키보드 안됌

미해결

pygame을 이용해 패드 컨트롤러 같은 걸 만드려고 하는데, 방향키만 입력이 되고 스페이스와 나머지 키들은 입력이 안 됩니다. 왜 그럴까요? 코드는 이렇습니다. import pygame import sys import keyboard from pygame.locals import QUIT pygame.init() pygame.display.set_caption("Test Window") Surface = pygame.display.set_mode((600,600)) FPSCLOCK = pygame.time.Clock() def main(): while True: Surface.fill((0,0,0)) c1=255 c2=255 c3=255 c4=255 c5=255 c6=255 c7=255 c8=255 c9=255 for event in pygame.event.get(): if event.type == QUIT: pygame.quit() sys.exit() if event.type == pygame.KEYDOWN: if event.key == pygame.K_LEFT: c1 = 100 elif event.key == pygame.K_RIGHT: c2 = 20 elif event.key == pygame.K_UP: c3 = 80 elif event.key == pygame.K_DOWN: c4 = 40 elif event.key == pygame.K_SPACE: c5 = 10 elif event.key == pygame.K_w: c6 = 75 elif event.key == pygame.K_a: c7 = 40 elif event.key == pygame.K_s: c8 = 100 elif event.key == pygame.K_d: c9 = 200 pygame.draw.rect(Surface,(255,c1,255),(15,15,180,180)) pygame.draw.rect(Surface,(c3,255,255),(210,15,180,180)) pygame.draw.rect(Surface,(255,255,c2),(405,15,180,180)) pygame.draw.rect(Surface,(c4,c4,255),(15,210,180,180)) pygame.draw.rect(Surface,(255,c5,c5),(210,210,180,180)) pygame.draw.rect(Surface,(c6,255,c6),(405,210,180,180)) pygame.draw.rect(Surface,(255,c7,c7),(15,405,180,180)) pygame.draw.rect(Surface,(255,c8,c8),(210,405,180,180)) pygame.draw.rect(Surface,(c9,255,255),(405,405,180,180)) pygame.display.update() FPSCLOCK.tick(120) if __name__ == '__main__': main()

  • pygam
  • python
hwjung0310 댓글 0 좋아요 0 조회수 388

npx sequelize db:create 입력시 에러 발생

미해결

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

back 폴더에 npm i 이후 npx sequelize db:create 입력시 npm ERR! could not determine executable to run npm ERR! A complete log of this run can be found in: npm ERR! /Users/eycha/.npm/_logs/2022-08-21T06_14_10_186Z-debug-0.log 라는 에러 발생합니다. mysql 과 node 정상적으로 설치했는데 관련되서 검색해도 해결책이 없어서 질문 남깁니다.

  • react
  • Socket.io
  • babel
  • typescript
  • 웹팩
  • 클론코딩
차은엽 댓글 5 좋아요 0 조회수 2264

비주얼 스튜디오 코드 관련 질문입니다.

미해결

vsc에서 함수에 커서를 두고 F12를 누르면 그 함수가 정의된 곳으로 이동을 하는데요 자바스크립트 함수를 찾고 싶은데 js파일 간에 찾는건 되는데 .php파일에 선언 된 함수는 찾지를 못하네 예를 들어 function.php파일에서 aaa라는 함수를 선언하고 test.php파일에서 aaa함수를 호출한다고 했을 때 test.php파일의 aaa함수에 커서를 두고 F12를 누르면 function.php파일로 가야 정상인데 작동을 하지 않네요ㅠㅠ 해결 방법이 없을까요?

  • vsc
  • php
  • js
노인균 댓글 0 좋아요 0 조회수 223

params : { append_to_response : "videos"},

미해결

따라하며 배우는 리액트 A-Z[19버전 반영]

강의 잘 보고 많이 배우고 있습니다 ! "append_to_response"는 사용자가 다르게 바꿀 수 있는 부분인가요 ? 아니면 axios 속성인가요 ?

  • axios
  • Next.js
  • typescript
  • redux
  • react
  • tdd
댓글 1 좋아요 0 조회수 359

config-overrides cant resolve path

해결됨

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

ts 프로젝트 진행중 config-overrides를 통해 경로를 alias 설정하였는데 cra-bundle-analyzer가 작동을 안하는데요 혹시, 방법이 있을까요? webpack-bundle-analyzer로 해야할 것 같은데 잘 안나오네요,, module.exports = override( useBabelRc(), addWebpackAlias({ "@Path": path.resolve(__dirname,'./src/path'); )

  • react
  • devtools
easyiscat 댓글 1 좋아요 1 조회수 379

11:58 질문입니다. ㅠㅠ

해결됨

따라하며 배우는 리액트 A-Z[19버전 반영]

안녕하세요 선생님... 아래 부분 이해를 못했는데 다시 한 번 설명 가능하신가요? ㅠㅠ const { data: movieDetail } = await axios.get(`movie/${movieId}`, { params: { append_to_response: "videos" }

  • react
  • tdd
  • redux
  • typescript
  • Next.js
miniapp 댓글 1 좋아요 0 조회수 416

npm run start를 치면 흰 화면만 뜹니다

미해결

따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]

안녕하세요. 강의를 듣다가 막히는 부분이 생겨 질문 드립니다. VSC상에서 npm install react-router-dom --save를 칠 때부터 이런 종류의 문구가 뜨더니, npm run start를 하면 새로운 포트로 연결이 성공되었다는 문구는 뜨지만, 아무 글씨도 나타나지 않은 흰 배경만 있습니다. 혹시 어떤 점이 문제인지 알 수 있을까요?? 구글링도 해보고 npm audit?? 그것도 시도해봤는데 해결되지 않습니다ㅠㅠㅠ *현재 window쓰고 있고, VSC로 작업하고 있습니다 *App.js 코드 첨부하겠습니다. import React from "react"; import { Routes, Route} from "react-router-dom"; import ChatPage from "./components/ChatPage/ChatPage"; import LoginPage from "./components/LoginPage/LoginPage"; import RegisterPage from "./components/RegisterPage/RegisterPage"; function App(props) { return ( <Routes> <Route path="/" element={<ChatPage />} /> <Route path="/login" element={<LoginPage />} /> <Route path="/register" element={<RegisterPage />} /> </Routes> ); } export default App;

  • react
  • firebase
  • 웹앱
suminei 댓글 2 좋아요 0 조회수 803

php 회원가입 db 질문 드립니다.

미해결

Fatal error : Uncaught Error: Undefined class constant 'MYSQL_ATTR_INIT_COMMAND' in C:\Apache24\htdocs\dbcon.php:8 Stack trace: #0 C:\Apache24\htdocs\index.php(2): include() #1 {main} thrown in C:\Apache24\htdocs\dbcon.php on line 8 . APM 환경에서 php로 회원가입을 구현하고 싶은데 위와 같은 오류가 뜹니다. 오류 문장에 언급된 php 파일 첨부합니다.. 찾아봐도 잘 안 나오고 뭐가 문제인지 모르겠습니다. ㅇ위에서 말한 line 8은 아래입니다. 오래 붙잡았는데도 도저히 모르겠습니다.. 도와주시면 감사하겠습니다. $options = array ( PDO ::MYSQL_ATTR_INIT_COMMAND => 'SET NAMES utf8' ); dbcon.php <?php $host = 'localhost' ; $username = '' ; $password = '' ; $dbname = 'userdb' ; $options = array ( PDO ::MYSQL_ATTR_INIT_COMMAND => 'SET NAMES utf8' ); try { $con = new PDO ( "mysql:host={ $host };dbname={ $dbname };charset=utf8" , $username , $password ); } catch ( PDOException $e ) { die ( "Failed to connect to the database: " . $e -> getMessage ()); } $con -> setAttribute ( PDO ::ATTR_ERRMODE, PDO ::ERRMODE_EXCEPTION); $con -> setAttribute ( PDO ::ATTR_DEFAULT_FETCH_MODE, PDO ::FETCH_ASSOC); if ( function_exists ( 'get_magic_quotes_gpc' ) && get_magic_quotes_gpc ()) { function undo_magic_quotes_gpc ( & $array ) { foreach ( $array as & $value ) { if ( is_array ( $value )) { undo_magic_quotes_gpc ( $value ); } else { $value = stripslashes ( $value ); } } } undo_magic_quotes_gpc ( $_POST ); undo_magic_quotes_gpc ( $_GET ); undo_magic_quotes_gpc ( $_COOKIE ); } header ( 'Content-Type: text/html; charset=utf-8' ); session_start (); ? > index.php <?php include ( 'dbcon.php' ); include ( 'check.php' ); if ( is_login ()){ if ( $_SESSION [ 'user_id' ] == 'admin' && $_SESSION [ 'is_admin' ]== 1 ) header ( "Location: admin.php" ); else header ( "Location: welcome.php" ); } ? > <! DOCTYPE html > < html > < head > < title > 로그인 예제 </ title > < link rel = "stylesheet" href = "bootstrap/css/bootstrap1.min.css" > </ head > < body > < div class = "container" > < h2 align = "center" > 로그인 </ h2 >< hr > < form class = "form-horizontal" method = "POST" > < div class = "form-group" style = " padding: 10px 10px 10px 10px; " > < label for = "user_name" > 아이디: </ label > < input type = "text" name = "user_name" class = "form-control" id = "inputID" placeholder = "아이디를 입력하세요." required autocomplete = "off" readonly onfocus = " this . removeAttribute ('readonly'); " /> </ div > < div class = "form-group" style = " padding: 10px 10px 10px 10px; " > < label for = "user_password" > 패스워드: </ label > < input type = "password" name = "user_password" class = "form-control" id = "inputPassword" placeholder = "패스워드를 입력하세요." required autocomplete = "off" readonly onfocus = " this . removeAttribute ('readonly'); " /> </ div > < div class = "checkbox" > < label >< input type = "checkbox" > 아이디 기억 </ label > </ div > </ br > < div class = "from-group" style = " padding: 10px 10px 10px 10px; " > < button type = "submit" name = "login" class = "btn btn-success" > 로그인 </ button > < a class = "btn btn-success" href = "registration.php" style = " margin-left: 50px " > < span class = "glyphicon glyphicon-user" ></ span > &nbsp; 등록 </ a > </ div > </ br > </ form > </ div > </ body > </ html > <?php $login_ok = false ; if ( ( $_SERVER [ 'REQUEST_METHOD' ] == 'POST' ) and isset ( $_POST [ 'login' ]) ) { $username = $_POST [ 'user_name' ]; $userpassowrd = $_POST [ 'user_password' ]; if ( empty ( $username )){ $errMSG = "아이디를 입력하세요." ; } else if ( empty ( $userpassowrd )){ $errMSG = "패스워드를 입력하세요." ; } else { try { $stmt = $con -> prepare ( 'select * from users where username=:username' ); $stmt -> bindParam ( ':username' , $username ); $stmt -> execute (); } catch ( PDOException $e ) { die ( "Database error. " . $e -> getMessage ()); } $row = $stmt -> fetch (); $salt = $row [ 'salt' ]; $password = $row [ 'password' ]; $decrypted_password = decrypt ( base64_decode ( $password ), $salt ); if ( $userpassowrd == $decrypted_password ) { $login_ok = true ; } } if ( isset ( $errMSG )) echo "<script>alert(' $errMSG ')</script>" ; if ( $login_ok ){ if ( $row [ 'activate' ]== 0 ) echo "<script>alert(' $username 계정 활성이 안되었습니다. 관리자에게 문의하세요.')</script>" ; else { session_regenerate_id (); $_SESSION [ 'user_id' ] = $username ; $_SESSION [ 'is_admin' ] = $row [ 'is_admin' ]; if ( $username == 'admin' && $row [ 'is_admin' ]== 1 ) header ( 'location:admin.php' ); else header ( 'location:welcome.php' ); session_write_close (); } } else { echo "<script>alert(' $username 인증 오류')</script>" ; } } ? >

  • apache
  • mysql
  • db
  • php
  • 서버
김지현 댓글 0 좋아요 0 조회수 403

list의 유무 차이

미해결

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

1) arr = list(map(int, input().split())) 2) arr = map(int, input().split())) 안녕하세요 저는 구현하기전에 문제를 읽고 코드설계를 먼저 하는방식으로 공부를 하고 있습니다. 대표값문제를 접하면서 궁금한점이 입력을 받을때 1)과같이 list를 써야하는지 아니면 2)처럼 안써도 되는지 어떻게 판단할 수 있을까요? 1)과 2) 둘 다 띄어쓰기로 구분하는 숫자열을 받는것은 동일하니 list를 써야하는지 안써도 되는지 판단 기준을 못잡겠습니다. 또 현재 대표값문제에서는 2)과 같이 썼을때 어떤 점때문에 의도치않은 결과가 나오는지 궁금합니다. 질문을 정리하자면 1) 여러 값을 입력받을때 list 사용의 판단 기준 2) 대표값문제에서 2)과같이 썼을때 정답이 안나오는 이유

  • python
  • 코테 준비 같이 해요!
야옹아멍멍해봐 댓글 1 좋아요 0 조회수 210

인기 태그

인프런 TOP Writers

주간 인기글