172만명의 커뮤니티!! 함께 토론해봐요.
미해결
따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기
Failed to load resource: the server responded with a status of 504 (Gateway Timeout) Uncaught (in promise) Error: Request failed with status code 504 이 2개의 콘솔 에러가 발생합니다 어떻게 해결해야 하나요?
미해결
[리뉴얼] React로 NodeBird SNS 만들기
안녕하세요 강의중에 HYDRATE 설정 후 defalut: return state; 로 오류 해결 안내주신 후에 HYDRATE에 대한 설명이 없어서 HYDRATE 가 어떤 것이고 왜 사용되는지 알 수 있을까요?
해결됨
비전공자를 위한 진짜 입문 올인원 개발 부트캠프
안녕하세요 선생님.. 밑에 사진을 보면 알 수 있겠지만 선생님이 이 전 강의에서 예시로 작성하신 코드에다가 <Script ~~ /> 이 태그를 복습 겸해서 다시 사용해볼려고 했는데 사진처럼 Script로 다른 Aleart("~");이 있는 JS파일을 불러와서 저장하고 브라우저에서 봤는데 아무것도 안뜨고 하얀 화면 밖에 없는데 코드에 무슨 오류가 있길래 실행이 안되는 거에요ㅜㅜ?
해결됨
따라하며 배우는 노드, 리액트 시리즈 - 챗봇 사이트 만들기
혹시 ㅅ해결하신 분들어떻게 ㅎㅏ셨을까요??? 포스트맨 에서는 게속 sending request 중이고요.. PS C:\Users\dbsgh\chatbot-app-master\chatbot-app-master> set GOOGLE_APPLICATION_CREDENTIALS=Users\dbsgh\chatbot-app-master\chat-app-test-iipa-6dc37356f180.json PS C:\Users\dbsgh\chatbot-app-master\chatbot-app-master> npm run start > chatbot-app@1.0.0 start C:\Users\dbsgh\chatbot-app-master\chatbot-app-master > node index.js Server Running at 5000 (node:17964) UnhandledPromiseRejectionWarning: Error: Could not load the default credentials. Browse to https://cloud.google.com/docs/authentication/getting-started for more information. at GoogleAuth.<anonymous> (C:\Users\dbsgh\chatbot-app-master\chatbot-app-master\node_modules\google-auth-library\build\src\auth\googleauth.js:167:23) at Generator.next (<anonymous>) at fulfilled (C:\Users\dbsgh\chatbot-app-master\chatbot-app-master\node_modules\google-auth-library\build\src\auth\googleauth.js:19:58) at process._tickCallback (internal/process/next_tick.js:68:7) (node:17964) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 1) (node:17964) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
미해결
[리뉴얼] Node.js 교과서 - 기본부터 프로젝트 실습까지
apache reverse_proxy로 node서버를 SSL인증서와 같이 도메인을 돌리고있는데요 ssl.conf파일엔 아래처럼 설정되어있고 ... ProxyPass / http:localhost:3000/ ProxyPassReverse / http:localhost:3000/ ... RewriteEngine on RewriteCond %{HTTP:UPGRADE} ^WebSocket$ [NC] RewriteCond %{HTTP:CONNECTION} ^Upgrade$ [NC] RewriteRule .* ws://localhost:3000&{REQUEST_URI} [P] vhost.conf 에서는 해당 도메인으로 요청시 Redirect / https://해당도메인 으로 설정해놓았는데 이런경우에는 nodejs에도 https로 같이 구현을 해주어야 할까요? 현재는 그냥 http2가 아닌 http로 구성되어있습니다
미해결
비전공자를 위한 진짜 입문 올인원 개발 부트캠프
grab-market-web 폴더에서 TEST로 바뀌었는데 TEST폴더로 시작하나요? npm install 다시 해야 하나요?
미해결
Slack 클론 코딩[실시간 채팅 with React]
안녕하세요 zerocho님. 이번 강의에서 [프론트엔드 세팅하기] 챕터 관련해서 질문드립니다. 강의 후반부에서 babel이 image, css 파일 등을 js파일로 변환한다고 하셨는데 그게 아니라 webpack의 loader(style-loader, file-loader) 가 js파일로 번들링 해주는거 아닌가요? 혹시 제가 모르는 부분이 있나해서 이렇게 문의드립니다. 혹시 참고할만한 문서가 있다면 같이 주시면 도움 될 것 같습니다:) 감사합니다.
미해결
Redux vs MobX (둘 다 배우자!)
이렇게 사용하고있습니다. user_email이 변경되는 과정에서 console.log(value) 이게 onChange가 일어날 때마다 한 번씩만 실행되어야하는데 예를들어 'asdf'를 입력한다고 가정할 때 log에는 아래와 같이 찍힙니다. LOG => a LOG => as LOG => as LOG => asd LOG => asd LOG => asd LOG => asdf LOG => asdf LOG => asdf LOG => asdf 이렇게 점차 1개씩 스택이 쌓이듯 중첩되어 실행이되는데 제가 이상한건지 mobx가 이상한건지 감이 안 잡힙니다.. react-native 환경에서 사용하려합니다.
미해결
[리뉴얼] React로 NodeBird SNS 만들기
안녕하세요. 노드버드 강의 보면서 제가 맡은 프로그램을 짜보고 있습니다. 다름이 아니라, mysql 디비에서 라우팅해서 관련 데이터가 포스트맨으로 넘어오는거까지 확인이 되었는데요, 프론트엔드 부분에서 statusView 페이지에서 관련 데이터 받아와서 뿌리는 테스트 코드를 작성해봤는데, 아무런 반응이 없습니다. 테스트 코드는 다음과 같습니다. 크롬창에서 localhost:3000/statusView 들어가보면 Hello Town1 List만 나오고 console.log(test) 이부분은 undefined로 나옵니다. getInitialProps가 동작을 했다면 console.log('aaaaaa')가 나왔어야 하는데 이건 출력이 안되더군요. 참고로, 백앤드 서버는 실행한 상태에서, 새로 폴더를 만들어서 react, react-dom, next 만 설치한 상태에서 pages 폴더를 만들고 statusView 페이지에 위에 코드를 넣어보니 이때는 또 데이터가 잘 넘어 옵니다. 어디서 부터 디버깅을 해야할지 막막해서 두서없지만 질문 올립니다.
미해결
Slack 클론 코딩[실시간 채팅 with React]
const { workspace } = useParams <{ workspace : string }>(); console . log ( 'workspace param name1 : ' , workspace ); workspace의 값이 계속 undefiend로 출력되고 있습니다. 현재 URL주소는 다음과 같습니다. http://localhost:3090/workspace/sleact/channel/일반 /App/index.tsx 파일에서도 /workspace/:workspace 로 해놓은 상황입니다. import React from 'react' ; import loadable from '@loadable/component' ; import { Switch , Route , Redirect } from 'react-router-dom' ; const LogIn = loadable (() => import ( '@pages/LogIn' )); // 코드 스플리팅 const SignUp = loadable (() => import ( '@pages/SignUp' )); const Workspace = loadable (() => import ( '@layouts/Workspace' )); const App = () => { return ( < Switch > < Redirect exact path = "/" to = "/login" /> < Route path = "/login" component = { LogIn } /> < Route path = "/signup" component = { SignUp } /> < Route path = "/workspace/:workspcae" component = { Workspace } /> </ Switch > ); }; export default App ; 의심가는 부분들은 어느정도 다 봤다고 생각하는데요. params가 undefined된 값을 출력하네요. import { Redirect } from 'react-router' ; import { Link , Switch , Route , useParams } from 'react-router-dom' ; 혹시 import가 문제가 있나 싶어서 useParams를 react-router와 react-router-dom 각각 불러왔는데도 마찬가지입니다.
미해결
Slack 클론 코딩[실시간 채팅 with React]
next의 장점중 하나가 코드스플리팅을 자동으로 해주는 거라고 알고있는데 react를 쓰신이유는 프로젝트 취지가 ssr 할 필요가 없어서 인가요?? 그리고 궁금한게 cna로 프로젝트 세팅을할때 ssr할 목적없이 코드스플리팅과 폴더구조를 잡아준다는 이유로 쓰기엔 비효율적인가요? next를 사용하면 꼭 ssr을 사용해야되는지 궁금합니다
해결됨
따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
사용하시는 vsc에 관련해서 질문드려요! 저도 지금 vsc를 사용하고 있는데 강의를 보다보면 자동완성 기능이 강사님이랑 저랑 다른 것 같아서요 저는 일부만 자동완성이 되는데 강사님은 여러가지를 자동완성으로 쉽게 쓰시더라고요! 혹시 js코드가 자동완성이 되는 extension이 있나요? 그리고 이건 단축키 질문인데 강의를 보면 {User}을 { User }로 바꿀 때 U자 앞과 r자 뒤로 가서 띄어쓰기를 안 하시고 단축키 눌러서 바로 바꾸시는 것 같아서요! 이건 어떤 단축키를 쓰신건가요?
해결됨
따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
안녕하세요 강의 잘보고 있습니다! 강의를 보다가 궁금한점이 생겨서요! toString()대신 toHexString() 을 사용한 이유가 궁금합니다~!!
미해결
따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
안녕하세요. 쉽고 유익한 강의 감사합니다. 강의를 듣다가 궁금한 점이 있어서 질문드립니다. <br /> FileUpload.js에서 setImage 를 사용하여 이미지 state에 이미지를 추가 하였을 때, state에 바로 적용이 안되는 이유가 궁금합니다. <br /> 이 질문을 드리는 이유는 FileUpload.js에서 이미지를 업로드 했을 때, 이미지 state에 새로운 이미지를 추가하였는데, 부모 컴포넌트(UploadProductPage.js)에게 그냥 이미지 state만 보내지 않고, 추가된 이미지도 같이 보내는 이유가 궁금했습니다. <br /> 즉, FileUpload.js의 submitHandler에서 ''' setImages ([... Images , response . data . filePath ]) ''' 이렇게 해서 이미지 state에 새로 업로드한 이미지를 추가하였으니 부모 컴포넌트에게 state 정보를 보낼 때는 ''' props . refreshFunction ([... Images ]) ''' 이렇게 보내면 될 것 같은데, 이렇게 하지 않고 ''' props . refreshFunction ([... Images , response . data . filePath ]) ''' 이렇게 방금 추가한 이미지도 같이 보내야 되는 이유가 궁금합니다.
미해결
웹 게임을 만들며 배우는 React
client.jsx에서는 require를 썼고 야구게임.jsx에서는 import를 썼는데 element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: "object". 에러를 받았습니다. 구글링 해보니 한가지로 통일해야한다고 했는데 왜인가욥?
미해결
Slack 클론 코딩[실시간 채팅 with React]
커스텀 훅 useInput에서 Dispatch<SetStateAction<T>>에 관한 설명을 어디서 찾아볼수 있을까요?
미해결
[리뉴얼] React로 NodeBird SNS 만들기
안녕하세요 제로초님~ 강의에 내용에 막힌 것이 있어 드리는 질문은 아니구 SSR 관련되어 궁금한 것이 있어 질문 올립니다. 질문의 요건을 먼저 말씀드리자면 NextJS 없이 커스텀 서버로 SSR를 제공하는 것에 장점이 무엇이 있는지 여쭤보고 싶습니다. SSR을 공부하면서 Next.js 없이 Express(or Koa) 같은 커스텀 서버에 react-router-dom 을 사용하는 방법이 있다고 알고 있는데요. 실제 제 회사의 유관 부서들 중 NextJS 없이 SSR로 서비스를 제공하는 곳이 있습니다. 제가 공부하면서 느낀 것은 SSR을 구현하면서 라우팅 방식을 제외하면, 구조가 NextJS를 따라가게 되는 것 같습니다. 비록 서비스에 프로젝트 구성을 도입한 개발자들이 저마다의 이유가 있어 세팅을 그렇게 한 것이겠지만, 대중적으로 생각하자면 직접 세팅을 다하면서 초기 개발의 overhead가 들어가는것, 프로젝트를 인수 인계할 때의 소통 비용 등을 제치고 사용할 큰 장점이 있는지 궁금합니다. 예를 들어 퍼포먼스 상승의 이유인지, File-based structure 가 싫어서 그런건지 답변을 듣고 싶습니다.
미해결
[리뉴얼] 처음하는 파이썬 백엔드와 웹기술 입문 (파이썬 중급, flask[플라스크] 로 이해하는 백엔드 및 웹기술 기본) [풀스택 Part1-1]
Flask를 통해 구성한 웹에서 통신해야하는 서버들이 HTTPS만 허용을 합니다. Flask의 HTTP 통신을 HTTPS를 기본으로 하게 구성이 가능한지요??
미해결
웹 게임을 만들며 배우는 React
안녕하세요 강의 정말 잘 보고 있습니다. 강의 도중에 많이 사용하시는 map 함수에 대해 질문이 있어 글을 작성하게 되었습니다. 로또 만들기에서 {renderNum . map ( ( v ) => < div key ={ v } >{ v }</ div > ) ;} 이런식으로 사용하셨는데 이 구문을 그냥 바로 return에 넣으면 화면에 나타나지 않고 return 구문전에 변수에 담은 다음에 return 문에 변수로 나타내주어야 화면에 잘 나오는 현상이 있는데 리액트 버전이 올라가면서 바뀐 부분인 건가요? 아니면 제가 혹시 실수한 것이 있는건가요?
미해결
따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
console 창 가져온건데 서버-클라이언트 코드가 달라 변경도 해보았는데 안되서 어떻게 해야할지 모르겠습니다ㅠㅠ 도와주세요ㅜㅜ 서버쪽코드 const request = axios . get ( ` ${ USER_SERVER } /auth` ) 클라이언트코드 router . get ( "/auth" , auth , ( req , res ) => {
