173만명의 커뮤니티!! 함께 토론해봐요.
해결됨
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
BoardWrite부분의 presenter의 작성자 부분에 defaultValue값에 자꾸 오류가 떠서 문의드립니다. 비밀번호나 내용부분과 같이 다른 input창의 defaultValue에는 문제가 생기지 않는데 왜 유독 작성자 부분에만 에러가 뜨는지 모르겠습니다. 그런데 멘토님 파일에는 이전시간에 배우지 않았던 readOnly부분이 추가되어있고 defaultValue값도 수정되어있더라구요! readOnly에 대한 부분은 구글링을통해 왜 쓰는지는 알았지만 뒤에 {!!props.~~} 왜 이렇게 선언하는지와, defaultValue부분에 || "" 부분이 왜 들어가는지 모르겠습니다ㅠ
Next.js react graphql seo nodejs
ju han
2023-03-01T10:20:04.417Z
댓글 1
좋아요 0
조회수 587
해결됨
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
주소입력창 까지 잘 진행되었는데 비밀번호 모달창을 만들면서 부터 오류가 나기 시작했습니다. 어디서부터 잘 못된 것인지 잘 모르겠는데.. 계속 이런 오류가 뜹니다. 어떻게 해결해야 할까요?
nodejs graphql seo react Next.js
suny_fun
2023-02-28T12:59:08.184Z
댓글 1
좋아요 0
조회수 461
해결됨
GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]
섹션 9. Frontend 개발 - item 관련 기능구현 / item 추가 를 듣고, 마지막에 서버실행시켜서, item 추가하는 부분을 보았는데, 이렇게 메뉴추가를 해도 아무런 반응이 없어서, 오타가 있나 싶어서, 찾아봐도 없길래, 뭔가 빠졌나 봤더니, 클릭이벤트 시 onAddItem 함수를 실행시켜 주는 내용이 강의에서 누락되어있음을 확인했습니다. 저부분을 추가해주니, 잘 작동하였습니다. 강의 편집하시면서, 빠뜨리신거 같습니다. 중요한 부분이라, 제보합니다. 다다음 강의인 item 수정/삭제 강의 에서, 앞 강의에서 작성하는 내용이 없었음에도 해당부분이 이미 작성되어있는 것도 확인했습니다. 해당 영상 코드 오타입니다. 따라치시는 분들이 에러 날수도 있을거 같습니다. resut -> result 경로가 잘못나왔습니다. 이렇게 되어야합니다. 그리고 중요하지 않은 사소한 오탈자 및 편집 영상이 튀는 것들을 수업 들으면서, 이전에 작성했던 글에 답글형식으로 수업들으면서 눈에 뜨일때마다 계속해서 제보드리고 있습니다. (게시판 도배방지목적) 강의 개정에 도움이 되셨으면 합니다. 영상 튀는 부분 : https://www.inflearn.com/questions/786367/ 오탈자 : https://www.inflearn.com/questions/785432/
mongodb apollo graphql svelte
viewee
2023-02-22T15:15:43.729Z
댓글 1
좋아요 0
조회수 611
해결됨
풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기
안녕하세요 재남님! 배포 과정에서 문제가 있어 질문 드립니다~ 현재 상황은 heroku에 깃 연동을 통해 배포를 한 상태입니다. 그렇기 때문에 herokuURL/graphql 을 입력하면 studio.apollographql.com 에서 날리는 api test도 잘 동작하고 있습니다. 그런데 vercel로 배포한 페이지에서는 products 화면을 제외한 cart, admin 같은 경우는 204 error가 뜨고 있는 상황입니다. 검색을 해보니 컨텐츠를 보여줄 필요가 없다(?) 라고 나오는데 어떤 문제인지 잘모르겠습니다.. ㅜ
bj2525
2023-02-17T06:42:22.630Z
댓글 1
좋아요 0
조회수 462
해결됨
풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기
https://github.com/JaeHyuk1217/JH_mall/tree/master/shopping-mall server을 실행하면 이러한 오류가뜹니다... 환경변수 설정도 해보고 node 재설치도 해봤는데 되지 않습니다..
한재혁
2023-02-16T09:05:01.176Z
댓글 1
좋아요 0
조회수 468
해결됨
GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]
해당 영상 5:45 에서 편집이 좀 튑니다. 내용이 살짝 반복되네요 이전 강의영상들에서도 몇개 있긴했는데, 적어놓진 않았네요. 앞으로 수업들으면서 튀는 부분이 또 나오면, 추가글을 작성안하고 이글의 답변으로 남겨놓겠습니다. 너무 제가 질문게시판 글 도배하는거같은 느낌이 있네요.;
mongodb graphql apollo svelte
viewee
2023-02-16T03:32:31.544Z
댓글 5
좋아요 0
조회수 568
해결됨
GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]
깃허브 자료에 있는 코드에 있는 다른부분? 오탈자? 제보합니다. 해당부분 _id : _id 가 되어야 하지 않나요? 그리고 이부분은 강의영상에서는 const 로 되어있던데 강의자료에는 이부분만 let으로 되어있습니다. 상관없는 건가요? error 명령어 출력하는부분, throw 가 없네요 여기는.
mongodb graphql apollo svelte
viewee
2023-02-16T01:16:57.981Z
댓글 1
좋아요 0
조회수 381
해결됨
GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]
오탈자 제보합니다. 해당부분, updateFile 이 아닌 uploadFile 이 되어야합니다. 이부분 때문에 계속 playground 가 하얀화면으로 아무것도 안나왔었어요.ㅠㅠ 다행히 수업자료 파일은 제대로 나와있었어서 코드하나하나 비교해가면서 겨우 찾았네요..
svelte mongodb graphql apollo
viewee
2023-02-15T09:28:31.953Z
댓글 7
좋아요 0
조회수 880
해결됨
풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기
안녕하세요 4일차 공부를 하던중 willpay를 cart 에서 밖으로 꺼내 willpay-index.tsx 로 변경하게 되면서 이러한 오류가 뜨면서 장바구니가 담아지지 않습니다.(장바구니가 비어있을 때는 비어있다는 텍스트는 출력이됩니다) 코드상 오류 표시는 안나는데 해결이 안되서 여쭤봅니다. 감사합니다.
한재혁
2023-02-14T08:28:48.055Z
댓글 1
좋아요 0
조회수 436
해결됨
GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]
제보합니다. 경로가 /utils/formatDate 로 되어야합니다. 오탈자 입니다.
svelte mongodb graphql apollo
viewee
2023-02-13T23:13:20.105Z
댓글 1
좋아요 0
조회수 505
해결됨
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
해당강의 찾아봐도 셋팅하는 부분은 안나오고 그냥 설치시 버전 오류가 발생합니다.
node.js seo react nodejs next.js graphql Next.js
Kwangsic Hyun
2023-02-13T12:08:52.413Z
댓글 1
좋아요 0
조회수 386
해결됨
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
postman 설치후 빈화면을 보여주라고 하시는데 저는 선생님이랑 다른 화면이 나오는데 어떤메뉴로 들어가야 하나요?
Next.js node.js react seo next.js graphql nodejs
김소라
2023-02-09T01:42:35.669Z
댓글 1
좋아요 1
조회수 651
해결됨
풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)
해당 프로젝트에서 getInitialProps와 getServerSideProps를 동시에 쓰고 있는데 2개의 경우 pre-render를 하기 위해 작성했다고 이해했는데 둘 중 하나만 써도 되는 부분 아닌가요??? 어떤 상황떄문에 2개를 동시에 사용하는지 궁금합니다
bj2525
2023-02-03T13:10:01.781Z
댓글 1
좋아요 0
조회수 1173
해결됨
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
Invalid Custom Plugin "typescript" 라면서 에러가 뜹니다 어떻게 해결해야 할까요?
node.js Next.js nodejs seo next.js react graphql
cheolung
2023-02-02T08:17:26.429Z
댓글 1
좋아요 1
조회수 723
해결됨
풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기
안녕하세요. 2강 진행 중 상품목록 조회시 msw Response 결과에 대한 body 값이 ReadableStream 으로 넘어옵니다. 이 경우 body 의 data를 확인할 방법이 있을까요? 답변 부탁드립니다. 감사합니다.
kylor
2023-01-23T11:43:34.505Z
댓글 1
좋아요 0
조회수 858
미해결
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
playground에서 api-docs가 강의에 있는 docs랑 다릅니다 같게 할 방법이 있을까요?
seo react graphql nodejs Next.js
cheolung
2023-01-18T17:10:09.778Z
댓글 2
좋아요 0
조회수 446
해결됨
풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기
4분 21초 에 나오는 아래 코드가 이해가 안됩니다! const startEdit = (index:number) => () => setEditingIndex(index) 제가 이해한 부분은 startEdit은 index를 매개변수로 받아서 () => setEditingIndex(index) 함수를 반환하고 있다는 거로 알고 있는데.. 왜 그런지 이해가 잘 안갑니다.. 개인적인 생각! admin 수정 부분 때문에 props를 3개나 전달해주고 있는 상황인데 recoil로 전역 상태관리를 하면 되는 부분일까요? 만약에 recoil로 상태관리를 하게 되면 컴포넌트에서 boolean값을 비교하기 위해 필요한 idx를 어떻게 넘겨주는건지 궁금합니다
bj2525
2023-01-17T06:32:51.317Z
댓글 1
좋아요 0
조회수 343
해결됨
풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기
안녕하세요 리액트로 웹개발 시작한 6개월차 신입개발자 입니다. 강의 정말 잘 보고있는데 너무 감사하게도 우연히 저희 안건과 개발환경이 많이 겹쳐서 큰 도움받고있습니다! 현재 안건에서 쓰는 리액트버전이 15.6.1인데 이번에 최신버전 v18.2.0로 업데이트하는 미션 이 떨어졌는데어떻게 헤쳐나가야할지 너무 답답해서 고민끝에 질문드립니다... 현재 안건의 스펙입니다. ・안건종류: 데이트 매칭 어플 ・메인언어: react ・상태관리: redux ・프레임워크 : koa ・미들웨어: redux-thunk ======== 개요 ======== 일단 검색으로는 잘 정리된곳 찾기가 어려워서 리액트공식문서와 책 위주로 참고해서 정리중인데요, 우선 큰 틀을 짜고 문제점들을 세분화하면서 틀을 좁혀가려고합니다.. react, react-dom 최신버전 인스톨후 에러를 우선순위별로 리스트화 하기 ・ ReactDOM.render is no longer supported in React 18. Use createRoot instead. ・Warning: componentWillMount has been renamed, and is not recommended for use. ・ componentWillReceiveProps has been renamed ・You have triggered an unhandledRejection, you may have forgotten to catch a Promise rejection 공동작업을 위한 규칙 리스트화 하기 ・class 컴포넌트 → function 컴포넌트로 변경 ・life cycle → useEffect 로 처리, 또는 커스텀 hook ・react-redux 의 connect 함수 → useSelector, useDispatch Hooks로 리덕스와 컴포넌트 연동 ・state 업데이트시 불변성을위한 spread 연산자, immer 사용 ・코드 스플리팅: 라우팅에 React.lazy or Suspense 적용 ・react-redux 디렉토리 구조: 일반구조(component, container, reducer)-> ducks 패턴 사용해서 파일 모듈화 의존중인 라이브러리및 패키지 업데이트 2와 3을 진행하며 기타 에러를 해결 ======== 질문 ======== 3번의 [공동작업을 위한 규칙 리스트화]의 경우, 검색과 에러기준으로 만들고있는데 너무 부족한것같습니다. 프로젝트 버전 업그레이드시, 기준이 되는 컨텐츠가 있는지 궁금합니다. 현재 리액트 구버전 15부터 16,17,18 최신버전까지의 모든 업데이트 변경점을 체크해서 일일이 적용해야하는지(←React공식문서블로그에서), 단순히 15->18로 점프해서 바뀐사항만 적용해도되는지 현재 구버전에서 사용중인 각종 패키지, 라이브러리 업데이트는 어떤 방향으로 진행해야할지-> 이부분이 제일 손대기 어려울정도로 막막합니다. 리액트버전업뎃처럼 똑같이 최신버전인스톨, 에러체크, 버전별 변경점 체크후 적용및 수정 하면 될까요? 입사 3개월차에 선배나 가이드없이 진행중이라 정말 고민끝에 질문드립니다… 혹시 시간나실때 답변이나 조언해주시면 정말 감사하겠습니다……(살려주세요…..) 잘부탁드려요 ! (제발 구원의 손길을 ㅠㅠㅠ) package.json (react만 최신인스톨) "dependencies": { "@paypal/paypal-js": "4.1.0", "babel-runtime": "^6.25.0", "chart.js": "^2.6.0", "classnames": "^2.2.3", "es6-promise": "^4.1.1", "exif-js": "^2.2.1", "firebase": "^7.7.0", "history": "^3.3.0", "koa": "^1.2.0", "koa-static": "^2.0.0", "lodash.reverse": "^4.0.1", "lodash.sortby": "^4.5.0", "lodash.throttle": "^4.0.0", "lodash.uniqby": "^4.5.0", "moment": "^2.17.0", "moment-timezone": "^0.5.13", "node-fetch": "^2.6.6", "normalizr": "^2.3.0", "object-assign": "^4.0.1", "pm2": "^2.6.1", "prop-types": "^15.5.10", "react": "^18.2.0", "react-chartjs-2": "^2.5.6", "react-dom": "^18.2.0", "react-ga": "^2.1.2", "react-helmet": "^5.1.3", "react-infinite-scroller": "^1.2.4", "react-redux": "^5.0.2", "react-router": "^3.0.5", "react-router-redux": "^4.0.1", "react-router-scroll": "^0.4.1", "react-scroll": "1.5.4", "react-slick": "^0.14.5", "react-swipeable": "^4.0.1", "react-textarea-autosize": "^5.0.6", "redux": "^3.7.2", "redux-actions": "^2.2.1", "redux-api-middleware": "^1.0.3", "redux-logger": "^3.0.6", "redux-thunk": "^2.4.0" }, "devDependencies": { "babel-cli": "^6.7.5", "babel-eslint": "^8.2.3", "babel-plugin-espower": "^2.3.1", "babel-plugin-module-resolver": "^4.1.0", "babel-plugin-transform-async-to-generator": "^6.24.1", "babel-plugin-transform-class-properties": "^6.6.0", "babel-plugin-transform-export-extensions": "^6.22.0", "babel-plugin-transform-object-rest-spread": "^6.23.0", "babel-plugin-transform-runtime": "^6.15.0", "babel-preset-es2015": "^6.6.0", "babel-preset-react": "^6.3.13", "babel-register": "^6.7.2", "babelify": "^7.3.0", "browserify": "^13.0.0", "css-mqpacker": "^6.0.1", "csswring": "^6.0.0", "envify": "^4.1.0", "eslint": "^4.19.1", "eslint-config-tapplint": "^2.0.1", "eslint-config-tapplint-react": "^1.0.0", "eslint-plugin-react": "7.4.0", "gulp": "^3.9.0", "gulp-consolidate": "^0.2.0", "gulp-htmlmin": "^3.0.0", "gulp-iconfont": "^8.0.0", "gulp-imagemin": "^3.3.0", "gulp-notify": "^3.0.0", "gulp-plumber": "^1.0.1", "gulp-postcss": "^6.4.0", "gulp-rename": "^1.2.2", "gulp-sketch": "^1.0.5", "gulp-sourcemaps": "^2.0.0", "husky": "^0.14.3", "karma": "^1.1.0", "karma-browserify": "^5.0.5", "karma-chrome-launcher": "^2.2.0", "karma-mocha": "^1.0.1", "karma-mocha-reporter": "^2.0.3", "lint-staged": "^7.2.2", "lodash": "^4.11.1", "md5-file": "^4.0.0", "mocha": "^3.5.0", "postcss": "^5.2.17", "postcss-cssnext": "^3.1.1", "postcss-import": "^10.0.0", "postcss-media-variables": "^2.0.0", "postcss-nesting": "^2.3.1", "power-assert": "^1.4.4", "react-addons-test-utils": "~15.6.0", "react-prefixr": "^0.1.0", "require-dir": "^0.3.2", "stylelint": "^7.13.0", "stylelint-config-standard": "^16.0.0", "stylelint-order": "^0.5.0", "tapplint": "^0.9.0", "terser": "^4.6.11", "uglifyify": "^5.0.2", "watchify": "^3.7.0", "yargs": "^6.0.0" }
mihyun Lee
2023-01-12T06:23:26.931Z
댓글 1
좋아요 0
조회수 646
해결됨
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
현재 노드 버전이 올라가서 노드도 16.17로 내리고 나머지도 다 버전 내려서 버전에 맞게 설정하고 yarn add next@12.1.0 react@17.0.2 react-dom@17.0.2 --exact 까지 했는데 노션에 있는 것 처럼 페이지와 api 여러 등등이 뜨지 않습니다 뭐가 문제일까요?ㅠㅠ
react nodejs graphql seo Next.js
2023-01-10T16:15:57.512Z
댓글 1
좋아요 0
조회수 367
해결됨
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
그대로 따라한거 같은데 태그마다 빨간 줄이 있는 이유가 뭔지 모르겠어요 ㅜ 작동은 잘 됩니다! 항상 감사합니다
seo graphql react nodejs Next.js
lar888
2023-01-04T13:19:30.529Z
댓글 2
좋아요 0
조회수 615
