172만명의 커뮤니티!! 함께 토론해봐요.
미해결
react native 네비게이션 설치를 하고 시뮬레이터 기동 시 오류가 발생하는데 해결방법 아시는분 계시나요ㅠㅠ os 업데이트 해보고 dependencies 삭제하고 재설치 해봐도 오류가 발생하는데 어떻게 해결해야 할까요.. - 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
미해결
따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
여태껏 다른 분들이 달아주신 댓글을 종합해서 정리해봤습니다 # 1. 첫번째 오류 - v6 오류 Warning: Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function rather than return it. 이 오류는 v6에서 element 내부에 Auth 지원이 안되어서 생기는 오류 같습니다 ## 1-1. 해결방법 ### 1-1-1. App.js element 수정하기 < BrowserRouter > < Routes > < Route exact path = "/" element = { Auth ( LandingPage , null ) } /> < Route exact path = "/login" element = { Auth ( LoginPage , false ) } /> < Route exact path = "/register" element = { Auth ( RegisterPage , false ) } /> </ Routes > </ BrowserRouter > 여기서 Auth를 모두 지우고 컴포넌트를 넣으세요 < BrowserRouter > < Routes > < Route exact path = "/" element = { < LandingPage /> } /> < Route exact path = "/login" element = { < LoginPage /> } /> < Route exact path = "/register" element = { < RegisterPage /> } /> </ Routes > </ BrowserRouter > (이렇게) ### 1-1-2. 각 컴포넌트 export 위치에 Auth를 감싸기 export default LoginPage ; export default LandingPage ; export default RegisterPage ; 지금 LoginPage, LandingPage, RegisterPage의 export가 그냥 이렇게 되어있을 겁니다 이자리에서 Auth 로 감싸줄 겁니다 export default Auth ( LoginPage , null ); export default Auth ( LandingPage , false ); export default Auth ( RegisterPage , false ); 이렇게 변경하시면 됩니다 그리고 강의 중에 작성하는 모든 props.history는 import { useNavigate } from 'react-router-dom' let navigate = useNavigate () navigate ( '/login' ) navigate('/') 로 작성하시면 됩니다 # 2. 두번째 오류 - auth.js의 액션 이름 괄호 놓침 Uncaught TypeError: (0 , _actions_user_action__WEBPACK_IMPORTED_MODULE_2__.auth)(...).then is not a function 이런 오류가 뜨면서 백지가 나타났는데 오류 의미를 몰라서 한참 찾았습니다 ## 2-1. 해결방법 React . useEffect (() => { dispatch ( auth (). then ( response => { console . log ( response ) })) }, []) 이렇게 되어있었는데, (auth().then()) 가 아니라 (auth()).then() 입니다 React . useEffect (() => { dispatch ( auth ()). then ( response => { console . log ( response ) }) }, []) 찾기 힘든 오타라 저는 한참 찾았어요 .... 조심하시길 .... # 3. 세번째 오류 - 이유를 알 수 없는 504 서버에러 이건 그냥 빡쳐서 자고 다음날 하니까 해결 됐습니다 정 안되면 다음날 해보세요
해결됨
풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
reactQuery에대해서 graphql을 호출하는 과정에있어서 에매한 부분이 있는것같아 나름대로 정리를 해봤습니다... 혹시 제가 잘못 이해하고있는 부분이 있을까요!!?? 1. graphql를통한 데이터 불러오기 흐름. (+next.js 서버사이드 렌더링 가정) 1) 서버사이드 렌더링에의해 불러오는 데이터를 hydrate를통해 클라이언트측 cache에 저장시킨다. 2) 최초접속시 useQuery를통해 데이터를 요청하지만, 우선은 당장 cache에 존재하는 데이터를 보여준다. 3) 이후 useQuery를 통해 데이터를 가져왔을떄 기존에 cache에 존재하는 데이터와 비교후, 바뀐부분만 교체시킨다. 4) 이후 새로고침이 발생했을떄 cache에서 데이터를 가져오게됨으로써 빠른 렌더링을 구현 할 수 있게된다. 2. graphql를통한 생성, 업데이트, 제거 흐름. 1) 우선 useMutation을통해 필요한 정보들을 fetcher를 태워 graphql요청을 보낸다. 2) 이후 성공하게되면 client.setQueryData를통해 클라이언트측 cache에 접근하여 데이터를 업데이트 시킨다. 3) 이과정에서 QueryKeys.MESSAGES를 통해 클라이언트측 cache에 접근하여 데이터를 업데이트하게됨으로, 최초 useQuery를통해 불러온데이터가 변경된것과 동일함으로 useEffect의 dependency Array에 전달된 data.messages가 변경된것으로 인식하여, setMsgs가 호출된다. 4) 이과정에서 useQuery의 fetcher는 호출되지않는다. 3. 클라이언트측 cahce를 눈으로 확인할 수 있는 방법이있을까요?(단순히 개발자 도구에서의 애플리케이션탭의 cache부분에서는 확인이 안되는것같아 질문드립니다..!) 또한 이부분이 리덕스의 스토어 역할을 한다고 생각해도되는지 궁긍합니다!
미해결
오픈 소스 자바스크립트 React 프로그래밍 입문 Part.1
오류 화면 첨부합니다 . 혼자 해결하기엔 초급자라 어려움이 있습니다 . 혹시 해결방법 아시는분 있으면 공유부탁드립니다 ㅠㅠ
해결됨
풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
클라이언트에서 리액트 쿼리를 활용하여 graphql을 다루는 이유가 있으신가요? 리액트 쿼리를 활용하지않고 graphql를 다룰 수 있는지도 궁금합니다!
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
안녕하세요 선생님, 오늘 처음으로 수강듣게되었네요. 이 단계에서부터 질문을 드리게 될줄 몰랏는데, codesandbox 에서 실행을하려니, installing dependencies 가 계속 진행되면서 retrying package fetch 가 console 에서 지속 반복되네요ㅠ 이걸 해결할 방법이 있을까요? 없다면, 앞으로 수업은 어떻게 듣는게 좋을까요?
미해결
따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
UI가 업데이트된건지 강사님과 화면이 다르네요 아래 화면에서 프로젝트 이름 (저는 boilerplate) 누르면 나오는 화면에서 collections 누르시면 나옵니다 1. 프로젝트 이름 클릭 2. collections클릭
미해결
Jupyter Notebook으로 시작하는 Python
안녕하세요 저도 위의 분과 똑같이 강의자료를 다운받아도 자료형 제어문 등의 파일이 나타나지 않습니다. 해결방법을 알 수 있을까요?
미해결
pygame을 설치하려고 'pip3 install pygame' 을 입력했더니 이런게 뜨는데 어떻게 해야하나요 ㅠㅠ
미해결
프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 1
안녕하세요. 개인 프로젝트를 수정해보고 있습니다. 만약 react public 폴더에 100kb json 파일이 있고, A component에서 fetch로 해당 데이터를 가져와 사용한다면 어디서 해주는 것이 맞는 방법인가요? (아래 질문을 통해 유추해보았는데 만약 s3에 프론트 코드가 있으면 s3에 해주어야 하는 것인가요?) 그럼 이 경우에는 local에서는 테스트를 해볼 수 없는 걸까요?
미해결
[개정판] 딥러닝 컴퓨터 비전 완벽 가이드
계속 이해해보려고 구글링했는데 뭔가 속시원게 해답이 안나와서 한번만 더 질문하겠습니다. ㅜㅜ 지난강의에서 피처맵의 그리드포인트 마다 앵커 9개를 매핑한다고 하셨는데, 이번 강의에서 RPN 네트워크는 피처맵을 이진 분류 하기 까지 그리드포인트 매핑과정이 없어서 뭔가 연결이 잘 안되는 것 같습니다. 다른 문제는 5:50초에 40x50x9 는 그리드포인트마다 9개의 앵커박스를 나타내는 것이고, 앵커박스마다 FG인지 BG인지 판단한다고 하셨는데, 제 머리로는 1x1 컨볼루션을 하고 9output을 뽑는다는게 잘 이해가 안되는 것 같습니다. 1x1 컨볼루션은 차원의 축소를 하는 역할을 하는것인데 9가지 모양의 그리드를 어떻게 1x1 컨볼루션 40x50피처맵 포인트마다 연결을 시키는 것인지 잘 이해가 되지 않습니다...ㅜㅜ
미해결
Slack 클론 코딩[실시간 채팅 with React]
채팅방에서 새로운 데이터를 입력한 후, 스크롤을 위로 올려 다음 페이지를 로드하면 다음 페이지 값의 일부가 사라져서 출력되는 것 같습니다. 사진에서 5를 새로 입력했습니다. 그리고 나서 위에 닿을 때까지 천천히 스크롤하여 새로운 페이지를 불러오면 8 다음에 있어야 할 9를 불러오지 못했습니다. 테스트는 강좌 깃헙의 front 폴더와 back 폴더에 있는 코드로 진행 했습니다. 버그인 것인지, 페이지를 불러오는 과정에서 문제가 생긴건지 궁금합니다ㅠㅠ..
미해결
프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
강의를 보니까 예를 들어서 print 를 입력하시면 print() 에 대한 sperator, end 옵션 등 설명이 달리던데 전 그런 설명이 전혀 안뜨더라구요 어떤 설정을 해야하는건가요?
미해결
프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
. 안녕하세요 코딩하다가 보면 오류가 안뜨고 실행이 잘 되더라도 우측에 이런 문구가 뜨더라요 뜨는 이유와 안뜨게 하는 방법이 있을까요?
미해결
프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
Atom에서는 Installing “autocomplete-python@1.17.0” failed. Show output… Compiler tools not found Packages that depend on modules that contain C/C++ code will fail to install. Read here for instructions on installing Python and Visual Studio. Run apm install --check after installing to test compiling a native module. 문구가 뜨며 install이 안되고 Vscode에서도 python인식을 못하며 다운로딩이 안됩니다. 군인이라 사지방컴퓨터라 제한적인 것인지 문제가 뭔지 모르겠습니다. atom에서 해결법을 알 수 있을지 궁금합니다.
해결됨
풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
강의 8분부터 schema폴더에서 index,js를 구성하는과정에서 질문드립니다! query ,mutation의 중복을 피하기위해 linkSchema를 정의해서 type Query, type Mutation을 의미없는 값을 설정후에 extend를 사용하면 중복을 피할 수 있다 라고 이해를 했는데 이게 message.js, user.js라는 각각분리된 파일안에서 query가 정의되어도 중복이 발생해서 이렇게 설정해주신건가요??
해결됨
[React 1부] 만들고 비교하며 학습하는 React
git checkout -f ready/tab-view-2 가 아니라 git checkout -f ready/tab-2로 변경되어야 할 거 같습니다
해결됨
프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2
안녕하세요! 강사님 질문드립니다. useRef로 img의 dom을 선택하는데 ref를 img태그(19번)가 아닌 상단의 div태그(18번)의 ref를 걸으신 이유가 따로 있는걸까요? 아니면 둘다 똑같은건가요? 저는 당연히 img태그의 ref를 걸어야한다고 생각했어서 질문드려요! (19번라인) 앗 죄송해요 22분 22초경에 img태그로 ref위치 수정하시네요!!.. 답변안해주셔도될것같습니다~ 좋은강의 만들어주셔서 감사합니다
미해결
파이썬 무료 강의 (활용편1) - 추억의 오락실 게임 만들기 (3시간)
코드 실행시 터미널 부분에 글자가 깨져서 나옵니다. 인코딩을 변경하여 진행하면, 실행이 안되고요...
해결됨
Redux vs MobX (둘 다 배우자!)
class Store{ repository; rootStore; num = 0; constructor(repository,rootStore){ makeAutoObservable(this); this.repository = repository; this.rootStore = rootStore; } addnum = ()=>{ num++; } } mobx makeautoObservable 관련 질문입니다. 대충 이런식으로 store 가 있는데 makeAutoObservable이 알아서 action 이랑 observable을 지정해줍니다. 1-1. respository와 rootStore는 observable 하게 하고싶지 않은데 mobx devtools를보니 repository와 rootStore를 감지하고 있더라고요 특정 변수 또는 함수를 autoObservable 에 제외시킬수 있나요? repository 나 rootStore 앞에 private 키워드를 줘봤는데도 감지하고 있었습니다. 1-2. 위처럼 메모리에 불필요한 상태값까지 감지하게되면 나중에 state 가 커지면 성능과 메모리 차지에 큰 영향을 끼칠까요? mobx로 비동기 처리해야될때 질문입니다. 네트워크 요청해서 데이터를 보여줘야되는데 리스트로 항목 4개 보여주고 화살표로 다음 페이지버튼 보거나 이전페이지 버튼 보게 하고 있습니다. 다음페이지로 넘기면 네트워크 요청하고 응답받으면 데이터를 보여주게되고 요청을 날릴때는 빈화면이고 요청에대한 응답을 받았을때 데이터를 뿌려줘야됩니다. <button onClick = {()=>store.loadPrevious()}>previous</button> {store.listData && <MyListComponent data={store.listData.slice(store.page*4,store.page+4)}/>} <button onClick = {()=>store.loadNext()}>next</button> 이런식으로 store.listData 가 있을때 컴포넌트가 나오게 했습니다. 첫화면 로딩시 즉 useEffect() 에서 요청날렸을땐 제대로 동작하는데 다음페이지 버튼을 누르면 이미 store.listData는 이미 null이 아니기떄문에 네트워크요청 응답을 받기도전에 화면을 넘겨서 데이터를 제대로 뿌려주지를 못합니다. 2-1. 이런경우는어떻게 처리하는게 좋을까요?
