묻고 답해요

마지막 강의에서 만난 오류 두가지 해결과정

미해결

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

여태껏 다른 분들이 달아주신 댓글을 종합해서 정리해봤습니다 # 1. 첫번째 오류 - v6 오류 Warning: Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function rather than return it. 이 오류는 v6에서 element 내부에 Auth 지원이 안되어서 생기는 오류 같습니다 ## 1-1. 해결방법 ### 1-1-1. App.js element 수정하기 < BrowserRouter > < Routes > < Route exact path = "/" element = { Auth ( LandingPage , null ) } /> < Route exact path = "/login" element = { Auth ( LoginPage , false ) } /> < Route exact path = "/register" element = { Auth ( RegisterPage , false ) } /> </ Routes > </ BrowserRouter > 여기서 Auth를 모두 지우고 컴포넌트를 넣으세요 < BrowserRouter > < Routes > < Route exact path = "/" element = { < LandingPage /> } /> < Route exact path = "/login" element = { < LoginPage /> } /> < Route exact path = "/register" element = { < RegisterPage /> } /> </ Routes > </ BrowserRouter > (이렇게) ### 1-1-2. 각 컴포넌트 export 위치에 Auth를 감싸기 export default LoginPage ; export default LandingPage ; export default RegisterPage ; 지금 LoginPage, LandingPage, RegisterPage의 export가 그냥 이렇게 되어있을 겁니다 이자리에서 Auth 로 감싸줄 겁니다 export default Auth ( LoginPage , null ); export default Auth ( LandingPage , false ); export default Auth ( RegisterPage , false ); 이렇게 변경하시면 됩니다 그리고 강의 중에 작성하는 모든 props.history는 import { useNavigate } from 'react-router-dom' let navigate = useNavigate () navigate ( '/login' ) navigate('/') 로 작성하시면 됩니다 # 2. 두번째 오류 - auth.js의 액션 이름 괄호 놓침 Uncaught TypeError: (0 , _actions_user_action__WEBPACK_IMPORTED_MODULE_2__.auth)(...).then is not a function 이런 오류가 뜨면서 백지가 나타났는데 오류 의미를 몰라서 한참 찾았습니다 ## 2-1. 해결방법 React . useEffect (() => { dispatch ( auth (). then ( response => { console . log ( response ) })) }, []) 이렇게 되어있었는데, (auth().then()) 가 아니라 (auth()).then() 입니다 React . useEffect (() => { dispatch ( auth ()). then ( response => { console . log ( response ) }) }, []) 찾기 힘든 오타라 저는 한참 찾았어요 .... 조심하시길 .... # 3. 세번째 오류 - 이유를 알 수 없는 504 서버에러 이건 그냥 빡쳐서 자고 다음날 하니까 해결 됐습니다 정 안되면 다음날 해보세요

• nodejs
• react

Code Sandbox 문의

해결됨

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

안녕하세요 선생님, 오늘 처음으로 수강듣게되었네요. 이 단계에서부터 질문을 드리게 될줄 몰랏는데, codesandbox 에서 실행을하려니, installing dependencies 가 계속 진행되면서 retrying package fetch 가 console 에서 지속 반복되네요ㅠ 이걸 해결할 방법이 있을까요? 없다면, 앞으로 수업은 어떻게 듣는게 좋을까요?

• javascript
• react
• nodejs

데이터베이스 못찾으시는 분들

미해결

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

UI가 업데이트된건지 강사님과 화면이 다르네요 아래 화면에서 프로젝트 이름 (저는 boilerplate) 누르면 나오는 화면에서 collections 누르시면 나옵니다 1. 프로젝트 이름 클릭 2. collections클릭

• react
• nodejs

저도 자료형 제어문등의 파일이 나오지 않습니다.

미해결

Jupyter Notebook으로 시작하는 Python

안녕하세요 저도 위의 분과 똑같이 강의자료를 다운받아도 자료형 제어문 등의 파일이 나타나지 않습니다. 해결방법을 알 수 있을까요?

• python

파이썬 pip3이 안먹히는데 어떻게 해야하나요

미해결

pygame을 설치하려고 'pip3 install pygame' 을 입력했더니 이런게 뜨는데 어떻게 해야하나요 ㅠㅠ

• 파이썬
• pip
• pygame
• python

앵커박스

미해결

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

계속 이해해보려고 구글링했는데 뭔가 속시원게 해답이 안나와서 한번만 더 질문하겠습니다. ㅜㅜ 지난강의에서 피처맵의 그리드포인트 마다 앵커 9개를 매핑한다고 하셨는데, 이번 강의에서 RPN 네트워크는 피처맵을 이진 분류 하기 까지 그리드포인트 매핑과정이 없어서 뭔가 연결이 잘 안되는 것 같습니다. 다른 문제는 5:50초에 40x50x9 는 그리드포인트마다 9개의 앵커박스를 나타내는 것이고, 앵커박스마다 FG인지 BG인지 판단한다고 하셨는데, 제 머리로는 1x1 컨볼루션을 하고 9output을 뽑는다는게 잘 이해가 안되는 것 같습니다. 1x1 컨볼루션은 차원의 축소를 하는 역할을 하는것인데 9가지 모양의 그리드를 어떻게 1x1 컨볼루션 40x50피처맵 포인트마다 연결을 시키는 것인지 잘 이해가 되지 않습니다...ㅜㅜ

• python
• tensorflow
• keras
• 딥러닝
• 컴퓨터-비전
• 머신러닝 배워볼래요?

python 기본환경

미해결

프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)

강의를 보니까 예를 들어서 print 를 입력하시면 print() 에 대한 sperator, end 옵션 등 설명이 달리던데 전 그런 설명이 전혀 안뜨더라구요 어떤 설정을 해야하는건가요?

• python
• python

python 기본환경

미해결

프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)

. 안녕하세요 코딩하다가 보면 오류가 안뜨고 실행이 잘 되더라도 우측에 이런 문구가 뜨더라요 뜨는 이유와 안뜨게 하는 방법이 있을까요?

• python
• 환경
• python

Atom과 vscode에서 파이썬 연동과 추가 프로그램들 installing 하는데 문제가 있습니다

미해결

프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)

Atom에서는 Installing &ldquo;autocomplete-python@1.17.0&rdquo; failed. Show output&hellip; Compiler tools not found Packages that depend on modules that contain C/C++ code will fail to install. Read here for instructions on installing Python and Visual Studio. Run apm install --check after installing to test compiling a native module. 문구가 뜨며 install이 안되고 Vscode에서도 python인식을 못하며 다운로딩이 안됩니다. 군인이라 사지방컴퓨터라 제한적인 것인지 문제가 뭔지 모르겠습니다. atom에서 해결법을 알 수 있을지 궁금합니다.

• python
• atom
• python
• vscode
• army
• 군인

소셜 로그인 질문 (passport-apple)

미해결

탄탄한 백엔드 NestJS, 기초부터 심화까지

저는 passport-jwt를 사용하여 로그인을 구현하였는데, 소셜 로그인을 위해 passport-apple 를 사용하여 유저 정보를 받아오려고하는데 막혔습니다. https://github.com/ananay/passport-apple/issues/30 nest.js에서 passport-apple사용시 Strategy 클래스의 validate함수에 인자가 제대로 들어오지않는 이슈가 있는것같습니다. 제가 유저정보를 받아온후 그것을 db에 저장후 jwt를 발행하여 다음요청부터는 애플을 거치지않고 제 서버로 jwt를 보내면 제가 유저정보 주는방식으로 구현하려고하는데, 유저 정보를 어떻게 받아와야하는지 모르겠습니다. 구글링해보니 idToken을 decode하면 유저정보가 들어있다고하는데, import { Injectable } from ' @nestjs/common '; import { JwtService } from ' @nestjs/jwt '; import { PassportStrategy } from ' @nestjs/passport '; import { DecodedIdToken , Strategy , VerifyCallback } from ' passport-apple '; @ Injectable () export class AppleStrategy extends PassportStrategy (Strategy , ' apple ' ) { constructor ( private jwtService : JwtService ) { super ( { clientID : process . env . APPLE_CLIENT_ID , teamID : process . env . APPLE_TEAM_ID , callbackURL : process . env . APPLE_CALLBACK_URL , keyID : process . env . APPLE_KEY_ID , privateKeyString : process . env . APPLE_KEY . replace ( / \\ n / g , ' \n ' ) , passReqToCallback : false , } ) ; } async validate ( accessToken : string , idToken : string , profile : any , done : VerifyCallback , ) { const decodedIdToken : DecodedIdToken = this. jwtService . verify ( idToken ) ; console . log ( decodedIdToken ) ; const user = { provider : ' apple ' , snsId : decodedIdToken . sub , password : decodedIdToken . sub , }; console . log ( user ) ; done ( null, user ) ; } } 이렇게 코드를 짜니 [Nest] 31 - 02/06/2022, 8:41:18 AM ERROR [ExceptionsHandler] jwt malformed JsonWebTokenError: jwt malformed at Object.module.exports [as verify] (/usr/src/app/node_modules/jsonwebtoken/verify.js:63:17) at JwtService.verify (/usr/src/app/node_modules/@nestjs/jwt/dist/jwt.service.js:37:20) at AppleStrategy.validate (/usr/src/app/src/auth/strategies/apple.strategy.ts:25:60) at AppleStrategy.<anonymous> (/usr/src/app/node_modules/@nestjs/passport/dist/passport/passport.strategy.js:20:55) at Generator.next (<anonymous>) at /usr/src/app/node_modules/@nestjs/passport/dist/passport/passport.strategy.js:8:71 at new Promise (<anonymous>) at __awaiter (/usr/src/app/node_modules/@nestjs/passport/dist/passport/passport.strategy.js:4:12) at AppleStrategy.callback [as _verify] (/usr/src/app/node_modules/@nestjs/passport/dist/passport/passport.strategy.js:17:45) at /usr/src/app/node_modules/passport-oauth2/lib/strategy.js:205:24 이러한 에러가 뜹니다. idToken을 어떻게 해독해야하는지 알수있을까요..? 혹시 실무에서 애플로그인 서비스를 구현해보셨다면 이방법말고 다른방법이라도 있다면 알려주시면 감사하겠습니다!

• ssr
• NestJS
• nodejs
• express
• mongodb

실행시 글자가 깨집니다.

미해결

파이썬 무료 강의 (활용편1) - 추억의 오락실 게임 만들기 (3시간)

코드 실행시 터미널 부분에 글자가 깨져서 나옵니다. 인코딩을 변경하여 진행하면, 실행이 안되고요...

• python
• GUI
• pygame

Post 챕터 Read (1) 강의에서 axios 안되시는 분들 정보 공유합니다

미해결

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

백단에서 post요청 then().catch() 설정한 후 클라이언트 List.js에서 axios로 /api/post/list 포스트 요청하고 콘솔창 확인해보면 400 에러가 뜨는데 일단 서버폴더 Model/Post.js에서 스키마 부분 Collection : "posts"로 바꾼 다음에 다시 새로고침 해보니깐 postList 데이터 콘솔창에 찍힙니다 초반강의 몽구스 설정할 때 collation : "posts"로 하셨는데 오타인지 궁급합니다!

• react
• nodejs
• firebase
• mongodb
• express

fs.readFile 호출시 readFile 도 background 로 보내는 건가요?

해결됨

[리뉴얼] Node.js 교과서 - 기본부터 프로젝트 실습까지

const fs = require('fs') fs.readFile('/Users/joe/test.txt', 'utf8' , (err, data) => { if (err) { console.error(err) return } console.log(data) }) 관련 질문을 읽다가 readFile 도 background 로 간다는 뉘앙스가 느껴져서 질문해봅니다. readFile 함수 자체는 background 로 가진 않지만 파일 읽는 행위가 background 에서 진행되는 걸까요?

• mysql
• mongodb
• nodejs
• Sequelize

리스트2(실습-5) 질문

미해결

파이썬(Python) 기초부터 실무까지 part.2

안녕하세요 수업을 청강하고 있는 학생입니다 다름이 아니라, 실습 코드중 이해가 안가는게 있어 질문 남깁니다. def number_search(list, key): cnt = 0 for i in range(len(list)): if key == list[i]: cnt += 1 else: return -1 return cnt listNum = [1,4,5,6,7,8,98,9,1] print(number_search(listNum, 1)) 해당 코드에 있어서, 키값과 리스트의 값이 같지 않다면, return값으로 -1을 보내는데, 첫번째 탐색을 할때 부터 맞지 않는다면, return 값을 반환하게 되며, 해당 함수를 빠져나와, 리스트 끝까지 검색이 되지 않지 않나 싶어서 질문을 남깁니다. 강의에 나온 코드를 그대로 러닝해보아도, 같은 결과값이 나와 질문드립니다.

• python

log 변환을 하는 이유

미해결

[개정판] 파이썬 머신러닝 완벽 가이드

데이터 분석을 하던 중 target 값이 왜 로그변환이 되어야 하는지 잘 모르겠습니다. 왜 로그 변환을 하는 것인가요?

• 통계
• python
• 머신러닝 배워볼래요?

test_module 내에서 경로 등록

미해결

프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)

안녕하세요 저도 import 파일을 발견하지 못한다는 ModuleNotFound 에러에 직면했었습니다. 그래서 test_module 파일 내에서 sys.path.append('경로') -> 이 명령어를 넣어줬더니 import가 문제없이 잘 되네요. 이렇게 해결해도 되는 건가 싶어 글 적었습니다ㅎㅎ

• python

영어 대소문자

미해결

입문자를 위한 파이썬 기초 따라잡기

다른거는 소문자로 시작해도 작동이 되던데 왜 True, False는 대문자로 시작해야 코드가 실행 되는 건가요? 변수가 아니라서 그런가요?

• python
• python

명령 프롬프트

미해결

입문자를 위한 파이썬 기초 따라잡기

명령 프롬프트 cd Desk top 입력하니까 저장된 경로를 찾을 수 없다고 뜨는데 왜 그러는 건가요?

• 명령프롬프트
• python
• idle

asset/inline

미해결

프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..)

webpack 5 부터는 url-loader가 아닌 asset/inline을 사용한다는데 asset/inline에서 로더를 실행할 파일 크기 제한을 어떻게 하나요? url-loader에서 limit 옵션을 asset/inline에서는 어떻게 주는지 궁금하네요!

• babel
• 웹팩
• nodejs
• eslint

Ground Truth로만 학습한다는 것에 대한 질문

해결됨

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

안녕하세요. 강의 4분 40초경부터 설명이 시작되는, Ground Truth로만 학습한다는 것이 잘 이해가 되지 않아 질문 올립니다. IOU를 구하기 위해서는 G.T값 이외의 비교 대상이 필요하다 생각하는데, class를 G.T로만 정한다는 것이 이해가 잘 안되네요.. 답변해주신다면 정말 감사하겠습니다!

• 머신러닝 배워볼래요?
• keras
• python
• 컴퓨터-비전
• 딥러닝
• tensorflow