39,600원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Slack 클론 코딩[실시간 채팅 with React]
gravatar 설정 중 잘 되지 않습니다.
안녕하세요 제로초님 강의 보던 도중 에러가 발생하여 질문 남깁니다! <코드> <오류> <ProfileImg src={gravatar.url(data.email, { s: '28px', d: 'retro' })} alt={data.nickname} /> 이 코드에 문제가 있는 것 같은데 어떤때는 코드에 이상없이 gravatar가 화면에 나오고 어떨때는 코드에 오류가 생겨 저 오류메세지가 출력이 됩니다. 어떻게 해결해야 할지 도저히 모르겠어서 질문남깁니다!
- 미해결Slack 클론 코딩[실시간 채팅 with React]
useSWR 관련질문
useSWR를 사용해서 취득한 데이터를 가공후 가공된데이터로 캐싱할 수 있나요?
- 미해결Slack 클론 코딩[실시간 채팅 with React]
회원가입 페이지 실행
index.html 에서 링크도 바꿧는데도 이렇게 뜨네요 404뜨는 이유가 back문제 일까요?
- 해결됨Slack 클론 코딩[실시간 채팅 with React]
회원가입을 누를 때 에러가 발생합니다.
백엔드는 정주행하면서 전부 완료한 상태이고, 그것을 바탕으로 프론트엔드를 만들고 있습니다만 회원가입에서 에러가 발생합니다. - front 관련 화면 - 백엔드 관련 에러 이러한 식으로 에러가 발생합니다. 제 생각에는 워크스페이스멤버를 추가할 때 에러가 발생하는 것 같은데, 정확한 에러 원인과 해결방법이 무엇인지 궁금합니다.
- 해결됨Slack 클론 코딩[실시간 채팅 with React]
sleact/alecture/pages/login/styles.tsx ?
깃헙에서 sleact/alecture/pages/login/styles.tsx 파일이 비워 있는데 일부러 비워 두신거죠?
- 해결됨Slack 클론 코딩[실시간 채팅 with React]
안녕하세요 웹팩 관련질문입니다.
안녕하세요! 웹팩 관련 질문이있습니다. 제꺼 빌드용량이 3MB로 엄청크더라구요. 그래서 원인을 알아보니 isDevelopment가 계속 development 모드로 빌드 되는게 이유였습니다. devtool설정은 아래와 같이했는데 development이다 보니까 계속 inline source map 으로 작동해서 파일크기가 큰것같더라고요. isDevelopment ? 'inline-source-map' : 'hidden-source-map' 차이점을 보니 npm script가 start는 webpack serve, build는 webpack만 되어있는 상태였어요. 그래서 start 에는 webpack serve --env development build에는 NODE_ENV=production webpack 를 적어주니까 production모드로 되고, 300kb로 떨어진걸 확인했어요. 그런데 start는 --env development이고, build는 NODE_ENV=production인 이유가 있나요? 둘다 --env development, --env production을 적거나 NODE_ENV=development, NODE_ENV=production으로 하는것과 차이가 있나요? 공식문서에서는 webpack dev와 prod로 파일을 다르게하는 아래방법밖에 못찾았는데, "start": "webpack serve --open --config webpack.dev.js", "build": "webpack --config webpack.prod.Js 제로초님은 어떤걸 보고 하셨는지 궁금합니다. 그리고 EnvironmentPlugin은 적지 않아도 console.log(isDevelopment)를 찍어보면 process.env.NODE_ENV 상태가 출력되고 빌드/실행도 잘되던데, 아래와같이 추가해야하는 이유가 있는지도 궁금합니다. new webpack.EnvironmentPlugin({ NODE_ENV: isDevelopment ? 'development' : 'production',
- 미해결Slack 클론 코딩[실시간 채팅 with React]
새로고침시 입력 값들이 자동으로 들어갔는데 어떻게 설정하셨나요?
안녕하세요! 강의 내용과 관련된 질문은 아니지만, 개발하시다가 새로고침하면 입력 필드에 값들이 자동으로 삽입되어져 있는데 해당 방법을 어떻게 하셨는지 궁금합니다.
- 미해결Slack 클론 코딩[실시간 채팅 with React]
[06:26 부분] 정규표현식으로 문자열 변환하기 부분 질문할게요
정규식으로 닉네임 찾는 부분에서요 match.match(/@\[(.+?)]\((\d+?)\)/)! 여기 이부분에서느낌표(!)를 왜 붙여준건가요? str.match(정규표현식) 이런 형태로 작성하는 건줄 알았는데 느낌표가 붙여있어서 궁금해서 질문올립니다.
- 미해결Slack 클론 코딩[실시간 채팅 with React]
제로초님~ IChannel type에 존재하지 않는다고 나옵니다
IChannel을 @typings/db에서 import하고 있는데 왜 타입이 존재하지 않는다고 하고 ICahnnel의 속성들이 없다고 하는지 모르곘습니다 ㅠㅠ
- 미해결Slack 클론 코딩[실시간 채팅 with React]
tsconfig관련 질문 있습니다
슬리액트 강의 내용 일렉트론으로 작업해 보려고 따라하는 중에 tsconfig path 설정에서 오류가 생겼습니다. import 경로 위에 컨트롤 + 마우스클릭 할 경우 정상적으로 해당 파일로 이동합니다. 근데 막상 서버 실행 시에는 아래와 같은 오류가 나더라구요. 참고로 저는 CRA를 사용했습니다!! 스택오버플로우 아래 해결책도 해보았는데 해결이 안되어서 질문드립니다ㅠㅠ 제 tsconifg.json 입니다~!! 방향 잡아주시면 또 열심히 찾아보겠습니다 감사합니다!! ㅠㅠ { "compilerOptions": { "target": "es5", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "esModuleInterop": true, "allowSyntheticDefaultImports": true, "strict": true, "forceConsistentCasingInFileNames": true, "noFallthroughCasesInSwitch": true, "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, "noEmit": true, "jsx": "react-jsx", "baseUrl": "./src", "paths": { "@hooks/*": ["src/hooks/*"], "@components/*": ["src/components/*"], "@pages/*": ["src/pages/*"], "@utils/*": ["src/utils/*"], "@types/*": ["src/types/*"] }, "plugins": [{ "transform": "typescript-transform-paths" }] }, "include": ["src"] }
- 미해결Slack 클론 코딩[실시간 채팅 with React]
loadable/component namespace 관련 오류에 대해 질문드립니다.
안녕하세요 제로초님!!코드 스플리팅과 관련하여 loadable 라이브러리를 사용하는 과정에서 계속해서 namespace 를 찾을 수 없다는 오류가 발생하여 질문드립니다. app.tsx
- 미해결Slack 클론 코딩[실시간 채팅 with React]
react-mention 적용후 랜덤으로 submit이 두번씩 입력되고 있습니다ㅠㅠ
안녕하세요 제로초님!! Chatbox.tsx에서 input 태그로 입력 시에는 영어, 한글 둘 다 한번씩만 onsubmit이 되는데 MentionsInput 사용시 영어는 괜찮은데 한글만 랜덤으로 2번이나 3번까지 입력되는 버그가 있습니다ㅠㅠ ChatBox.tsx
- 미해결Slack 클론 코딩[실시간 채팅 with React]
14강 강의에서 logout 시 오류가 발생 합니다.
안녕하세요. 14강 강의를 따라 하던 중 logout를 실행하면 아래에 첨부된 이미지와 같이 오류가 발생 합니다. 백앤드는 실행 되어 있는 상태이며 로그인, 회원가입은 정상 동작을 합니다. 조언 부탁 드립니다. 감사합니다. 수고하세요.
- 미해결Slack 클론 코딩[실시간 채팅 with React]
loadable-components: failed to asynchronously load component 에러에 관한 질문입니다.
선생님 안녕하세요 웹팩을 배운것을 토대로 기초적인 웹을 하나 만들고 버셀로 배포하였으나 코드스플리팅을 한 후 다시 배포 하고 난 뒤 에러가 나오고 있습니다. 개발환경에서는 잘 작동 되는데 어떤 이유로 배포 환경 에서는 안되는지 아직 파악을 못하고 있습니다. 읽어 주셔서 감사합니다. //웹팩 : 웹팩 설정은 수업내용과 같은 설정입니다.
- 미해결Slack 클론 코딩[실시간 채팅 with React]
npm 에러가 납니다
안녕하세요 제로초님 npm i socket.io-client@2 이렇게 설치하면 사진처럼 에러가 발생합니다ㅠㅠ node.js 버전 문제일까요?
- 미해결Slack 클론 코딩[실시간 채팅 with React]
POST http://localhost:3095/api/workspaces/sleact/dms/8/chats 401 (Unauthorized)
제로초님 안녕하세요 DM 리스트에서 하이(나)를 선택한 후 '안녕'이라고 메시지를 보내면 제목과 같은 에러를 마주합니다 인증이 안되었다는 에러인데,,, 로그인 잘 했고 그에 따라 userData나 myData도 콘솔로 잘 받아오는 것을 확인할 수 있습니다. 혹시 onSubmitForm이 캐시값에 의해 안 바뀌어서 그런건가 싶어 userData, myData, chatData 값이 바뀔때 Callback함수가 실행되도록 시도해보았는데 동일한 에러가 뜹니다. 어떤 것이 문제일까요?ㅠㅠ
- 미해결Slack 클론 코딩[실시간 채팅 with React]
DirectMessage MutateChat type error
안녕하세요. typescript에 익숙치 않다 보니까 계속해서 type문제가 발생이 되어도 어떻게 수정을 해야하는지 어려움을 겪고 있습니다. 그래도 차차 따라가던중에 아래 사진과 같은 문제가 발생했는데 코드상에서는 parameter hint를 통해서 any라고 나타나고 있는데 계속 에러가 나타나서 확인을 못하고있는데 IDM[][]을 사용한 부분은 ChatList에서만 사용을 하고있어서 그쪽을 다시봐도 대체 왜 이렇게 진행이 되는지 확인이 불가합니다...ㅠ 어떤게 문제인지 알수있을까요..?
- 미해결Slack 클론 코딩[실시간 채팅 with React]
activeClassName selected 효과관련 질문입니다!!
v6부터 activeClassName이 사라졌다고 해서 NavLink 에 selected 효과를 채널과 디엠 둘다 똑같이 적었습니다 근데 DM리스트에는 selected효과가 제대로 먹히고 채널리스트에는 두번째 채널만 클릭할때 효과가 들어가는데 원인이 무엇인지 모르겠습니다 ㅠㅠ 에러도 안뜨고 주소는 위아래 제대로 생성되고 있습니다,,
- 미해결Slack 클론 코딩[실시간 채팅 with React]
워크스페이스 목록들이 오지 않아요ㅠㅠ
안녕하세요 제로초님 제가 만든 아이디들이 오지 않아서 목록에 생성이 되지 않는데 왜 이런지 알수있을까요ㅜㅜ
- 해결됨Slack 클론 코딩[실시간 채팅 with React]
리액트와 시맨틱태그에 관하여 질문이 있습니다.
안녕하세요 선생님!강의를 통하여 리액트와 타입스크립트를 공부하고 있습니다. 감사합니다 공부하다보니 리액트의 시맨틱 태그에 관해 궁금증이 생겨서 질문드려요. 리액트는 index.html의 div태그안에 내용이 꽂히게 되는거잖아요? 그러면 리액트의 컴포넌트 안에서 main이나 header와 같은 태그를 사용해도 될까요? <div> <main> ... </main> </div> 이런식으로 마크업이 되는 건데 보통의 html들은 header,main등은 <body>의 최상위 태그로 마크업되는거 같아서요.. 리액트에서는 div로 통일하고 role로 의미를 나타내는게 더 좋을까요??또 선생님은 리액트에서 시맨틱 마크업을 어떻게 구현하시는지도 궁금합니다.