Windows PowerShell Copyright (C) Microsoft Corporation. All rights reserved. PS D:\learn-all-with-javascript\grab-market-web> npm install -g create-react-app C:\Users\motiongrapher\AppData\Roaming\npm\create-react-app -> C:\Users\motiongrapher\AppData\Roaming\npm\node_modules\create-react-app\index.js + create-react-app@4.0.3 added 67 packages from 25 contributors in 5.659s PS D:\learn-all-with-javascript\grab-market-web> create -react-app . 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오. 위치 줄:1 문자:1 + create -react-app . + ~~~~~~     + CategoryInfo          : ObjectNotFound: (create:String) [], CommandNotFoundException     + FullyQualifiedErrorId : CommandNotFoundException   create-react-app : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\motiongrapher\AppData\Roaming\npm\create-react-app.ps1 파일을    로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오. 위치 줄:1 문자:1 + create-react-app + ~~~~~~~~~~~~~~~~     + CategoryInfo          : 보안 오류: (:) [], PSSecurityException     + FullyQualifiedErrorId : UnauthorizedAccess PS D:\learn-all-with-javascript\grab-market-web> create-react-app . 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오. 위치 줄:1 문자:1 + create-react-app . + ~~~~~~~~~~~~~~~~     + CategoryInfo          : 보안 오류: (:) [], PSSecurityException     + FullyQualifiedErrorId : UnauthorizedAccess PS D:\learn-all-with-javascript\grab-market-web> create-react-app. 름이 정확한지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오. 위치 줄:1 문자:1 + create-react-app. + ~~~~~~~~~~~~~~~~~     + CategoryInfo          : ObjectNotFound: (create-react-app.:String) [], CommandNotFoundException     + FullyQualifiedErrorId : CommandNotFoundException   PS D:\learn-all-with-javascript\grab-market-web> create-react-app . create-react-app : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\motiongrapher\AppData\Roaming\npm\create-react-app.ps1 파일을    로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오. 위치 줄:1 문자:1 + create-react-app . + ~~~~~~~~~~~~~~~~     + CategoryInfo          : 보안 오류: (:) [], PSSecurityException     + FullyQualifiedErrorId : UnauthorizedAccess PS D:\learn-all-with-javascript\grab-market-web> npm create-react-app. Usage: npm <command> where <command> is one of:     access, adduser, audit, bin, bugs, c, cache, ci, cit,     clean-install, clean-install-test, completion, config,     create, ddp, dedupe, deprecate, dist-tag, docs, doctor,     edit, explore, fund, get, help, help-search, hook, i, init,     install, install-ci-test, install-test, it, link, list, ln,     login, logout, ls, org, outdated, owner, pack, ping, prefix,     profile, prune, publish, rb, rebuild, repo, restart, root,     run, run-script, s, se, search, set, shrinkwrap, star,     uninstall, unpublish, unstar, up, update, v, version, view,     whoami npm <command> -h  quick help on <command> npm -l            display full usage info npm help <term>   search for help on <term> npm help npm      involved overview Specify configs in the ini-formatted file:     C:\Users\motiongrapher\.npmrc or on the command line via: npm <command> --key value Config info can be viewed via: npm help config npm@6.14.13 C:\Program Files\nodejs\node_modules\npm PS D:\learn-all-with-javascript\grab-market-web> create-react-app.     create-react-app. : 'create-react-app.' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. 이   름이 정확한지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오. 위치 줄:1 문자:1 + create-react-app. + ~~~~~~~~~~~~~~~~~     + CategoryInfo          : ObjectNotFound: (create-react-app.:String) [], CommandNotFoundException     + FullyQualifiedErrorId : CommandNotFoundException   PS D:\learn-all-with-javascript\grab-market-web>

강의 내용 중 npm run start하는 과정에서 자꾸 에러가 뜹니다 ..  다음 영상으로의 진도를 못나가는 상황이라 질문 올려봅니다 ㅠㅠ npm run start > chatbot-app@1.0.0 start > node index.js C:\Users\ddffs\Desktop\chatbot-starter\node_modules\grpc\src\grpc_extension.js:57     throw e;     ^ Error: Cannot find module 'C:\Users\ddffs\Desktop\chatbot-starter\node_modules\grpc\src\node\extension_binary\node-v93-win32-x64-unknown\grpc_node.node'       Require stack: - C:\Users\ddffs\Desktop\chatbot-starter\node_modules\grpc\src\grpc_extension.js - C:\Users\ddffs\Desktop\chatbot-starter\node_modules\grpc\src\client_interceptors.js - C:\Users\ddffs\Desktop\chatbot-starter\node_modules\grpc\src\client.js        - C:\Users\ddffs\Desktop\chatbot-starter\node_modules\grpc\index.js - C:\Users\ddffs\Desktop\chatbot-starter\node_modules\google-gax\build\src\grpc.js - C:\Users\ddffs\Desktop\chatbot-starter\node_modules\google-gax\build\src\index.js - C:\Users\ddffs\Desktop\chatbot-starter\node_modules\dialogflow\src\v2\agents_client.js - C:\Users\ddffs\Desktop\chatbot-starter\node_modules\dialogflow\src\v2\index.js - C:\Users\ddffs\Desktop\chatbot-starter\node_modules\dialogflow\src\index.js   - C:\Users\ddffs\Desktop\chatbot-starter\server\routes\dialogflow.js - C:\Users\ddffs\Desktop\chatbot-starter\index.js     at Function.Module._resolveFilename (node:internal/modules/cjs/loader:927:15)     at Function.Module._load (node:internal/modules/cjs/loader:772:27)     at Module.require (node:internal/modules/cjs/loader:999:19)     at require (node:internal/modules/cjs/helpers:93:18)     at Object.<anonymous> (C:\Users\ddffs\Desktop\chatbot-starter\node_modules\grpc\src\grpc_extension.js:32:13)     at Module._compile (node:internal/modules/cjs/loader:1095:14)     at Object.Module._extensions..js (node:internal/modules/cjs/loader:1124:10)    at Module.load (node:internal/modules/cjs/loader:975:32)     at Function.Module._load (node:internal/modules/cjs/loader:816:12)     at Module.require (node:internal/modules/cjs/loader:999:19) {   code: 'MODULE_NOT_FOUND',   requireStack: [     'C:\\Users\\ddffs\\Desktop\\chatbot-starter\\node_modules\\grpc\\src\\grpc_extension.js',     'C:\\Users\\ddffs\\Desktop\\chatbot-starter\\node_modules\\grpc\\src\\client_interceptors.js',     'C:\\Users\\ddffs\\Desktop\\chatbot-starter\\node_modules\\grpc\\src\\client.js',     'C:\\Users\\ddffs\\Desktop\\chatbot-starter\\node_modules\\grpc\\index.js',    'C:\\Users\\ddffs\\Desktop\\chatbot-starter\\node_modules\\google-gax\\build\\src\\grpc.js',     'C:\\Users\\ddffs\\Desktop\\chatbot-starter\\node_modules\\google-gax\\build\\src\\index.js',     'C:\\Users\\ddffs\\Desktop\\chatbot-starter\\node_modules\\dialogflow\\src\\v2\\agents_client.js',     'C:\\Users\\ddffs\\Desktop\\chatbot-starter\\node_modules\\dialogflow\\src\\v2\\index.js',     'C:\\Users\\ddffs\\Desktop\\chatbot-starter\\node_modules\\dialogflow\\src\\index.js',     'C:\\Users\\ddffs\\Desktop\\chatbot-starter\\server\\routes\\dialogflow.js',     'C:\\Users\\ddffs\\Desktop\\chatbot-starter\\index.js'   ] }

main 컴포먼트에서는 잘나오는데 상품 세부 페이지 가명 아무것도 안뜨네요 포스트맨으로 http://localhost:8080/products/id 으로 값으로 똑같은 주소를 넣으면 response값은 잘 나오는데 react에서 만 이러네요

안녕하세요 제로초님! 질문있습니다ㅠㅠ 프론트와 백서버 둘 다 https 적용 후, 로그인을 시도하면 저런 식으로 주소에 이메일과 비밀번호가 생기면서 로그인이 되지 않습니다. 무엇을 잘 못 한 건지 예상이 가지 않아서 어디서부터 확인해야 할지 몰라 글을 남깁니다ㅠㅠ 기를 이용해주세요.

현영님 vue, react 프레임워크를 사용하지 않고 바닐라 자바스크립트로 Nodebird 를 만드는 강좌 같은 건 안나오나요!?

npm run start 실행시 ReferenceError: User is not defined라고 에러가 뜨고 포스트맨에서 send시 표기가 안됩니다.라고 에러가 뜨고 포스트맨에서 send시 표기가 안됩니다.

npm run start 실행시 ReferenceError: User is not defined라고 에러가 뜨고 포스트맨에서 send시 표기가 안됩니다.

다른 질문 글에 달린 유투브 링크타고 가서 설정하라는데로 했는데 안돼서 이것저것 만지다가 cmd로 변경된거 같은데 계속 오류가 나는데 어떻게 해야하나요???

안녕하세요 그랩님. 강좌 잘 듣고 있습니다. 제가 id값을 동일하게 지정해도 한 id값만 적용된다고 배웠는데, 실제로 해 보니 동일한 id값을 갖는 모든 텍스트가 색이 변했습니다. 이렇게 된다면 id와 class에 차이가 없는 것 아닌가요?? --------코드---------- <html> <head> <style type="text/css"> p { color: orange; } #id-test { color: skyblue; } .love { color: #BA68C8; font-size: 100; font-weight: 900; } .love2 { color: #00AAFF; font-size: 100; font-weight: 900; } </style> </head> <body> <p>Hello</p> <p>Hello!</p> <div id="id-test">id</div> <div id="id-test">id</div> <div class="love">class</div> <div class="love2">class</div> </body> </html>

안녕하세요 강사님의 강의를 완강하고 완성된 프로젝트를 입맛대로 가지고 놀면서 이런저런 기능을 복습도 하고(회원가입에서 핸드폰 번호 받는 기능을 혼자 완성하고 엄청 좋아라 했네요 ㅎㅎ )오류도 혼자 해결해보고 하면서 공부하고 있는 수강생입니다. 그런데 강사님의 유튜브 영상 댓글에서 다른 수강생분이 passport에 관한 질문을 하셨고 강사님이 그에 대해 "굉장히 편리하고 좋은 모듈이이며, sns인증 로그인 등을 매우 간편하게 구현하게 해준다 그런데 기초 강의에서까지 모듈로 로그인을 구현하는건 아닌것 같아서 가장 일반적으로 로그인을 구현하는 방식을 알려드렸다." 라는 내용으로 답변을 하신걸 읽은 기억이 있습니다. 시간이 좀 지나서 저런 내용이 맞았는지 확신은 없네요 ^^;; 제가 궁금한건 이제 저희가 만든 보일러 프로젝트에 sns로그인을 도입을 해보고 싶은데요 passport를 이용하는 방법과 그냥 도입하는건 아무래도 번거로움의 차이가 큰 것 같더라구요 이미 로컬 로그인 방식은 저희가 강의에서 구현을 했고 여기에 passport를 도입해서 sns로그인을 구현 해보고 싶은데 코드간에 충돌을 일으키거나 로그인/회원가입의 방식이 달라서 구현이 불가능하다거나 하는 문제는 없을까요? 혹은 제가 모르는, passport를 도입하는 방법을 알려주는 강사님의 다른 강의가 있을까요??

next-redux-wrapper가 7.0.0 버전으로 업데이트되면서 수정사항이 생겼습니다. 에러 Server Error TypeError: nextCallback is not a function 해결 방법(변경사항) version 6.0.2 > const getServerSideProps = wrapper.getServerSideProps(async (context) => {   context.store.dispatch(~~~);   context.store.dispatch(END);   await store.sagaTask.toPromise(); }); version 7.0.0 > const getServerSideProps = wrapper.getServerSideProps(   (store) =>     async ({ req, res, ...etc }) => {       store.dispatch(~~~);       store.dispatch(END);       await store.sagaTask.toPromise();     } ); 추가적으로 동적라우팅 (강의 : 다이나믹 라우팅) 할 때도 (req, res, ...etc) > (req, res, params, ...etc) 로 수정하시면 됩니다. next-redux-wrapper 참고 자료(getServerSideProps) (https://github.com/kirill-konshin/next-redux-wrapper#getserversideprops) 변경사항 (https://github.com/kirill-konshin/next-redux-wrapper#upgrade-from-6x-to-7x)

npm run start 해서 mongoDB connected.. 됐다고 뜨고 다시 그아래 뭔가 명령어를 칠만한게  작동이 안되더라구요. 따로 되는 방법이 있을까요..?

handleChangeInput 함수에서 handleReset 함수를 실행하는 것은 이해가 되는데요. 왜 return 구문을 쓰신건지 잘 모르겠습니다 ^^;; handleChangeInput 함수 자체도 별도의 return을 해주는 것이 없는것 같아서요. handleChangeInput(e) { const searchKeyword = e.target.value; if (searchKeyword.length <= 0) { return this.handleReset(); // 이 부분 입니다! } this.setState({ searchKeyword }); }

구글링을 해봐도 모르겠네요 ㅠㅠ POST http://http:/localhost:5000/register Error: getaddrinfo ENOTFOUND http ▶Network ▶Request Headers Content-Type: text/plain User-Agent: PostmanRuntime/7.28.0 Accept: */* Cache-Control: no-cache Postman-Token: 08248e94-9645-4529-9d87-bb1278bcb7f8 Host: http: Accept-Encoding: gzip, deflate, br Connection: keep-alive ▶Request Body ▶POST http://http:/localhost:5000/register ▶POST http://http:/localhost:5000/register ▶POST http://localhost:5000/register ▶POST http://localhost:5000/register ▶

서버를 만들때 gitinit을 통하여 프로젝트를 관리하고있는데 CRA를 실행하면 내부에 또 하나의 .git이 생기는것은 어떻게 하는것이 좋을까요? 외부폴더에서 관리하고있느니 내부에있는 .git은 삭제하면 될까요?

<div >           <a href="www.naver.com">           <Icon as={IoLogoSnapchat} />           Chatbot           </a> </div> 위 코드는 chatbot 글 혹은 icon을 클릭하면 기존 페이지에서 네이버 화면을 여는 코드 입니다. 제가 구현 하고 싶은 것은 기존 페이지 위에 작게 네이버 화면을 여는 것인데 어떻게 해야 할까요?

https://developer.mozilla.org/ko/docs/Web/API/Event/preventDefault - 위의 링크에서 e.preventDefault() 함수가, 이벤트가 취소 가능한 경우 이벤트의 전파를 막지 않고 이벤트를 취소한다고 되어 있는데, 설명중에서 SPA에서 e.preventDefault() 사용해야한다고 하셨는데 이유가 궁금합니다.

현재 시점으로 npm i @types/socket.io-client하면 3.0.0 버전으로 설치가되어 2버전과 맞지 않아 에러가 나옵니다. 저 같은 경우는 제로초님의 깃헙에 올라와있는 json을 보고 1.4.35 버전으로 명시하여 설치하여 문제를 해결하였습니다. 혹시 문제 있으신 분 확인해보세요. npm i -D @types/socket.io-client@1.4.35

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 d있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요. 강의들으면서 관련 프로젝트를 진행중입니다. IE 9 / IE 10 환경에서도 react가 흰화면이 아닌 정상적으로 나오도록 react-app-polyfill 모듈을 사용하여 polyfill 적용을 해보고있는데, IE11은까지는 확인을 했는데, IE 9 / IE 10 환경에서도 정상적으로 작동하도록 하려면 어떻게해야하는지 궁금합니다. IE 11 에 나오도록 작업한 방법은 index.js 파일에 import 'react-app-polyfill/ie11'; import 'react-app-polyfill/stable'; 를 추가 하였고, package.json 의 브라우저 리스트에 "e 11" 을 추가하면서 확인을 하였는데, IE 9 환경에서도 나오도록 확인하기위해 import 'react-app-polyfill/ie9'; import 'react-app-polyfill/stable'; 이렇게 index.js 파일에 추가하고 package.json 의 브라우저 리스트에 "e 9" 을 추가하면서 확인을 하였는데, 구문 에러가떠서 어떻게 해야할지 모르겠습니다. 모듈 캐시폴더도 지워보고 해봤는데, 어떤방법이 더있을까요? 구문 에러는 SCRIPT : 1002 구문에러가 뜹니다. (IE 9 / IE 10 환경에서)

저의 프로젝트 화면 입니다. 여기서 김이라고 검색을 하고나서 김만두를 클릭을 하면 김만두에 대한 정보가 나오는게 아니라 관리자에 대한 정보가 나옵니다.  필터가 되면 데이터를 초기화 시키고 필터된 것만 데이터를 배열에 넣어서 다시 출력 하는 건가요?  일단 제가 테스트 했을 땐 키 값이 4에서 검색을 했을 때 0이 나온걸 보면 맞는거 같긴한데... 아!! 여기서 i가만 초기화가 되는구나... 이 값을 제가 바꾼다 따로 key라는 값을 만들어서 하면!! 되겠다!!! 감사합니다 이해 했습니다.