173만명의 커뮤니티!! 함께 토론해봐요.
미해결
따라하며 배우는 도커와 CI환경 [2023.11 업데이트]
이제 travis 무료 플랜이 vat id 기재를 필수로 정해서 회사 소속 없는 개인은 불가능 한거 같습니다 혹시 다른 CI/CD툴로 업데이트 해주시는 건 어떻게 생각하시는지요? 항상 감사히 많이 배우고 있습니다
해결됨
코딩은 실전이다! - Git알못을 위한 깃린이코스(Git, Github 실습위주)
pjeka7er43@gmail.com 초대 부탁드립니다!
해결됨
코딩은 실전이다! - Git알못을 위한 깃린이코스(Git, Github 실습위주)
dongwoo0307@naver.com
해결됨
코딩은 실전이다! - Git알못을 위한 깃린이코스(Git, Github 실습위주)
jykim9335@gmail.com 초대 부탁드립니다!
해결됨
코딩은 실전이다! - Git알못을 위한 깃린이코스(Git, Github 실습위주)
acejsy@gmail.com 초대 부탁드립니다!
미해결
풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기
꼭 이것이 문제는 아닐수 있습니다 (저는 이렇게 해결됐습니다..!) 2일차를 마추고나니 GET_CART가 새로고침 후 최초 1회만 작동하는 문제가 생기더라고요 1. src/graphql/cart.ts 이 부분 코드가 같은지 확인해주세요 영상에서 편집된것 같습니다(제가 집중안할걸수도..?) 이거를 수정해도 최초 1회만 GET_CART가 작동하는 것은 동일하더라고요 강사님 github(https://github.com/roy-jung/livecode-study_mall) 3일차 commit 코드를 보니 2. src/pages/cart/index.tsx useQuery에서 staleTime, cacheTime을 추가하니 정상작동 하는군요! 제가 앞에서 놓쳤던 부분들이 있어 이러한 문제가 생겼을 수도 있습니다. 혹시 2일차 장바구니에서 오류가 난다면 그저 참고만 해주세요! 제가 삽질을 많이해서 글을 남깁니다,.ㅎㅎ
해결됨
프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 1
컴포넌트 preload 는 원하는 시점에 import만 해오면 preload 되지만 이미지 preload는 image객체의 src프로퍼티를 통해 네트워크로 이미지를 불러와서 브라우저에 캐싱되는 단계까지 이루어져야 이미지 preload라고 할 수 있는건가요...??
미해결
따라하며 배우는 도커와 CI환경 [2023.11 업데이트]
vs code상 터미널에서 zsh이 쓰이고 있는 맥북이며 docker run -dp 3000:8080 -v /usr/src/app/node_modules -v $(pwd):/usr/src/app wkdzhd2000/nodejs 라고 입력했는데 컨테이너 ID가 나오지 않고 아래와 같이 형식에 맞지 않게 입력했다고 나옵니다. docker: invalid reference format. See 'docker run --help'. 맥북이기때문에 $(pwd)가 맞다고 생각하고 다른 부분에도 잘못 쓴 것이 없어보이는데 왜 인식하지 못할까요..? 구글링하며 몇몇 글이나 공식문서도 참조하고 있는데 아직까지 원인을 찾지 못하였습니다... 윈도우는 아니지만 혹시 몰라 ${pwd}하니 작동은 했습니다. 하지만 server.js의 소스코드를 바꾼다음 컨테이너를 docker stop 했다가 다시 run 해도 소스코드 변경내용이 반영되지 않는다는 문제가 생겼습니다.. 어디가 잘못된 걸까요?? 저만 이러나요??
미해결
따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
22강을 들으면서 하고 있다가 에러났는데 다른걸 다 수정해봐도 이런 에러가 뜨는 이유는 무엇일까요ㅜㅜㅜ setupProxy코드도 업데이트 된 코드 썼고 package.json에 proxy URL 추가해보고 밑에 저랑 같은 에러 나신 분들 좀 계신 거 같아서 밑에 있는 해결방식 다 따라해봤는데도 여전히 이 에러가 나오네용,,,,,,,,
해결됨
풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기
1일차까지는 강의를 잘따라가고 있었는데요. 2일차 들어서 에러가 발생합니다. yarn run dev를 실행하면 아래와 같은 메시지가 나옵니다. > Local: http://localhost:3000/ > Network: use `--host` to expose ready in 725ms. X [ERROR] Expected ";" but found "client" src/queryClient.ts:20:15: 20 │ retrun client │ ~~~~~~ ╵ ; Build failed with 1 error: src/queryClient.ts:20:15: ERROR: Expected ";" but found "client" 참고로 아래는 강의 따라가고 있는 깃허브 주소입니다. https://github.com/ucoder-git/vowing-live/blob/main/shopping-mall/src/queryClient.ts import { QueryClient } from 'react-query' type AnyOBJ = { [ key : string ]: any } export const getClient = (() => { let client : QueryClient | null = null return () => { if (! client ) client = new QueryClient ({ defaultOptions : { queries : { cacheTime : 1000 * 60 * 60 * 24 , staleTime : 1000 * 60 , refetchOnMount : false , refetchOnReconnect : false , refetchOnWindowFocus : false , }, }, }) retrun client } })() const BASE_URL = "https://fakestoreapi.com"
해결됨
풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
const fetcher = async ( method : METHOD , url : string , ... rest : { [ key : string ] : any } [] ) => { const res = await axios[method](url , ... rest) return res . data } export default fetcher 위에 ...rest 에 대한 타입이 궁금해서 질문드립니다! 글을 새로 생성하거나 수정했을때 아래와 같이 객체로 정보가 담기게 되는데요! 1. key값은 id, text, timestamp, userId 라고 생각하면 되는건가요? 2. any는 response에 대한 타입인건가요? 3. Array 안에 Object로 감싸져 있어서 { [key: string]: any} []로 타입을 지정해준건가요? 위에 3가지 질문이 궁금합니다.. ㅜ { id : "36e1a2bc-177b-4743-9152-d7423c7b9e18" text : "asd" timestamp : 1654591409339 userId : "jin" }
미해결
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
# 의문 - 리액트에서 배열 사용하기 1 - 리스트 렌더링 (조회) 강의 중 12분 쯤 - 리액트에서 props를 내려줄 때 undefined 값일 수도 있는데 그 때 defaultProps 문법을 사용해도 되지만 ? 문법을 사용해도 코드가 동작합니다. 두 개 중 선택할 때 뭘 기준으로 선택하는지 궁금합니다. - 참고: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining ```javascript= {<h4>{diaryList ? diaryList.length : 0}개의 일기가 있습니다.</h4>} DiaryList.defaultProps = { diaryList: [], } ```
해결됨
풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
관련해서 검색해보며 찾아봤는데 도저히 짐작가는 곳이 없어서 여쭤보게되었습니다. 강사님의 github코드 보면서 오타 확인도 했는데 제가 임의로 timeStamp라고 쓴 변수를 제외하고는 똑같은 걸 확인했습니다ㅠㅠ 캡쳐를 보면 resolver/message에서 30:19번째가 문제라고 나오는데 여기가 unshift를 사용한 곳입니다. 혹시나 해서 push 를 사용해봤는데 역시 같은 문제가 있었습니다. 그래서 messages에 옵셔널 체이닝으로 messages?.unshift를 사용했을 때 createMessage는 실행이 되지만 db에 변경되지는 않는 것을 확인했습니다. 추가적으로 어떤 부분을 확인하면 좋을까요?
미해결
파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트
오늘도 강의 잘 들었습니다. 개발을 하는 과정에서 주로 replit 을 사용했었는데, rgrok 를 사용하면 번거로움 없이 바로 포트포워딩을 통해 가상 배포? 를 진행할 수 있었군요. :) 혹시 다음 강의도 계획이 있으신지 여쭙고 싶습니다. 감사합니다.
미해결
[리뉴얼] React로 NodeBird SNS 만들기
User모델에 Post모델을 넣어서 로그인 오류를 해결한건 이해했습니다. 근데 왜 User모델에 들어간 이름이 Posts인가요..? 아무곳에서도 Posts라고 안쓰지않았나요?
해결됨
풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
linkSchema 안에 default 값 주는 부분에서 type을 boolean으로 주는 이유가 있을까요???
미해결
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
안녕하세요! 강의 잘 듣고 있었는데요 저도 윗 분들 처럼 일기 작성 후에 네비게이트로 페이지 이동까지는 되는데 작성한게 업데이트가 안됩니다 ㅠㅠ https://codesandbox.io/s/blazing-sun-kyl8yt?file=/src/components/EmotionItem.js
해결됨
프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2
3-4 브랜치로 체크아웃을 하여 테스트해봐도 source의 srcset 속성에 {props.webp + 's'}를 줬을 때 이미지가 엑박이 뜹니다. previousSibling.srcset = previousSibling.dataset.srcset; 위 소스 한 줄을 지울 때는 정상동작 되는데 이유가 있을까요?
미해결
[리뉴얼] React로 NodeBird SNS 만들기
부모컴포넌트에서 리덕스를 사용하지않고 props로 값을 전달할때에 자식 컴포넌트에서 props.state를 사용하여 앞에 프롭스를 항상붙여 써도 동작하는경우가있고 프롭스 없이 state를 바로사용할수있는경우가 있는데 어떤 차이가있고 어떤걸 사용해야하는지 궁금합니다 만약 프롭스를 붙이지않고 정상적으로 동작하여도 props. 형태를 매번 사용하는것이 좋을까요? 아래는 예시 상황입니다 // 부모에게서 randomstate 를 전달받아 바로 사용하는 자식컴포넌트 const Child1 = ( randomstate ) => { console.log(randomstate); return 자식 컴포넌트 ; }; ... // props를 매번 이용하여 사용하는 컴포넌트 const Child2 = ( props, randomstate ) => { console.log(props.randomstate); return 자식 컴포넌트 ; }; ...
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
안녕하세요! 해당 강의를 다 마치고, 사진과 같이 onCreate 함수 내부에서 data를 콘솔로 출력해보니 data 값을 읽어오지 못하는데 그 이유가 뭘까요?? data.length와 같은 작업을 진행하고 싶은데 어떻게 접근해야 할지 모르겠어서 질문 남깁니다 !
