44,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]
리액트 초반부 React Router Dom 강의에서 리액트 흰화면
App.js LoginPage index.js 리액트 상에 흰화면 이렇게 아무것도 안나오는데 어떤 문제가 있는 걸까요
- 미해결따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]
오류가 떠서 문의 드립니다.
WARNING in src\App.js Line 1:8: 'logo' is defined but never used no-unused-vars Line 7:3: 'Link' is defined but never used no-unused-vars Line 12:9: 'Registerpage' is defined but never used no-unused-vars ERROR in ./src/App.js 6:0-80 Module not found: Error: Can't resolve 'react-router-dom' in 'C:\Users\user\Desktop\react-firebase-chat-app\src' @ ./src/index.js 7:0-24 11:33-36 ERROR in ./src/App.js 7:0-54 Module not found: Error: Can't resolve './components/ChatPage/ChatPage' in 'C:\Users\user\Desktop\react-firebase-chat-app\src' @ ./src/index.js 7:0-24 11:33-36 ERROR in ./src/App.js 8:0-57 Module not found: Error: Can't resolve './components/LoginPage/LoginPage' in 'C:\Users\user\Desktop\react-firebase-chat-app\src' @ ./src/index.js 7:0-24 11:33-36 ERROR in src\App.js Line 20:44: 'ResisterPage' is not defined no-undef Search for the keywords to learn more about each error. 3 errors have detailed information that is not shown. Use 'stats.errorDetails: true' resp. '--stats-error-details' to show it. webpack 5.72.0 compiled with 4 errors and 1 warning in 194 ms 이러고 오류가 뜨는데 봐주실수 있나요 .
- 미해결따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]
질문드립니다
데이터통신 리스너를 컴포넌트가 아닌 리덕스로 따로 빼서 비동기처리로 뺴도 구현해도 문제가 없나요?? 다른강의에서는 redux에 api를 구현하셨는데 여기서는 컴포넌트 안에서 정의하셔서 혹시 다른 이유가 있나 궁금합니다!
- 미해결따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]
react Router dom
react router dom 을 활용하는데, 강의에서는 Switch 라 떠서요. 근데, 인터넷 찾아보니 업데이트 되면서, Switch 말고 Routes 를 써야된다고 하는데, 어떻게 하는게 좋을까요?
- 미해결따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]
배포후 코드수정
배포 완료후 코드 수정한결과를 배포한 사이트에도 적용하고 싶은데 방법이 있을까요??
- 미해결따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]
mime 라이브러리
mime 3버전이 나옴으로써 , mime.lookup 이 아닌 , mime.getType을 사용해야 하는것 같습니다 .지금 mime 버전이 3.0.0이 나왔으며, 강좌에서 firebase 9으로 설치된 mime 버전은 2.4.6 입니다 . 제가 getType으로 사용하고 정상으로 잘 작동되는 것 까지는 확인 했으나 그 이후 문제가 정상으로 작동이 될지 의문이라 이렇게 질문 남겨봅니다.
- 미해결따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]
버전이 안맞습니다.
강의 내용이 v5 인데 현재 v6 로 업데이트 되면서 해당 강의 내용을 따라하면 오류가 발생합니다.
- 미해결따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]
findIndex 타입오류가 나요 ㅠㅠ
어떤부분이 잘못된거지 let index = notifications.findIndex 이부분에서 findIndex에서 타입 오류가 발생해요 ㅠㅠ
- 미해결따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]
git hub에 따로 branch 되어있는 파일은 없나요 ?
강의를 따라가면서, 리액트가 업데이트가 되면서, 되는 hook이 있고, 안되는 hook 들이 많으며, redux또한 많이 바뀌어서 이거 따라가기에 좀 난처한 상황이 되었습니다. 똑같은 코드지만, 에러가 뜨는 .. + 강의자료에 있는 zip 파일이 최종본인가요 ? zip 파일로 다운 받고도 에러가 많네요 .. 일단 파이어베이스 제꺼의 코드로 삽입햇을때 에러랑, 강사님 코드를 두고 그냥 해보았을때 mime-types 에러가 뜹니다 . 도저히 무슨 문제인지 .. 영상 다 듣지도 못하고 ,, 이거참 ... npm 으로 설치를 하여 실행을 해보아도 오류는 고쳐지지 않습니다 . 영상을 보고 싶어도 라이브러리의 업데이트 버전들이 매우 급격하게 변화했고, 올려주신 자료도 실행조차 되지 않으니 영상 값이 매우 떨어지네요 ...
- 미해결따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]
파이어베이스 관련 npm run build 에러
파이어베이스 관련 npm run build 에러 가 나와서 문의드립니다. 무엇이 에러인지를 모르겠습니다. 검토바랍니다. ./src/firebase.jsSyntaxError: /Users/ucoder/Documents/GitHub/react-firebase-chat/src/firebase.js: Unexpected token (1:22)> 1 | import {intializeApp} firebase from "firebase/app"; | ^ 2 | import "firebase/auth"; 3 | import "firebase/database"; 4 | import "firebase/storage"; import firebase from "firebase/app"; 으로 변경했으나 아래와 같은 메시지가 나옵니다. Failed to compile. ./src/firebase.js Attempted import error: 'firebase/app' does not contain a default export (imported as 'firebase').
- 미해결따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]
안뇽하세요 강사님
다름이아니라 react bootstrap에서 이제 Media를 지원하지 않는거같은데 어떤걸로 대체하면 좋을까 알 수 있을까요? React-Bootstrap · React-Bootstrap Documentation
- 미해결따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]
타입에러 ㅠㅠ
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 대체 왜이럴까요..ㅜ 한번 렌더됐다가 에러뜨면서 날라가요.. user.photoURL user.displayName 으로 하면 그러네요..
- 미해결따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]
useHistory -> useNavigate 로 바뀌었네요
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- 미해결따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]
선생님 혹시 다음 강의로는 nextjs, recoil 계획은 없으신지요??!
궁금해서 질문드려봅니다 .. ㅎ
- 미해결따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]
[강의질문] 안녕하세요 John Ahn님 질문이 하나 있습니다!
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 John Ahn님 반갑습니다! 혹시 채팅방 어플리케이션에서 라디오 박스를 만들어서 설문조사 할 수 있게 만들 수도 있을까요? 제가 한 번 만들어 보고 싶은데 DB 저장에서 이것 저것 해보다가 MongoDB에도 적용해보고, MySQL에도 적용을 해보고 여러 가지를 시도를 해보았는데 제가 끝맺음이 제대로 안되어서 제대로 마치고 싶습니다ㅎㅎ.. 라디오 박스를 해서 설문조사 처럼 만들어보고 싶은데 배울 수 있을만한 John Ahn님 강의가 있을까요? 감사합니다!!
- 미해결따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]
keydown 이벤트 관련 질문 드립니다.
강의에서 나온 부분을 변형하여 엔터키를 누르는 것만으로도 메세지가 전송이 되도록 하려고 했습니다. if(event.key === "Enter") 를 사용하였을 때 메세지 전송은 정상적으로 작동했지만 자동 스크롤 기능이 실행되지 않았습니다. 이 부분을 또 변형하여 강의에 나온 것처럼 event.keyCode === 13 이라는 조건을 주어도 같은 결과가 나왔습니다. 강의대로 event.ctrlKey && event.keyCode === 13을 주면 메세지 전송과 자동 스크롤 모두 정상적으로 작동하지만 다른 키 입력을 조건으로 했을 때 다른 결과가 나오는 것은 어떠한 이유때문인지 궁금합니다.
- 미해결따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]
로그인 하고 나서 Direct messages 목록이 바로 안 뜰 때는 어떻게 해야하나요?
채팅 목록때처럼 로그인 후에 바로 DM 목록이 뜨지 않고 0으로 표시됩니다. 어디를 고쳐야 바로 목록이 뜨는지 궁금합니다.
- 미해결따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]
질문 답변 부탁드립니다. 회원가입, 로그인 페이지에서 로딩
npm run start를 실행하면 loading만 게속 뜨고 넘어가질 않네요. 현재 회원가입 및 로그인 파이어베이스 9 버젼으로 바꾼 상태입니다. 코드도 다 똑같이 했는데 뭐가 문제인지 모르겠습니다.아마 redux 저장에서 문제가 생긴거 같은데 잘 모르겠네요git hub 주소도 첨부합니다. https://github.com/dgd03146/React-firebase-chat-app
- 미해결따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]
선생님 답변 부탁드립니다~~
밑에 글 답글 부탁드립니다~
- 미해결따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]
이메일로 유저 생성 부분 질문이 있습니다.
안녕하세요. 이메일로 유저 생성하던 부분을 진행하던 중(V7)에 에러 코드를 보고 V9로 바꿔줘야 하는걸 깨닫고.. 나중에 올려주신 V9코드로 수정하기 강의보고 따라하고 있어요. 그런데 똑같이 다 바꾼 것 같은데도 Firebase: No Firebase App '[DEFAULT]' has been created - call Firebase App.initializeApp() (app/no-app). 이 에러 메세지가 계속 나와 질문을 드리게 되었습니다. 제가 수정한 곳은 firebase.js, RegisterPage.js 두개인데..혹시 더 바꿔줘야 하는 부분이 있을까요? 아무래도 RegisterPager.js getAuth() 함수가 실행되며, 에러가 발생 하는 것 같습니다