25%
29,700원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Slack 클론 코딩[실시간 채팅 with React]
정말 물어볼 곳이 없어서 여기다가 물어봅니다
리액트로 투두리스트만 한번 만들어보고 어쩌다가 팀프로젝트에 들어가게 되었습니다 다른건 어떤식으로든 예제 찾아가면서 만들었는데 혹은 같이 하시는분 코드 미리 되어있는거 참고하면서 구현해왔습니다 그래서 메세지 관련기능 혼자 맡아서 해보지 않겠냐고 해서 만들어 보는 중입니다 백엔드는 스프링 부트이고 프론트는 리액트 리덕스 toolkit 쓰고있습니다 메세지 보내기부터 구현했는데 이거 정말 모르겟다고 그분한테 부탁드려서 도움받으면서 구현했습니다 메세지 리스트 받아오는걸 이제 해야할 차례인데 다른 api라면 받아오는 파라미터가 있는데 이건 스웨거에 no parameter라고 적혀있더군요 메세지 보내기는 createAsyncThunk로 받아와서 작성되었습니다 제가 막힌부분은 paylaod에 뭘 넣어야할지 애매하더군요 정확히는 답을 요구하는게 아니라 기능 만들려고 하는데 어떤식으로 검색해서 답을 얻어낼수있을지 막막합니다 왜냐하면 모르는게 있는데 그게 필요하면 그건 검색하면 나오는데 모르는게 있는데 사실 그거넣을필요 없으면 검색도 막막하고 질문도 없거든요 분명 경험상 요구하는 코드량이 줄어들탠대 어디서 뭘빼야할지 모르겠습니다 깃허브에서 비슷한코드 없을까 찾는중이긴 한데 잘모르겠습니다
- 미해결Slack 클론 코딩[실시간 채팅 with React]
실제 배포 질문입니다!
기존에는 pm2 에 next 실행으로 편하게 front 서버를 띄었었는데, 이번에 sleact 빌드 후 js 파일은 back 개발자에게 넘기면된다는 말씀에서 백엔드 개발자가 넘겨 받은 js 파일을 어떻게 띄우는 궁금합니다. nginx 같은 웹서버 구동 후 app.js 파일만 바라보게 하면 되는 건가요~~? pm2 같은 프로세스 매니저는 필요 없나요~~? 그럼 혹시 로컬 환경에서 프로덕트 모드로 실행하는 방법은 따로 있을까요~~?
- 미해결Slack 클론 코딩[실시간 채팅 with React]
optimistic, pessimistic ui 질문드립니다.
mutate(data, true); 에서 true면 pessimistic ui 이고 false면 optimistic ui 인가요? shouldRevalidate가 true, false 어떤것이든 mutate 하는 순간 그 data를 적용하기 위해서 해당 컴포넌트를 리렌더링하는게 맞나요? 그렇다면 여기서 pessimistic ui는 아닌 것 같아서 질문드립니다. 마지막에는 캐시에 저장된거하고 서버에서 받아온거 이렇게 차이라고 하셨는데 갑자기.. 이 얘기가 나와서 헷갈리네요.
- 미해결Slack 클론 코딩[실시간 채팅 with React]
로그인 시 404 오류
안녕하세요 웹 무료 강의부터 시작하여 강사님 덕분에 많은 것을 배우고 있는 학생입니다. 다름아니고, 로그인 시 404 오류가 발생하여 질문드립니다. 회원가입 이후 동일한 아이디로 로그인을 진행하면 404가 발생하면서 없는 유저라는 에러 메시지가 뜨는데, 똑같은 아이디로 다시 회원가입을 진행하면 이미 존재하는 아이디라는 메시지와 함께 403 오류가 발생합니다. 서버 콘솔을 살펴보아도 잘 작동하는 것으로 미루어 url 오타는 아니며, 네트워크 탭을 확인해 보아도 email 값과 패스워드 값이 잘 전달됨도 확인하였습니다. 첫 번째 사진은 회원가입 진행 후, 성공한 메시지이고, 두 번째 사진은 동일한 정보로 로그인 시도 시 발생하는 404 오류이며 마지막은 서버 콘솔 사진입니다. 서버 콘솔을 확인한 결과 요청한 이메일로 where 절이 잘 실행된 것을 확인하였습니다. 직접 서버 코드를 까보면 좋으나 노드(익스프레스)와 ORM이 익숙치 않아 확인하는 것도 한계가 있고, 앞으로 이 부분이 해결이 안되면 진도를 나가는 것이 불가능할 것으로 보여 이렇게 글 남겨드립니다. 코드 오타의 가능성의 경우, 강사님이 샘플로 주신 코드를 복사붙여넣기 하였기 때문에 문제가 없을 것으로 보입니다. 이 상황에서 가장 의심이 되는 부분이 DB 부분인데, show databases 쿼리 결과, 따로 slreact 데이터베이스 혹은 그외 데이터베이스가 생성되지 않는 것으로 보이며 처음엔 DB 쪽 문제인 줄 알았으나, 그렇다고 하기엔 회원가입 시 중복체크가 잘 작동하여 이것마저 여의치 않은 상황입니다. 이에 부디 조언 부탁드립니다. 긴 글 읽어주셔서 감사합니다
- 미해결Slack 클론 코딩[실시간 채팅 with React]
배포 관련 질문입니다
헉 제로초님 저는 서버 강의는 안듣고 클라이언트만 듣고 배포하고 싶거든요 포폴로 사용하려고요 클라이언트만 따로 배포 할 방법은 없을까요?...
- 미해결Slack 클론 코딩[실시간 채팅 with React]
채팅 입력 통신 질문 있습니다!
채팅 입력 데이터 보낼때 에러가 나서요 보내는 코드는 이렇습니다! 네트워크 header 쪽은 이렇게 나옵니다! 네트워크 preview엔 이렇게 나옵니다
- 미해결Slack 클론 코딩[실시간 채팅 with React]
데이터 받아오는 이슈 궁금합니다!
제로초님 chatData를 이런식으로 불러오는데 이런 에러가 나옵니다! 콘솔 찍어봤더니 json 데이터 형태가 아니고 아래처럼 나오는데 api 쪽.. 이슈 일까요?
- 해결됨Slack 클론 코딩[실시간 채팅 with React]
sleact 폴더 안에 파일이 다 들어있습니다.
깃에서 클론받아서 강의를 진행하고 있는데 front 뿐만 아니라 sleact 폴더에도 전부 만들어져 있는데 어떤식으로 진행해야하나요 초반 셋팅 부분 빼고는 다 삭제 후 만들면 되겟죠..?
- 미해결Slack 클론 코딩[실시간 채팅 with React]
두가지 궁금한게 있습니다! (axios vs useSWR, promise vs async await)
안녕하세요! 제로초님 단순히 궁금한 두가지가 있습니다! 1. 요청은 axios 로 보내고 데이터 받아오는것은 useSWR를 사용하는 이유의 개념이 잘안잡혀서요 캐시 컨트롤때문일까요? 2. axios 로 데이터 처리할때 async await 말고 promise 를 사용하시는 이유가 있을까요? 만약 async await을 사용한다면 기존 then, catch, finally를 어떻게 async await 문법으로 변경 할 수 있나요?
- 미해결Slack 클론 코딩[실시간 채팅 with React]
react-mentions 관련 에러
멘션 하는 부분 코드 작성하고 확인해 보려고 @ 누르면 이런 에러가 뜹니다. 다른 글자를 치면 에러가 나지 않아서 trigger부분을 다른 글자로 바꾸고 그 글자를 치면 계속 이 에러가 뜨는걸 봐서는 는 그쪽 에러인거같은데 제가 toLowerCase를 쓰지않았는데 저 에러가 나서 원인을 잘 모르겠어요.
- 미해결Slack 클론 코딩[실시간 채팅 with React]
npm run dev 실행하면 요런에러가 나는데 도저히 모르겠습니다...!
(사진)
- 미해결Slack 클론 코딩[실시간 채팅 with React]
작동방식 설명해주셨는데
이런것도 다 공식문서에 기재되어 있는건가요?
- 미해결Slack 클론 코딩[실시간 채팅 with React]
프록시 관련
프록시 쓰다가 갑자기 백엔드 개발자에게 CORS 요청으로 컨셉유턴은 저상태에서 해결하기 힘들어서 그런건가요?
- 미해결Slack 클론 코딩[실시간 채팅 with React]
swr 설정 살펴보기 > revalidate 문제
swr 최신버전에서 revalidate가 삭제 된 것 같아서 질문드립니다! 제로초님의 강의를 듣고, 제가 이해한 것은, 기본 swr설정으로 사용을 하면, 지속적으로 데이터를 요청하게 되는데, swr에서 revalidate를 설정해주고, onSubmit의 post의 then에 reavalidate함수를 넣어주면, 그 함수가 실행 되었을 때부터 swr이 작동한다고 이해했는데 그게 맞을지 여쭤보고 싶습니다. swr 공식문서를 읽어보긴 했는데 확실히 이해가 되지 않아서요.. 조건부로 실행시키기 위해서, useSWR()에서 조건을 주어, 조건에 따라 false일 때 url의 위치에 null 안에 조건을 넣어주는 방식으로 공식 문서에 적혀있는데, 이렇게 되면 useState로 조건을 하나 만들어주어야 할까요? 해당 방법이 맞는지와 올바른 코드 예시가 있다면 알려주시면 감사하겠습니다!! ㅠ
- 미해결Slack 클론 코딩[실시간 채팅 with React]
ChatBox의 Form이 Submit이 안되네요....
제가 다른 프로젝트를 하다가 react-hook-form이 밸리데이션이라던지 input 상태관리가 너무 편해서 강의들으면서 이번에도 적용해보려고 썼는데요. 제로초님께서 submit 안되던 그 부분 ChatBox에서 똑같이 에러나네요. 제로초님이 혹시 react-hook-form에 대해 아신다면 코드한번 봐주실 수 있을까요? 참고로 로그인, 회원가입, 워크스페이스 생성 등은 모두 useForm으로 성공했습니다. ㅜ /@components/ChatBox @pages/DirectMessage
- 미해결Slack 클론 코딩[실시간 채팅 with React]
Cannot use import statement outside amodule 에러
안녕하세요 제로초님. npm run build 명령어를 수행했는데 다음과 같은 에러가 발생합니다. wepback.config.js 내부에서 import와 같은 ES6 문법을 읽지 못해서 발생하는 에러인것 같은데 해결법을 잘 모르겠습니다. https://dev.rase.blog/21-01-03-unavailable-import-on-typescript/ 위와 같은 블로그도 찾아봤는데 해결법은 아닌것 같고 setting의 ts 폴더에서 npm run build를 수행해봐도 결과는 똑같은 에러가 발생합니다. ㅠㅠ 해결법이 있을까요??
- 미해결Slack 클론 코딩[실시간 채팅 with React]
아이콘이 표시되지 않습니다
html의 link rel:stylesheet도 모두 올바르게 적용하였는데 아이콘이 표시되지 않네요 ㅜㅜ collapse 버튼 외에 DM 목록 아이콘도 전부 안뜹니다 어디가 문제일까요?
- 미해결Slack 클론 코딩[실시간 채팅 with React]
npm run dev 명령시
npm run dev 명령시 이런 에러가 뜹니다. 처음엔 webpack.config.ts파일에서 devServer부분이 빨간줄 쳐져있었고 다른 비슷한 질문에서 npm i @types/webpack-dev-server@3.11.1 -D 이 명령어로 해결했다는 후기를 보고 따라해보았으나 config파일에서 빨간줄은 없어졌어도 에러는 계속 뜹니다. 다른 질문답변에서 또 다른 방법을 찾아서 이것도 해봈으나 같은 에러가 뜹니다.
- 미해결Slack 클론 코딩[실시간 채팅 with React]
SWR 관련 질문!
안녕하세요 저는 SWR은 서버에 비동기로 요청한 데이터를 관리하는 라이브러리로 생각했는데 클라이언트단 상태 데이터도 관리할 수 있나요??
- 미해결Slack 클론 코딩[실시간 채팅 with React]
setShowCreateChannelModal props의 타입 질문
강의에서, setShowCreateChannelModal props의 타입을 (flag:boolean)=>void;라고 지정하셨는데, setState의 경우 기본적으로는 Dispatch<setStateAction<S>> 이런식이었던 것 같은데 이렇게 안쓰고 그냥 저렇게 쓸 수 있는 건가요?