25%
29,700원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Slack 클론 코딩[실시간 채팅 with React]
mutate 질문입니다.
데이터가 수정되고 서버에 데이터가 일치하는지 요청을 보내서 점검을 해야하는데 언제 요청을 보내나요?
- 미해결Slack 클론 코딩[실시간 채팅 with React]
회원가입 네트워크 질문이요 ㅠ
안녕하세요 질문이 있어서 올립니다 재가 그대로 코드를 받아서 back 을 실행을 하였고 회원가입까지 와서 axios 코드를 추가해서 실행을 하였는데 세션문제라고 나옵니다 ㅠ 세션문제를 해결하기 위해선 어디 코드를 봐야 알수있을까요???
- 미해결Slack 클론 코딩[실시간 채팅 with React]
빨간줄이 뜹니다.
package.json을 그대로 복붙 했는데도 빨간줄이 뜹니다. tsconfig도 그대로 복붙했고요.
- 미해결Slack 클론 코딩[실시간 채팅 with React]
IE 11 대응방법대로 하니 IE 지원은 되는데 핫리로드가 안됩니다.
IE11 지원은 되는데 핫리로드가 안되는것같네요 혹시 확인가능하신가요
- 미해결Slack 클론 코딩[실시간 채팅 with React]
setting/ts폴더 복붙해도 에러가 납니다
양질의 강의 정말 잘 보고 있습니다 하지만 에러로 진행을 하지 못하고 있습니다 첫 강의부터 코드를 따라서 타이핑한 결과 > sleact-ts-front@1.0.0 build > cross-env TS_NODE_PROJECT=\"tsconfig-for-webpack-config.json\" NODE_ENV=production webpack [webpack-cli] Unable load 'C:\Users\nogo0\#code\LearnSlackClone\front\webpack.config.ts' [webpack-cli] Unable to use specified module loaders for ".ts". [webpack-cli] ⨯ Unable to compile TypeScript: error TS5083: Cannot read file 'C:\tsconfig-for-webpack-config.json'. [webpack-cli] Cannot find module 'typescript-node/register' from 'C:\Users\nogo0\#code\LearnSlackClone\front' [webpack-cli] Cannot find module 'typescript-register' from 'C:\Users\nogo0\#code\LearnSlackClone\front' [webpack-cli] Cannot find module 'typescript-require' from 'C:\Users\nogo0\#code\LearnSlackClone\front' [webpack-cli] Cannot find module 'sucrase/register/ts' from 'C:\Users\nogo0\#code\LearnSlackClone\front' [webpack-cli] Cannot find module '@babel/register' from 'C:\Users\nogo0\#code\LearnSlackClone\front' [webpack-cli] Please install one of them npm ERR! code 2 npm ERR! path C:\Users\nogo0\#code\LearnSlackClone\front npm ERR! command failed npm ERR! command C:\Windows\system32\cmd.exe /d /s /c cross-env TS_NODE_PROJECT=\tsconfig-for-webpack-config.json\ NODE_ENV=production webpack npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\nogo0\AppData\Local\npm-cache\_logs\2021-06-22T08_10_13_340Z-debug.log C:\Users\nogo0\#code\LearnSlackClone\front>npm run build > front@1.0.0 build > cross-env TS_NODE_PROJECT="tsconfig-for-webpack-config.json" webpack asset app.js 4.13 KiB [emitted] (name: app) ../../../#code/LearnSlackClone/front/client.tsx 39 bytes [not cacheable] [built] [code generated] [1 error] ERROR in ../../../#code/LearnSlackClone/front/client.tsx Module build failed (from ../../../#code/LearnSlackClone/front/node_modules/babel-loader/lib/index.js): Error: Cannot find module 'C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\babel-loader\lib\index.js' Require stack: - C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\loader-runner\lib\loadLoader.js - C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\loader-runner\lib\LoaderRunner.js - C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\webpack\lib\NormalModule.js - C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\webpack\lib\NormalModuleFactory.js - C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\webpack\lib\Compiler.js - C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\webpack\lib\webpack.js - C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\webpack\lib\index.js - C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\webpack-cli\lib\webpack-cli.js - C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\webpack-cli\lib\bootstrap.js - C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\webpack-cli\bin\cli.js - C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\webpack\bin\webpack.js at Function.Module._resolveFilename (node:internal/modules/cjs/loader:925:15) at Function.Module._load (node:internal/modules/cjs/loader:769:27) at Module.require (node:internal/modules/cjs/loader:997:19) at require (C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\v8-compile-cache\v8-compile-cache.js:159:20) at loadLoader (C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\loader-runner\lib\loadLoader.js:19:17) at iteratePitchingLoaders (C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\loader-runner\lib\LoaderRunner.js:182:2) at runLoaders (C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\loader-runner\lib\LoaderRunner.js:397:2) at NormalModule.doBuild (C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\webpack\lib\NormalModule.js:646:3) at NormalModule.build (C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\webpack\lib\NormalModule.js:791:15) at C:\Users\nogo0\#code\LearnSlackClone\front\node_modules\webpack\lib\Compilation.js:1242:12 front (webpack 5.24.2) compiled with 1 error in 67 ms npm ERR! code 1 npm ERR! path C:\Users\nogo0\#code\LearnSlackClone\front npm ERR! command failed npm ERR! command C:\Windows\system32\cmd.exe /d /s /c cross-env TS_NODE_PROJECT=tsconfig-for-webpack-config.json webpack npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\nogo0\AppData\Local\npm-cache\_logs\2021-06-22T08_11_20_386Z-debug.log ------------------------------------------------------- 위와 같은 에러가 발생하였고 갈피를 잡을수없어서 제로초님 깃허브를 참고하여 setting/ts폴더를 통쨰로 복붙하고 기존에 있던 node_modules, package-lcok.json을 삭제하고 npm i로 모두 재설치 했습니다 그럼에도 불구하고 아래같은 에러가 뜨는데 혹시 제가 빠뜨린 부분이 있을까요?
- 미해결Slack 클론 코딩[실시간 채팅 with React]
source map 에러
위와 같이 failed to load source map 에러가 나네요 구글링 해봐도 해결이 안되고 설정파일 git에서 그대로 가져와도 저런 에러가 나서 답변 부탁드립니다ㅠ
- 미해결Slack 클론 코딩[실시간 채팅 with React]
회원가입할때 500 에러가납니다.. cannot read property 'addMembers' of null
이렇게 요청 보냈는데 500 에러가나네요.. back 파일이 잘못된걸까요 axios .post('http://localhost:3095/api/users', { email, nickname, password, }) .then((response) => { console.log(response); }) .catch((error) => { console.log(error.response); })
- 미해결Slack 클론 코딩[실시간 채팅 with React]
제로초님~
제로초님 질문이 있어서 질문을 남기게 되었습니다. router를 사용해서 exact를 사용 해주어도 코드스플리팅은 안되는 건가요?! 이부분이 헷갈려서 질문을 남기게 되었습니다. 네트워크탭이나 혹시 스플리팅이 안됫다고 직관적으로 확인 가능한게 혹시 있을까요?!
- 미해결Slack 클론 코딩[실시간 채팅 with React]
table 데이터 삽입중 에러
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- 미해결Slack 클론 코딩[실시간 채팅 with React]
path에러가 납니다.ㅠㅠ
[webpack-cli] Failed to load '/Users/ohyunseok/Documents/PROJECT/Slacku/react-frontend/webpack.config.ts' config [webpack-cli] webpack.config.ts:1:8 - error TS1259: Module '"path"' can only be default-imported using the 'esModuleInterop' flag 1 import path from 'path'; ~~~~ node_modules/@types/node/path.d.ts:162:5 162 export = path; ~~~~~~~~~~~~~~ This module is declared with using 'export =', and can only be used with a default import when using the 'esModuleInterop' flag. webpack.config.ts:1:8 - error TS1259: Module '"path"' can only be default-imported using the 'esModuleInterop' flag 1 import path from 'path'; ~~~~ node_modules/@types/node/path.d.ts:162:5 162 export = path; ~~~~~~~~~~~~~~ This module is declared with using 'export =', and can only be used with a default import when using the 'esModuleInterop' flag. webpack.config.ts:3:8 - error TS1259: Module '"/Users/ohyunseok/Documents/PROJECT/Slacku/react-frontend/node_modules/webpack/types"' can only be default-imported using the 'esModuleInterop' flag 3 import webpack, { Configuration as WebpackConfiguration } from 'webpack'; ~~~~~~~ node_modules/webpack/types.d.ts:12245:1 12245 export = exports; ~~~~~~~~~~~~~~~~~ This module is declared with using 'export =', and can only be used with a default import when using the 'esModuleInterop' flag. error Command failed with exit code 2.
- 미해결Slack 클론 코딩[실시간 채팅 with React]
InviteChannelModal 에 관해서 여쭤볼게 있습니다!
먼저 좋은 강의 감사드립니다 제로초님! 도움 많이 되고 있습니다. 여기서 위 그림과 같이 console을 찍어서 useParams를 통해 받아온 channel이 잘 들어오는지 확인을 하려했는데.. workspace는 잘 들어오는 반면 channel은 undefined로 나옵니다. 그래서 InviteChannelModal에서 SWR로 요청을 보낼 때 콘솔에 에러가 발생하구요!제 생각에는 아래 그림과 같이 '일반'으로 라고 콘솔에 떠야할 것 같은데.. 이유를 잘 모르겠습니다.
- 미해결Slack 클론 코딩[실시간 채팅 with React]
socket hooks 관련 질문드립니다.
소켓훅스함수 내부에 disconnect 함수를 상단에 정의 하셨는데 이때 useCallback으로 감싸주지 않으면 DMList에서 서버에서 socket.on으로 온라인 사용자 데이터를 못받아오더라구요 소켓 사용시 이게 어떤 차이가 있는건지 궁금합니다.
- 미해결Slack 클론 코딩[실시간 채팅 with React]
npm run dev 빌드중 또다른 오류가 발생했습니다.
자꾸 이런 오류가 뜨네요.... src 설정을 따로 해줘야 하나요? 여기까지가 제 webpack.config.ts 설정입니다.
- 미해결Slack 클론 코딩[실시간 채팅 with React]
npm run dev 오류
npn run dev 명령어를 실행하였는데 위와 같은 에러가 뜹니다. tsconfig.json 파일입니다. 분명 esModuleInterop 옵션을 true 로 설정했는데도 에러가 발생하네요 ;;
- 미해결Slack 클론 코딩[실시간 채팅 with React]
webpack.config.ts 에서 devServer 세팅할 때 인식을 못합니다
이런식으로 오류가 뜨고, package.json 파일입니다. 조언좀 부탁드립니다.
- 미해결Slack 클론 코딩[실시간 채팅 with React]
inline css에 관한 질문
body 부분과 전체적으로 적용시켜야되는 css를 index.html에 inline으로 적용시켜주셨는데요. web dev 사이트에서 찾은 내용이 처음 css를 로드할때 14KB가 넘지 않도록 조정하는 것이 좋고 스크롤없이 볼 수 있는 부분만 css를 인라인으로 빠르게 넘겨주는게 좋다라고 이해를 했습니다. 그래서 critical.js라는 라이브러리를 사용해서 직접 css를 index.html에 넣지 않고도 자동으로 만들어지게 할 수 있는 것 같습니다. 강사님이 강의에서 말씀하신 부분이 이부분들이 맞을까요? https://web.dev/codelab-extract-and-inline-critical-css/
- 미해결Slack 클론 코딩[실시간 채팅 with React]
useInput 커스텀 훅 동작 흐름 질문드립니다.
안녕하세요. 강의 잘 보고있습니다. 다름이 아니라 커스텀 훅 동작 흐름이 잘 이해가 안가서 질문을 드립니다. const [email, onChangeEmail ] = useInput(''); const [password,_1,setPassword] = useInput(''); type ReturnTypes<T=any> = [T,(e:any) => void, Dispatch<SetStateAction<T>>]; export const useInput = <T = any>(initialData:T) : ReturnTypes<T> =>{ const [value,setValue] = useState(initialData); const handler = useCallback(e =>{ setValue(e.target.value); },[]) return [value,handler,setValue]; } 여기서 각 state들의 초기값이 ''이게 아닌 useInput에서 return하는 [value,handler,setValue] 이게 맞는건가요? 그래서 HTML에서 onChangeEmail을 호출하면 useInput의 2번째 매개변수로 반환된 handler를 실행시켜서 setValue를 실행시키고 다시 리턴되서 배열 구조분해 할당을 통해서 value가 email자리로 간거고 setPassword는 직접 setValue를 실행시켜서 위와 같이 구조분해 할당으로 value가 password 자리로 간거같은데 동작 흐름이 이게 맞는걸까요??
- 미해결Slack 클론 코딩[실시간 채팅 with React]
$RefreshReg$ 에러...
선생님 ㅠㅠ 설정다하고 서버 켰는데콘솔 확인해보니 이런 에러뜨면서 app.js 연결이 안되는건지.. 태그 내용이 안보입니다. 혼자 끙끙대다가 올리네요 혹시 왜그런지 알수있을까요?
- 미해결Slack 클론 코딩[실시간 채팅 with React]
타입스크립트를 사용하는 이유를 정확히 알고싶습니다.
강의에서 타입스크립트를 사용하면 가독성은 잃지만 안정성이 높아진다라고 말씀하셨는데. 안정성이란 것이 실무경험이 없는 저로써는 무슨 말인지 잘 감이 안오네요. 1. 타입스크립트에 장점은 무엇인가요. 2. 강의에서 말씀하셨던 안정성이란 무엇인가요,
- 미해결Slack 클론 코딩[실시간 채팅 with React]
swr 관련 질문이 있습니다.
swr을 사용하면 리덕스를 사용하지 않아도 된다는데 그 이유가 뭔지 잘 이해를 못하겠어요 ^^;; 그리고 또 한가지 mutate 함수는 왜 필요한것인지 그리고 fetcher 함수를 이용해서 axios 요청을 날리는데 fetcher 함수를 만드는게 필수인지 궁금합니다. 혹시 swr 사용 관련한 강의 부분을 알려주시면 감사요 ~!