25%
29,700원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 해결됨Slack 클론 코딩[실시간 채팅 with React]
webPack 설정 관련 질문드립니다.
안녕하세요. App.tsx 에서 페이지 import 하는 상황에서 오류가 발생했습니다. 오류 발생 내용은 import Login from '@pages/Login'; import SignUp from '@pages/SignUp'; 위 코드의 import 구문에서 cannot find module 에러가 발생했구요 실제로 브라우저에 발생한 에러 내용을 보니 path 자체가 alias에 설정한 경로로 접근을 못하고 App파일이 존재하고 있는 layout 폴더에서 찾고 있었습니다 그래서 임시로 import LogIn from '../pages/login/LogIn'; import SignUp from '../pages/signUp/SignUp'; 경로를 바꿔봤지만 에러만 안날뿐이지 실제 라우팅이 적용이 안되고있습니다. 제 추측으로는 tsconfig.json 또는 webpack.config.ts 파일에서 뭔가 경로 인식을 못한다는 생각에 강사님이 기존에 작성하신 설정 파일의 코드와 하나하나 비교를 해봤지만 똑같이 안되더라구요... 하기는 제 설정파일의 경로 지정입니다.. 1. webpack.config.ts 2. tsconfig.json 3. 폴더 구조 답변 부탁드립니다 ㅠㅠ
- 해결됨Slack 클론 코딩[실시간 채팅 with React]
로그인 & 회원가입 관련해서 질문드립니다.
로그아웃을 하는 작업은 cookie의 값을 지우면 로그아웃이 된다고 하셨는데, 백엔드에 logout요청을 보내는 이유가 무엇인가요? 그리고 로그인 했을때 쿠키에 저장되는 방식은 어떤식으로 흘러가는 것인지 잘 이해가 가지 않습니다! 저는 로그인할때 서버에 로그인 요청을 하면 서버에서 토큰을 줘서 그 토큰을 프론트엔드 단에서 쿠키에 저장하는 방식을 사용했었는데 그 방식과는 다른 방식인가요?
- 미해결Slack 클론 코딩[실시간 채팅 with React]
axios 기본 설정은 어디에 있나요?
질문이 있습니다. 현재 axios 요청시 앞의 부분이 빠져 있는데 어디에 설정되어 있는지 알려주시면 감사요! axios .post('/api/users', { email, nickname, password, }) .then((response) => { console.log(response); // setSignUpSuccess(true); }) .catch((error) => { console.log(error.response); setSignUpError(error.response.data); }) .finally(() => {}); 2번째 질문:import useInput from '@hooks/useInput'; 에서 @는 어떻게 사용하는건지 좀더 자세하게 설명해주시면 감사요 3번째 질문 저 그리고 강의와 상관없는 질문인데 프론트에서 동시 요청 모듈을 이용해서 100명 1000명이 동시에 url 요청을 날리도록 할수 있나요? 모듈이 있긴 한거 같아요
- 미해결Slack 클론 코딩[실시간 채팅 with React]
웹팩 설정
cra가아니라 웹팩설정을 직접하셨는데, 사용하는 스택이 같다면 이 세팅 그대로 웬만한 사이트를 만들때 사용해도 부족함이 없나요? 실무에서는 실제로 어떻게 웹팩 설정을 하는지 알고 싶은데 이 강의에서 설정하신 것과 비교해보았을 때 실무에서는 더 자세한 설정이 추가되나요? 어느정도 차이가 나는지 궁금합니다.
- 미해결Slack 클론 코딩[실시간 채팅 with React]
front-rq폴더는 react-query를 위한 폴더인가요? SWR이외에 같은작업을 react-query로 진행해보고싶어서요!
안녕하세요 제로초님 강의 감사합니다.SWR로 하는 강의를 완강했고SWR을 react-query로 바꿔보고싶은 욕심이 생기는데혹시 front-rq 폴더는 내용은 똑같고 SWR 을 react-query로 바꾼 버전이 맞을까요?
- 미해결Slack 클론 코딩[실시간 채팅 with React]
ERROR: Access denied for user 'root'@'localhost' 질문입니다.
code: 'ER_ACCESS_DENIED_NO_PASSWORD_ERROR', errno: 1698, sqlState: '28000', sqlMessage: "Access denied for user 'root'@'localhost'" config.js에 DB 비밀번호는 맞게 작성했습니다. 터미널에서 DB 접속도 문제 없이 됩니다 ㅠ 혹시 문제의 원인을 알 수 있을까요..?
- 미해결Slack 클론 코딩[실시간 채팅 with React]
설정관련 질문드립니다.
따라하면서도 엄청 헤매다 설정완료 했는데요 리액트 기준 이설정작업을 따로 하지않게 해주는것이 cra인건가요 그럼??
- 미해결Slack 클론 코딩[실시간 채팅 with React]
mutate 후 post요청 에러 발생 시
강의 중 5:22에서 실패하면 revalidate 때문에, mutate로 속여주었던 데이터가 사라진다고 하셨는데요. 질문1 실패하면 then구문으로 가는 것이 아니라 catch로 가서 catch문에 revalidate를 넣어줘야할 것 같은데 아닌가요? 질문2 물론 매 요청 성공마다 revalidate를 넣어서 서버의 최신 상태를 반영해야할 필요가 있는 서비스의 경우 revalidate를 then 구문에 넣어주어야 하겠지만, 굳이 그럴 필요가 없는 경우, post요청 전에 mutate로 프론트를 속인 후, post 요청 then구문에 revalidate를 꼭 호출할 필요도 없는 것이 맞나요?
- 미해결Slack 클론 코딩[실시간 채팅 with React]
SWR 다시 질문드립니다!
이전 강의에서 물어본 사항들을 이번 강의에서 설명하시네유ㅠㅠ 보고 질문드릴걸 그랬습니다! useSWR이 동일한 키 값이면 동일한 data를 공유한다는것 까지는 이해했고, 리덕스를 대체할 수 있다는것까지도 알겠습니다. 근데 이 둘 간에 분명히 차이점이 있는데 이를 제대로 이해했는지 잘 모르겠어서 확인 차 질문드립니다! 동일한 키 값이란 말은 결국 동일한 url이라는 말인데, 동일한 url로 처리할 수 있는 요청들이 제한적이기 때문에 결국 SWR 공간들이 분할될 수 밖에 없다고 생각하는데요( 필요할 때 useSWR로 값을 불러올 수 있지만, 서로 다른 url에서 서로 다른 구조의 data를 응답받았을 때, 리덕스 스토어의 경우 initialState에 전체를 다 때려박아넣은 다음, 요청의 response 값을 initialState에 채워넣거나 수정하는 식으로 관리하지만, SWR의 경우 이와같은 조작을 하려면 서버에서 매번 data구조를 거대하게 리턴해야해서 효율이 너무 떨어지기 때문에 실용적인 측면에서 불가능하다 생각되서 분할되었다고 표현 ). 그럼에도 불구하고 코드 전체적으로 보았을 때 swr에서 사용되는 url들, 즉 키 값들은 한정적이기 때문에 같은 키값에서 사용되는 데이터들만 골라서 쓰면 전역공간처럼 쓸 수는 있을 것 같지만, 리덕스와 같은 완전한 전역공간은 아닌 것으로 예상됩니다. swr은 키값과 지역공간을 매핑해서 사용함. 필요에 따라 동일한 키값을 부여해서 데이터 공유가 가능하므로, 전역공간처럼 사용할 수 있음. 리덕스는 지역이고 뭐고 필요없이 그냥 전역공간 그 자체를 만들어서 사용함. 이렇게 이해했는데 얼추 맞나요? 수정) 비동기요청에 사용하는 fetcher들의 then에 동기useSWR('global',...)를 호출해서 비동기요청 then구문마다 global 키값에 데이터를 채워넣는 식으로 사용하면 리덕스 스토어를 완전히 대체하는 방법일까요?
- 미해결Slack 클론 코딩[실시간 채팅 with React]
SWR 질문드립니다!
리덕스의 경우 configureStore를 통해서 스토어를 만들어서 실제 전역변수들이 저장되는 공간을 만들고 그 스토어에 데이터를 저장하는 것으로 이해하고 있습니다. SWR의 경우 전역변수공간을 다루는것처럼 보이지만 사실 LogIn에서의 data와 SignUp에서의 data는 아무 관련이 없는것처럼 보이는데 맞나요? 예를 들어 리덕스 스토어 구조로 data를 얻는 방법을 생각했을 때, LogIn에서 요청을 한 번 하고, 인터넷이 끊겨버리더라도 이는 스토어에 저장되어있기 때문에 SignUp에서 가져다 쓸수있지만(최신데이터임은 보장할 순 없지만), swr의 경우 LogIn에서 요청을 한 번 하고 인터넷이 끊겨버리는 상황을 생각해보면 LogIn에서야 data를 쓸 수 있지만, SignUp에서는 data를 다시 서버로 요청하는 개념이지, LogIn에서 쓰던 data를 끌어다 쓰는 개념이 아니라고 이해하고 있는데 혹시 다른 점이 있나요?
- 미해결Slack 클론 코딩[실시간 채팅 with React]
제가 README.md 설명을 보고 백엔드 세팅을 했는데, 백엔드 서버 에러가 발생하여 오류 수정 요청드립니다.
axios로 요청 보내기와 CORS, proxy 강의 듣던중 백엔드 서버 요청 에러가 발생하여 문제를 찾아보니 백그라운드 세팅 3번에 오타가 있었네요. 많은 분들이 실수 할것 같진 않지만 그냥 복사/붙여넣기 하다보니 이런 문제가 생기네요..ㅎㅎ 혹시나 저와 같은 실수를 방지 하기위해 리드미 파일 수정 요청드립니다. 신입 개발 3개월차인데 제로초님 강의 보면서 기본도 잘 다지고 있습니다. 감사합니다!!
- 미해결Slack 클론 코딩[실시간 채팅 with React]
workspace 새로고침
workspace 코드를 보면 const { data: userData, revalidate, mutate } = useSWR<IUser | false>('/api/users', fetcher); if (!userData) { return <Redirect to="/login" />; } 이 코드를 통해 workspace에서 userData가 없을 때 로그인 페이지로 이동하도록 만들었는데 workspace에서 새로고침을 했을 때 다시 userData를 가져오는 동안 아래의 if문이 실행되어 로그인이 되어있음에도 로그인 페이지로 이동하는 경우는 생기지는 않을까요? 비동기 데이터를 가져오는게 완료되고 if문이 실행된다는 순서가 보장이 되는 이유가 궁금합니다. 제가 다른 프로젝트에 이 방법을 응용했을 때 위와 같은 문제가 생겨 여쭈어 봅니다.
- 미해결Slack 클론 코딩[실시간 채팅 with React]
오픈소스 어떻게 공부 해야 할 까요?
Canvas 라이브러리 오픈소스에 관심이 많습니다. 라이브러리를 직접 사용 해 보면서 버그나 이런 것 이 있으면 수정을 해서 기여를 할 수 는 있지만. 선생님의 ReactGo 같이 라이브러리를 어떻게 기획해서 만드는 지 궁금합니다. 제가 관심이 있는 Three.js 라이브러리 코드 뜯어서 한 줄 한 줄 보면서 어떻게 코드를 썼고 마인드맵으로 각 컴포넌트 역할들 정리하고 모르는 함수들은 구글링 하면서 공부 하고 있는 데 효율적인 공부 방법 인지 모르겠습니다.
- 미해결Slack 클론 코딩[실시간 채팅 with React]
slack을 heroku에 배포해보려고 합니다.
Heroku에 배포를 하려고하고 있습니다. DB 생성 후 백엔드쪽에서 연결하고 디비에 테이블을 생성하려고하는데요. 영상에서보면 sequelize 명령어를 사용해서 테이블을 만드시는데 혹시 테이블을 제가 직접 만들어줘야할까요? 배포해서 한 번 봐보고 싶은데 해본적이 없어서 이 부분이 어렵네요..
- 미해결Slack 클론 코딩[실시간 채팅 with React]
DB 공부 방향에 대해 여쭤봅니다.
안녕하세요. slack강의를 잘 보고있고 완강후에도 취업을 위해 계속해서 공부하고 있습니다. 다름이 아니라 백엔드쪽도 어느정도는 알고 있어야 생각하여 좀 깊게 공부해보려 합니다. 서버쪽은 nest쪽으로하면 좋을거라 생각하고 있습니다. 혹시 DB쪽은 SQL noSQL중 추천해주실만한게 있을까요? MongoDB로 공부하면 좋을듯한데 .. nest와 잘 맞는다? 이런 표현이 맞을지 모르겠네요. 혹시 공부방향으로 서버, DB쪽으로 추천해주실만한게 있으면 답변 부탁드리겠습니다. 감사합니다.
- 미해결Slack 클론 코딩[실시간 채팅 with React]
SPA에서 e.preventDefault()를 사용해야하는 이유가 뭔가요?
https://developer.mozilla.org/ko/docs/Web/API/Event/preventDefault - 위의 링크에서 e.preventDefault() 함수가, 이벤트가 취소 가능한 경우 이벤트의 전파를 막지 않고 이벤트를 취소한다고 되어 있는데, 설명중에서 SPA에서 e.preventDefault() 사용해야한다고 하셨는데 이유가 궁금합니다.
- 미해결Slack 클론 코딩[실시간 채팅 with React]
Container onDragOver 이벤트가 밖으로 나가지는 현상
안녕하세요. 다름이 아니라 Channel에서 이미지 drag시 dragOver css가 container 공간에서 잘 동작하나 DM에서만 container를 벗어나서 영역이 자꾸 잡히네요. 제가 코드를 잘못 적었나 싶어 제로초님 git에 있는 코드를 그대로 복사해와서 해도 이런 현상이 있네요. 크롬쓰고 있구요. 혹시 이런 현상이 있으셨거나 감이 오시는게 있으실까요..
- 미해결Slack 클론 코딩[실시간 채팅 with React]
/workspace/channel 페이지에서 새로고침시 빈화면
git 주소입니다. https://github.com/bokjk/sleact/tree/master/alecture 일단 historyApiFallback: true, 는 설정했습니다. /LogIn 과 /signup 페이지는 새로고침을 하여도 정상동작합니다. 로그인 후 /workspace/channel 페이지에서 새로고침을 하면 빈 화면이 뜨고있습니다. 헤더 request URL 주소도 이상하게 가네요.. 설정을 잘못따라한듯 싶은데 어디가 잘못됐는지 모르겠습니다. 항상 좋은 강의 감사드립니다
- 미해결Slack 클론 코딩[실시간 채팅 with React]
DM목록만들기 아이콘 적용이안되는문제로 질문드립니다.
안녕하세요 제로초님 질문이있습니다. 아래 사진의 경우 DM목록 만들기를 그대로 따라했고 , DMList/styles.tsx파일을 작성했는데해당부분에 아이콘들이 적용이 안되는데 혹시 이유를 알수있을까요? ex) DMList/styles.tsx 파일에 background 색을 빨간색으로 바꾸면 스타일 적용은 되는걸로보아 css파일이 연결이 안된건 아닙니다.
- 미해결Slack 클론 코딩[실시간 채팅 with React]
return 관련 질문
삭제된 글입니다