39,600원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Slack 클론 코딩[실시간 채팅 with React]
back 디렉토리에 npm i 오류 문의
안녕하세요. 1강 부터 내용 따라 하던 중 back 디렉토리에 npm i로 설치 시 아래와 같이 에러가 나면서 설치가 되지 않아 문의 드립니다. 감사합니다. 수고하세요. ------------------------------------------------------------------------------------------------------------------------- npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead. npm ERR! code 1 npm ERR! path D:\study\react\sleact\back\node_modules\bcrypt npm ERR! command failed npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c node-gyp rebuild npm ERR! gyp info it worked if it ends with ok npm ERR! gyp info using node-gyp@9.0.0 npm ERR! gyp info using node@16.15.1 | win32 | x64 npm ERR! gyp info find Python using Python version 3.10.5 found at "C:\Users\lodics\AppData\Local\Programs\Python\Python310\python.exe" npm ERR! gyp info find VS using VS2019 (16.11.32602.291) found at: npm ERR! gyp info find VS "C:\Program Files (x86)\Microsoft Visual Studio\2019\Professional" npm ERR! gyp info find VS run with --verbose for detailed information npm ERR! gyp info spawn C:\Users\lodics\AppData\Local\Programs\Python\Python310\python.exe npm ERR! gyp info spawn args [ npm ERR! gyp info spawn args 'C:\\Program Files\\nodejs\\node_modules\\npm\\node_modules\\node-gyp\\gyp\\gyp_main.py', npm ERR! gyp info spawn args 'binding.gyp', npm ERR! gyp info spawn args '-f', npm ERR! gyp info spawn args 'msvs', npm ERR! gyp info spawn args '-I', npm ERR! gyp info spawn args 'D:\\study\\react\\sleact\\back\\node_modules\\bcrypt\\build\\config.gypi', npm ERR! gyp info spawn args '-I', npm ERR! gyp info spawn args 'C:\\Program Files\\nodejs\\node_modules\\npm\\node_modules\\node-gyp\\addon.gypi', npm ERR! gyp info spawn args '-I', npm ERR! gyp info spawn args 'C:\\Users\\lodics\\AppData\\Local\\node-gyp\\Cache\\16.15.1\\include\\node\\common.gypi', npm ERR! gyp info spawn args '-Dlibrary=shared_library', npm ERR! gyp info spawn args '-Dvisibility=default', npm ERR! gyp info spawn args '-Dnode_root_dir=C:\\Users\\lodics\\AppData\\Local\\node-gyp\\Cache\\16.15.1', npm ERR! gyp info spawn args '-Dnode_gyp_dir=C:\\Program Files\\nodejs\\node_modules\\npm\\node_modules\\node-gyp', npm ERR! gyp info spawn args '-Dnode_lib_file=C:\\\\Users\\\\lodics\\\\AppData\\\\Local\\\\node-gyp\\\\Cache\\\\16.15.1\\\\<(target_arch)\\\\node.lib', npm ERR! gyp info spawn args '-Dmodule_root_dir=D:\\study\\react\\sleact\\back\\node_modules\\bcrypt', npm ERR! gyp info spawn args '-Dnode_engine=v8', npm ERR! gyp info spawn args '--depth=.', npm ERR! gyp info spawn args '--no-parallel', npm ERR! gyp info spawn args '--generator-output', npm ERR! gyp info spawn args 'D:\\study\\react\\sleact\\back\\node_modules\\bcrypt\\build', npm ERR! gyp info spawn args '-Goutput_dir=.' npm ERR! gyp info spawn args ] npm ERR! gyp: Undefined variable module_name in binding.gyp while trying to load binding.gyp npm ERR! gyp ERR! configure error npm ERR! gyp ERR! stack Error: `gyp` failed with exit code: 1 npm ERR! gyp ERR! stack at ChildProcess.onCpExit (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\configure.js:261:16) npm ERR! gyp ERR! stack at ChildProcess.emit (node:events:527:28) npm ERR! gyp ERR! stack at Process.ChildProcess._handle.onexit (node:internal/child_process:291:12) npm ERR! gyp ERR! System Windows_NT 10.0.19044 npm ERR! gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" npm ERR! gyp ERR! cwd D:\study\react\sleact\back\node_modules\bcrypt npm ERR! gyp ERR! node -v v16.15.1 npm ERR! gyp ERR! node-gyp -v v9.0.0 npm ERR! gyp ERR! not ok npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\lodics\AppData\Local\npm-cache\_logs\2022-07-21T07_34_38_266Z-debug-0.log -------------------------------------------------------------------------------------------------------------------------
- 미해결Slack 클론 코딩[실시간 채팅 with React]
route path 수정 후 흰 화면만 보입니다ㅠㅠ
url 로 정보가 보일 수 있게 수정하던 중에 흰색 화면만 보이고, 아무런 콘솔도 뜨지 않습니다ㅠㅠ <Route path="/workspace/:workspace" element={<Workspace />} /> 일때는 빈 화면인데, 아래와 같이 다시 수정하면 슬랙화면이 보입니다 <Route path="/workspace" element={<Workspace />} /> react routerv6 path parameter blank page 검색어와 같이 이슈를 찾아보았는데 해결이 되지 않아 이렇게 질문 남깁니다ㅠㅠ
- 미해결Slack 클론 코딩[실시간 채팅 with React]
(CRA 환경) 로그인을 하면 워크스페이스로 바로 이동하지 않아요
웹팩 세팅하는 것부터 쭉 따라해서 DM보내기까지 에러 없이 잘 따라왔는데요 이걸 CRA 설치하고 코드 똑같이 작성(작성보다 복붙에 가까움) 했는데용 로그인을 하고 나면 바로 '/workspace/channel' 로 가지 않고 새로고침을 하면 '/login' 주소에서 workspace/channel 에서 보여줘야할 것들이 화면에 보이네요 소스는 깃헙 링크 공유하겠습니다(앞으로 문제될만한 코드 직접 올릴게요) 왜 그러는 걸까요??
- 미해결Slack 클론 코딩[실시간 채팅 with React]
안녕하세요! 제로초님 4강 빌드 후 index.html 관련 질문입니다!
안녕하세요! index.html을 크롬에서 실행했는데 첨부 파일과 같이 레퍼런스 오류가 나는데 어떤 부분을 확인해야 될까요??
- 미해결Slack 클론 코딩[실시간 채팅 with React]
안녕하세요 제로초님, Back 폴더 관련 문의드립니다!
1회 클론코딩 따라한 후 react18 router v6에 맞춰 소스코드가 있는 슬랙이 아닌 일반 채팅 app 처럼 구현 해보려고, 작업중에 있습니다. back 폴더에 들어있는 파일들은 따로 로컬 소스코드처럼 사용이 가능 한건가 궁금해서 올려봅니다!
- 미해결Slack 클론 코딩[실시간 채팅 with React]
워크스페이스 만들기 질문드립니다.
안녕하세요 제로초님 워크스페이스 관련 질문드립니다! 워크스페이스에 텍스트 변경이나 문자 추가시 오류가 뜨는대 왜그러는지 모르겠습니다. 워크스페이스에서 폴더 변경하면서 그렇게 된거같은대 원인을 잘 못찾겠습니다. 지금 소스는 이상태에서 이렇게 test에 1만 추가해도 화면이 사라지면서 오류가 납니다. 그냥 새로고침만해도 오류가 나고, 핫리로딩시에도 오류가 납니다. channel에서 index.tsx에서 <Workspace> <div>로그인 축하</div> </Workspace> 이걸 불러오지 못하는대 상대 경로가 잘못된 것일까요? 폴더구조변경하면서 생긴거같은대 이유를 모르겠습니다..
- 미해결Slack 클론 코딩[실시간 채팅 with React]
헷갈려서 질문드려요
여러번 말씀하신내용인데 죄송하지만 setting/ 폴더가 핫리로딩까지 세팅된거라고 하셨는데.. 세팅연습하려면 setting/에서 하면된다고 하신걸로 들었는데 제가 이해한게맞나요? 그리고 핫리로딩까지 세팅 건너뛰고 시작하려면 alecture/ 에서 하면되는건가요?
- 미해결Slack 클론 코딩[실시간 채팅 with React]
Redirect v6 변경사항 공유드립니다
우선 질문글은 아니고 커뮤니티에서도 안보이는 것 같아 혹시나 저 처럼 라우터 버전때문에 헤매시는 분 계실까봐 공유 드립니다!! 워크스페이스 만들기 부분중에 로그인 성공시 채널로 이동할때 Redirect 대신 Navigate 쓰시면 됩니다!! 현재 URL을 바꿔줄 때는 Navigate 속성을 이용하라고 하네용 참고한 사이트입니다. https://stackabuse.com/redirects-in-react-router/
- 미해결Slack 클론 코딩[실시간 채팅 with React]
메뉴와 모달 만들기 > 채널 모달 만들기
안녕하세요. 제로초님 강의를 잘 듣고있는 학생입니다. 현재 들으면서 하나가 막혀서 계속해서 찾아보고있지만 도저히 답이 안나와서 질문드립니다. 현재 위의 콘솔은 channelData의 콘솔입니다. 처음에는 undefined가 나오다가 데이터를 받아서 왼쪽에 채널 데이터가 channelData를 통해서 list를 그려줘야하는데 데이터는 나중에 나오지만 왼쪽 메뉴list에 데이터를 그려주질 못하고있습니다. workspace 페이지에서는 channelData를 들고오고있고 아래에서는 이렇게 그려주고있습니다. 데이터는 잘 나오는데 현재 왜 못그려주고있는지 모르겠습니다..ㅜ 그리고 CreateChannelModal에서도 또한 다시 revalidate를 해주고있는데에도 수정이 안되고있는데 어떻게 풀어가야 할까요..
- 미해결Slack 클론 코딩[실시간 채팅 with React]
로그인 시 에러가 납니다 POST http://localhost:3095/api/users 403 (Forbidden)
안녕하세요 제로초님로그인시 workspace/channel 로 이동시키고 싶습니다. 그런데 axiod.post 날리니 에러를 받아오더라고요. 이 에러를 어떻게 해결 할 수 있을까요? ㅠㅠ User 테이블에 당연히 유저가 있어야지(=회원가입이 되었다는 뜻이니) 로그인을 진행하도록 할 수 있는 거 아닌지용?? back쪽을 살펴보니 로그인이 되지 않았을 때 입력한 이메일이 유저테이블에 존재하면 이미 사용 중인 아이디입니다 라는 에러가 발생하도록 되어 있는데 이 부분이 이해가 잘 되지 않습니다,,ㅠㅠ
- 미해결Slack 클론 코딩[실시간 채팅 with React]
npx sequelize db:create세팅관련 질문드립니다!
안녕하세요 제로초님 기본세팅 질문 드립니다. back폴더 안에 mysql을 설치하고 알려주신대로 쳐서 mysql은 성공했는대, 컨트롤 c로 정지시킨뒤 npx sequelize db:create 를 하면 이렇게 패스워드가 있다고 나옵니다. .env파일에도 비밀번호를 맞춰서 나오는대 왜 안될까요? 다른 질문들이랑 구글링해서 찾아봤는대 잘 안되서 질문드립니다!
- 미해결Slack 클론 코딩[실시간 채팅 with React]
set-cookie가 제대로 동작하지 않습니다.
안녕하세요 제로초님 강의 잘 보고 있습니다. 로그인할 때, set-cookie가 제대로 적용되지 않아 어려움을 겪고 있습니다. 아래처럼 header에 set-cookie가 날라오긴 하는데, 느낌표가 뜨면서 제대로 저장이 되질 않습니다. 쿠키가 저장이 되지 않아 다음 스텝으로 넘어갈 수가 없습니다. 다음 swr 버전 적용을 front 디렉토리 에서 하신 것 같아 npm i 하고 실행해본 결과, 똑같은 현상이 일어나는데 어떻게 해결하면 좋을까요 ..? 로그인 로직은 swr과 관련이 없는 것 같아 강의 때 작성해주신 alecture 폴더로 돌려보았는데, 잘 동작해서 무엇이 문제인지 어떻게 고쳐야할 지 감이 오질 않습니다 .. 로그인 쪽 코드는 다음과 같습니다. const LogIn = () => { const { data, error, mutate } = useSWR('http://localhost:3095/api/users', fetcher); const [logInError, setLogInError] = useState(false); const [email, onChangeEmail] = useInput(''); const [password, onChangePassword] = useInput(''); const onSubmit = useCallback( (e) => { e.preventDefault(); setLogInError(false); axios .post( 'http://localhost:3095/api/users/login', { email, password }, { withCredentials: true, }, ) .then((response) => { mutate(); }) .catch((error) => { setLogInError(error.response?.data?.statusCode === 401); }); }, [email, password, mutate], ); if (data === undefined) { return <div>로딩중...</div>; } if (data) { return <Redirect to="/workspace/sleact/channel/일반" />; }
- 미해결Slack 클론 코딩[실시간 채팅 with React]
npm i 에러 질문 입니다
[제로초 강좌 질문 필독 사항입니다]질문에는 여러분에게 도움이 되는 질문과 도움이 되지 않는 질문이 있습니다.도움이 되는 질문을 하는 방법을 알려드립니다.https://www.youtube.com/watch?v=PUKOWrOuC0cnpm ERR! code 1 npm ERR! path D:\BottleSun\study\11-slackCloneCoding\sleact\back\node_modules\bcrypt npm ERR! command failed npm ERR! command C:\Windows\system32\cmd.exe /d /s /c node-gyp rebuild npm ERR! gyp info it worked if it ends with ok npm ERR! gyp info using node-gyp@8.2.0 npm ERR! gyp info using node@16.13.0 | win32 | x64 npm ERR! gyp ERR! find Python npm ERR! gyp ERR! find Python Python is not set from command line or npm configuration npm ERR! gyp ERR! find Python Python is not set from environment variable PYTHON npm ERR! gyp ERR! find Python checking if "python3" can be used npm ERR! gyp ERR! find Python - "python3" is not in PATH or produced an error npm ERR! gyp ERR! find Python checking if "python" can be used npm ERR! gyp ERR! find Python - "python" is not in PATH or produced an error npm ERR! gyp ERR! find Python checking if Python is C:\Users\didev\AppData\Local\Programs\Python\Python39\python.exe npm ERR! gyp ERR! find Python - "C:\Users\didev\AppData\Local\Programs\Python\Python39\python.exe" could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Program Files\Python39\python.exe npm ERR! gyp ERR! find Python - "C:\Program Files\Python39\python.exe" could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Users\didev\AppData\Local\Programs\Python\Python39-32\python.exe npm ERR! gyp ERR! find Python - "C:\Users\didev\AppData\Local\Programs\Python\Python39-32\python.exe" could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Program Files\Python39-32\python.exe npm ERR! gyp ERR! find Python - "C:\Program Files\Python39-32\python.exe" could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Program Files (x86)\Python39-32\python.exe npm ERR! gyp ERR! find Python - "C:\Program Files (x86)\Python39-32\python.exe" could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Users\didev\AppData\Local\Programs\Python\Python38\python.exe npm ERR! gyp ERR! find Python - "C:\Users\didev\AppData\Local\Programs\Python\Python38\python.exe" could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Program Files\Python38\python.exe npm ERR! gyp ERR! find Python - "C:\Program Files\Python38\python.exe" could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Users\didev\AppData\Local\Programs\Python\Python38-32\python.exe npm ERR! gyp ERR! find Python - "C:\Users\didev\AppData\Local\Programs\Python\Python38-32\python.exe" could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Program Files\Python38-32\python.exe npm ERR! gyp ERR! find Python - "C:\Program Files\Python38-32\python.exe" could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Program Files (x86)\Python38-32\python.exe npm ERR! gyp ERR! find Python - "C:\Program Files (x86)\Python38-32\python.exe" could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Users\didev\AppData\Local\Programs\Python\Python37\python.exe npm ERR! gyp ERR! find Python - "C:\Users\didev\AppData\Local\Programs\Python\Python37\python.exe" could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Program Files\Python37\python.exe npm ERR! gyp ERR! find Python - "C:\Program Files\Python37\python.exe" could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Users\didev\AppData\Local\Programs\Python\Python37-32\python.exe npm ERR! gyp ERR! find Python - "C:\Users\didev\AppData\Local\Programs\Python\Python37-32\python.exe" could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Program Files\Python37-32\python.exe npm ERR! gyp ERR! find Python - "C:\Program Files\Python37-32\python.exe" could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Program Files (x86)\Python37-32\python.exe npm ERR! gyp ERR! find Python - "C:\Program Files (x86)\Python37-32\python.exe" could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Users\didev\AppData\Local\Programs\Python\Python36\python.exe npm ERR! gyp ERR! find Python - "C:\Users\didev\AppData\Local\Programs\Python\Python36\python.exe" could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Program Files\Python36\python.exe npm ERR! gyp ERR! find Python - "C:\Program Files\Python36\python.exe" could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Users\didev\AppData\Local\Programs\Python\Python36-32\python.exe npm ERR! gyp ERR! find Python - "C:\Users\didev\AppData\Local\Programs\Python\Python36-32\python.exe" could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Program Files\Python36-32\python.exe npm ERR! gyp ERR! find Python - "C:\Program Files\Python36-32\python.exe" could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Program Files (x86)\Python36-32\python.exe npm ERR! gyp ERR! find Python - "C:\Program Files (x86)\Python36-32\python.exe" could not be run npm ERR! gyp ERR! find Python checking if the py launcher can be used to find Python 3 npm ERR! gyp ERR! find Python - "py.exe" is not in PATH or produced an error npm ERR! gyp ERR! find Python npm ERR! gyp ERR! find Python ********************************************************** npm ERR! gyp ERR! find Python You need to install the latest version of Python. npm ERR! gyp ERR! find Python Node-gyp should be able to find and use Python. If not, npm ERR! gyp ERR! find Python you can try one of the following options: npm ERR! gyp ERR! find Python - Use the switch --python="C:\Path\To\python.exe" npm ERR! gyp ERR! find Python (accepted by both node-gyp and npm) npm ERR! gyp ERR! find Python - Set the environment variable PYTHON npm ERR! gyp ERR! find Python - Set the npm configuration variable python: npm ERR! gyp ERR! find Python npm config set python "C:\Path\To\python.exe" npm ERR! gyp ERR! find Python For more information consult the documentation at: npm ERR! gyp ERR! find Python https://github.com/nodejs/node-gyp#installation npm ERR! gyp ERR! find Python ********************************************************** npm ERR! gyp ERR! find Python npm ERR! gyp ERR! configure error npm ERR! gyp ERR! stack Error: Could not find any Python installation to use npm ERR! gyp ERR! stack at PythonFinder.fail (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\find-python.js:330:47) npm ERR! gyp ERR! stack at PythonFinder.runChecks (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\find-python.js:159:21) npm ERR! gyp ERR! stack at PythonFinder.<anonymous> (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\find-python.js:228:18) npm ERR! gyp ERR! stack at PythonFinder.execFileCallback (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\find-python.js:294:16) npm ERR! gyp ERR! stack at exithandler (node:child_process:404:5) npm ERR! gyp ERR! stack at ChildProcess.errorhandler (node:child_process:416:5) npm ERR! gyp ERR! stack at ChildProcess.emit (node:events:390:28) npm ERR! gyp ERR! stack at Process.ChildProcess._handle.onexit (node:internal/child_process:288:12) npm ERR! gyp ERR! stack at onErrorNT (node:internal/child_process:477:16) npm ERR! gyp ERR! stack at processTicksAndRejections (node:internal/process/task_queues:83:21) npm ERR! gyp ERR! System Windows_NT 10.0.19044 npm ERR! gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" npm ERR! gyp ERR! cwd D:\BottleSun\study\11-slackCloneCoding\sleact\back\node_modules\bcrypt npm ERR! gyp ERR! node-gyp -v v8.2.0 npm ERR! gyp ERR! not ok npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\didev\AppData\Local\npm-cache\_logs\2022-07-04T09_23_54_314Z-debug.log 이부분 에러가 package-lock 에 적힌 패키지 파일과 현재 컴퓨터 상의 패키지 파일 node 버전 차이인거 같은데,혹시 package-lock을 삭제하고 해도 해당 강의를 듣는거에는 문제가 없는걸까요?원래는 lock에 적힌 파일을 따라가는게 맞는건가 싶어서 궁금함에 남겨 봅니다.
- 미해결Slack 클론 코딩[실시간 채팅 with React]
Proxy 설정 시 502 에러, [HPM] Error occurred while proxying request 에러
제로초님 안녕하세요 강의 재밌게 수강하고 있습니다! webpack.config에서 proxy 설정을 따라하던 중 에러를 마주하여 회원가입 진행을 못하고 있습니다. [진행 방법] - back 폴더 app에서 cors쪽 코드 주석처리하였습니다. 1. 백 서버 잘 띄운 상태에서 webpack.config에서 코드 수정할 때마다 프론트서버 재실행하였습니다. 2. 회원가입 진행하였습니다. 3. 아래와 같은 에러를 마주합니다. 아래 에러이미지, 작성중인 코드, package.json쪽 코드 사진 첨부합니다. 제가 봤을 땐 proxy 설정이 제대로 이루어지지 않은 것으로 보입니다. 회원가입시 api요청을 보내는 프론트 포트가 3090이고 백포트는 3095이기 때문에 cors정책에 벗어나서 위와 같은 에러가 뜨는 것이 당연하다고 봅니다. 그래서 proxy 설정이 되지 않는 것 위주로 구글링하며 이것 저것 많이 시도해봤는데 3시간째 해메고 있어서 질문 남깁니다ㅠㅠ
- 해결됨Slack 클론 코딩[실시간 채팅 with React]
웹팩 한가지 질문이 있습니다.
안녕하세요! 웹팩설정에서 질문이있습니다. 알거같다가도 헷갈려서 질문드려요! "webpack.config.ts 파일 내에서 const require 방식이 아닌 Import를 사용가능한 이유"가 어느부분때문인가요? tsconfig.json 에서 module을 esnext로 최신으로 쓰겠다고 설정했으므로 tsconfig를 웹팩이 먼저 읽어서, 웹팩 파일내부에서도 commonjs방식이아닌 import 방식이 가능한것이라고 이해하면 맞을지 궁금합니다. 그런데 이렇게 이해하면 tsconfig-for-webpack-config 파일에서는 또 module을 commonJs 로 해주기때문에 조금 헷갈립니다,,
- 미해결Slack 클론 코딩[실시간 채팅 with React]
slack 클론코딩 npm install 에러가 납니다
안녕하세요, slack 클론코딩 강좌를 듣는 수강생 입니다. 다름이 아니라, 아래와 같이 npm install 에러가 나서 문의드립니다. 여러가지 찾아보다가 깃허브에서 에러 발생시 문의하라고 적혀있어서 글남깁니다. 감사합니다 ~ npm i npm ERR! code 1 npm ERR! path /Users/bboyooning/Desktop/sleact/back/node_modules/bcrypt npm ERR! command failed npm ERR! command sh -c node-gyp rebuild npm ERR! gyp info it worked if it ends with ok npm ERR! gyp info using node-gyp@8.4.1 npm ERR! gyp info using node@16.14.0 | darwin | x64 npm ERR! gyp info find Python using Python version 3.9.6 found at "/Library/Frameworks/Python.framework/Versions/3.9/bin/python3" npm ERR! gyp info spawn /Library/Frameworks/Python.framework/Versions/3.9/bin/python3 npm ERR! gyp info spawn args [ npm ERR! gyp info spawn args '/usr/local/lib/node_modules/npm/node_modules/node-gyp/gyp/gyp_main.py', npm ERR! gyp info spawn args 'binding.gyp', npm ERR! gyp info spawn args '-f', npm ERR! gyp info spawn args 'make', npm ERR! gyp info spawn args '-I', npm ERR! gyp info spawn args '/Users/bboyooning/Desktop/sleact/back/node_modules/bcrypt/build/config.gypi', npm ERR! gyp info spawn args '-I', npm ERR! gyp info spawn args '/usr/local/lib/node_modules/npm/node_modules/node-gyp/addon.gypi', npm ERR! gyp info spawn args '-I', npm ERR! gyp info spawn args '/Users/bboyooning/Library/Caches/node-gyp/16.14.0/include/node/common.gypi', npm ERR! gyp info spawn args '-Dlibrary=shared_library', npm ERR! gyp info spawn args '-Dvisibility=default', npm ERR! gyp info spawn args '-Dnode_root_dir=/Users/bboyooning/Library/Caches/node-gyp/16.14.0', npm ERR! gyp info spawn args '-Dnode_gyp_dir=/usr/local/lib/node_modules/npm/node_modules/node-gyp', npm ERR! gyp info spawn args '-Dnode_lib_file=/Users/bboyooning/Library/Caches/node-gyp/16.14.0/<(target_arch)/node.lib', npm ERR! gyp info spawn args '-Dmodule_root_dir=/Users/bboyooning/Desktop/sleact/back/node_modules/bcrypt', npm ERR! gyp info spawn args '-Dnode_engine=v8', npm ERR! gyp info spawn args '--depth=.', npm ERR! gyp info spawn args '--no-parallel', npm ERR! gyp info spawn args '--generator-output', npm ERR! gyp info spawn args 'build', npm ERR! gyp info spawn args '-Goutput_dir=.' npm ERR! gyp info spawn args ] npm ERR! gyp: Undefined variable module_name in binding.gyp while trying to load binding.gyp npm ERR! gyp ERR! configure error npm ERR! gyp ERR! stack Error: `gyp` failed with exit code: 1 npm ERR! gyp ERR! stack at ChildProcess.onCpExit (/usr/local/lib/node_modules/npm/node_modules/node-gyp/lib/configure.js:259:16) npm ERR! gyp ERR! stack at ChildProcess.emit (node:events:520:28) npm ERR! gyp ERR! stack at Process.ChildProcess._handle.onexit (node:internal/child_process:291:12) npm ERR! gyp ERR! System Darwin 21.5.0 npm ERR! gyp ERR! command "/usr/local/bin/node" "/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild" npm ERR! gyp ERR! cwd /Users/bboyooning/Desktop/sleact/back/node_modules/bcrypt npm ERR! gyp ERR! node -v v16.14.0 npm ERR! gyp ERR! node-gyp -v v8.4.1 npm ERR! gyp ERR! not ok npm ERR! A complete log of this run can be found in: npm ERR! /Users/bboyooning/.npm/_logs/2022-06-28T01_14_11_927Z-debug-0.log
- 미해결Slack 클론 코딩[실시간 채팅 with React]
run dev
dev server 설정 이렇게 하고 index.html 에서 ./dist/에서 /dist/로 바꾸니깐 새로고침이 안됩니다. 더 자세히 설명드리면 브라우저에서 app.tsx을 수정하면 브라우저에서 새로고침은 되지만 app.js가 수정이 안되고 브라우져에 뜨는 내용도 안바뀝니다, 그리고 브라우저에 404가 뜹니다. 어떻게 해야 하나요?
- 미해결Slack 클론 코딩[실시간 채팅 with React]
소스코드로 클론하려고 하는데 클론이 안됩니다. vs코드 레포지토리 클론도 안되구요 뭐가 문제일까요 ?
(사진)
- 미해결Slack 클론 코딩[실시간 채팅 with React]
배포 방법
서버랑 프론트를 깃헙에 같이 올려서 배포할 수 있는 방법이 있을까요? 서버 강의는 아직 수강을 안해서 서버 폴더는 제로초님 깃헙에서 가져와서 cd back - npm run dev 해서 사용했습니다. 넷틀리파이나 버셀로 클라이언트 배포하는데 혹시 서버도 같이 실행되게 하는 방법이 있을까요?ㅠㅠ
- 미해결Slack 클론 코딩[실시간 채팅 with React]
npm run build 에러
babal-loader 를 찾지 못한다고 나오는데 설치를 한 상태이고 혹시 몰라서 다시 설치하고 껐다 켜봤는데도 동일한 에러가 나오는 상황입니다. { "name": "netflix-react", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": "cross-env TS_NODE_PROJECT=\"tsconfig-for-webpack-config.json\" webpack" }, "author": "yonghee", "license": "ISC", "dependencies": { "@types/react": "^18.0.14", "@types/react-dom": "^18.0.5", "cross-env": "^7.0.3", "css-loader": "^6.7.1", "react": "^18.2.0", "react-dom": "^18.2.0", "style-loader": "^3.3.1", "ts-node": "^10.8.1", "typescript": "^4.7.4" }, "devDependencies": { "@babel/core": "^7.18.5", "@babel/preset-env": "^7.18.2", "@babel/preset-react": "^7.17.12", "@babel/preset-typescript": "^7.17.12", "@types/node": "^18.0.0", "@types/webpack": "^5.28.0", "babel-laoder": "^0.0.1-security", "babel-loader": "^8.2.5", "eslint": "^8.18.0", "eslint-config-prettier": "^8.5.0", "eslint-plugin-prettier": "^4.0.0", "fork-ts-checker-webpack-plugin": "^7.2.11", "prettier": "^2.7.1", "webpack": "^5.73.0", "webpack-cli": "^4.10.0" } }