묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기
[기술 질문아님]
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 채팅이 매우 빠르신 것 같은데...기본 타자가 몇 정도이신가요? 실무에서 개발 진행하실때도 코파일럿이나 chat gpt 같은 다른 툴은 안 쓰시는 지도 궁금합니다.
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
setData(() => [newItem, ...data])에 관한 질문입니다.
함수형 업데이트? 에서 setData(() => [newItem, ...data])를 하면변수 data 값이 setData()안에 들어있는 콜백함수가 들어가는 것인가요? 아니면 콜백함수가 실행된 값이 들어가는 것인가요?
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
로그인을하면 'Missing credentials' 이 뜹니다
회원가입을 끝내고 똑같이 이메일과 비밀번호 입력하고 로그인을 하면 401에러가 뜹니다.그래서 routes/user.js에서 info값을 콘솔로 보니 이렇게 info값이 들어오더라구요제 코드는 이렇습니다.< local.js ><routes/user.js><passport/index.js>에러를 인터넷에 서칭해보니까 local.js 안에new LocalStrategy 안에 usernameField와 passwordField를 제대로 값이 바인딩 됐는지 여부를 보라고 되어있는데 틀린게 없어보입니다...어떤걸 잘못한걸까요 ㅠㅠ
-
미해결따라하며 배우는 리액트 A-Z[19버전 반영]
styled-components 설치 에러
styled-components version 6 이후로 강의에 나오는 npm install styled-components --save 명령어로 설치하면 에러가 발생해요npm install styled-components@5.3.10으로 5버전대로 설치했습니다//Use V5, npm install styled-components@5.3.10 //Use yarn yarn install styled-components //To use the beta version npm install styled-components@latest
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
SPA앱 정적 배포 관련 질문이 있습니다
안녕하세요.리액트와 같은 SPA 앱 배포시 AWS S3를 이용해서 많이 배포하는 것으로 알고있습니다. 배포 섹션에서 설명해주실 때 1단계 배포도 그것과 비슷한 것 같은데요.궁금한게 동적으로 받아와야하는 파일이 있는 경우에는 S3만 가지고는 배포가 어렵다고 하셨는데, 리액트 앱 안에서 라우팅을 이용해서 페이지 전환을 하거나 유저 액션 또는 백엔드와 API 통신을 이용해서 데이터가 바뀌는 경우는 동적으로 데이터가 변경되는것이 아닌가요? SPA앱을 배포할 때는 1단계 배포 외에도 추가적인 작업이 더 있어야하는지 궁금합니다. 부족한 지식으로 질문을 하는 것 같아 죄송합니다만, 답변 부탁드립니다!(우연한 계기로 강좌를 듣게 되었는데 너무 깔끔하고 자세한 설명으로 즐겁게 공부하고 있습니다. 감사합니다!)
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
싸이월드 만들기 1탄에서 height 값 관련 질문입니다.
안녕하세요 혼자 실습중에 궁금한 점이 생겨서 질문드립니다. 수업시간에 싸이월드 1탄 했던 것을 복습하는 중인데요. 의문이 생긴 점이 있습니다. 수업의 약 18분 30초 경에 .wrapper__left 의 height 값에 대해서 472px이라고 언급하셔서 수업들을 때는 그냥 그런가보다 하고 따라했었습니다. 그런데 복습하기 위해서 피그마로 보면서 하고 있는데 아무리 생각해도 이게 왜 472px이 나오는지 의문이 들더라구요. wrapper__left 값을 봐도 484내지는 496이 아닌가 싶은데.. 지엽적인 질문을 드려서 죄송합니다만 어떠한 원리로 이게 472px인지 알 수 있을까요? 아무리 피그마 내에서 확인을 해도 472px이 나오는 이유를 모르겠습니다.. 읽어주셔서 감사합니다.
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
백틱안에 css
백틱안에 css속성적용할때자동완성하는 방법 뭔가요??저는 이렇게 주황색으로만 뜨네요
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
restoreAccessToken Mutation 관련 질문
https://backend-practice.codebootcamp.co.kr/graphqlURL에 직접 접속하여 로그인 mutation 쿼리를 직접 실행하며 테스트 하고 싶어서 진행 중인데요,restoreAccessToken 쿼리에 대한 의문이 생겼습니다.제가 잘못 사용한건지 작동이 되질 않아서 몇 시간 동안 삽질하다가 문의드립니다.제가 알기로 restoreAccessToken 쿼리는accessToken이 만료된 경우 refreshToken을 통해 accessToken을 새로 발급해주는 것으로 알고 있습니다.그래서 우선은 테스트로 로그인 쿼리를 날려서 만료되지 않은 accessToken을 받고 복사한 뒤,위와 같이 쿼리를 작성하고,{ "authorization": "Bearer [accessToken값]"}이러한 방식으로 헤더에 직접 입력 후 request를 날렸습니다.그런데 아래와 같은 에러 문구가 뜹니다.토큰이 제공되어야 한다는 에러 메시지에 제가 뭔가 설정을 잘못했나? 싶어서 accessToken을 필요로 하는 fetchUserLoggedIn 쿼리에 요청을 날려보니 잘 작동합니다.하지만 restoreAccessToken은 똑같이 헤더 설정을 하고 요청을 보내도 jwt must be provided 와 같은 메시지만 계속 나옵니다.그리고 다음으로 만료된 토큰을 넣어봤습니다.loginUserExample 쿼리를 통해 만료된 토큰을 만들고 넣어서 요청을 보내니까 Context creation failed: 토큰 만료 와 같은 메시지가 나옵니다. restoreAccessToken 이건 어떻게 사용하는 쿼리인가요?제가 잘못 사용하고 있는 걸까요..?
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
fetchUseditemsIPicked 검색 시 오류발생입니다.
안녕하세요.fetchUseditemsIPicked 의 search 공백인 상태로는 정상 조회가 되는데 값을 넣으면 아래와 같은 에러가 발생합니다.에러 원인과 해결방법 부탁드립니다!감사합니다.
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
노션에 있는 퀴즈 섹션 문의드립니다!!
안녕하세요. 강의를 들으며 신세계를 느끼는 중인 학생입니다.다름이 아니고 혹시 퀴즈섹션 보면 마지막에 만들 수 있게 피그마제시해주는걸로 아는데, 혹시 답지라면 좀 이상하긴 하지만, 코드를 볼 수 있는 그런 자료들은 따로 없나요? 깃헙이나 등등...
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
figma 픽셀 단위 확인법이 따로 있는지요?
제가 강박이 있어서 피그마 있는거 그대로 픽셀따라가면서 하려고 노력중입니다. 그런데 간격이라든지 몇몇군데는 상세하게 잘 보이지 않더군요.그래서 드리는 질문이 피그마를 참조하면서 전반적인 틀만 수용하고 픽셀이나 % 같은거는 제 임의대로 해도 되는지요? 만약 그렇지 않다면 혹시 피그마 내에서 간격이나 픽셀 하나하나를 확인하는 방법이 있나요?가령 강의에서 wrapper__left의 height 값이 472px라고 알려주셨는데 피그마에서는 이 값을 확인할 수 없어서 계속 찾다찾다 답답해서 이렇게 질문드립니다. 아무쪼록 읽어주셔서 감사합니다.
-
미해결풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기
products 라우팅은 되는데 cart 라우팅은 안되네요 ㅠ
pages 하단에 products 와 동일하게 cart 페이지를 넣었는데, 라우트 매치가 안된다고 나오네요 ㅜ 깃주소 남깁니다. https://github.com/ssmv713/shopping-mall2.git
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
fetchUseditemsISold 가 이상해요(?)
안녕하세요.현재 마이페이지의 판매중상품 페이지네이션을 구현중입니다.fetchUseditemsISold 를 하면 아래와 같이 상당수의 판매중인 중고상품이 조회되는데fetchUseditemsCountISold 를 하면 0개가 조회됩니다.동일한 Authorization으로 조회하였는데원인이 무엇일까요? 혹 다른 api를 사용하여 갯수를 조회해야하나요?감사합니다.
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
배포 관련질문 드립니다.
수업들으면서 만든 포트폴리오는 배포 할 수가 없나요 ?
-
미해결Slack 클론 코딩[실시간 채팅 with React]
안읽은메세지 표시
안녕하세요 제로초님mutate(0)으로 했는데도 콘솔찍어보니까 다시 1로 변합니다channel부분만 이러네요
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
두번째 프로젝트 페이지구현- 홈(/)강의 질문
사진이 엑스박스로 뜨는데 어디가 잘못된건지 모르겠습니다
-
미해결따라하며 배우는 리액트 테스트 [2023.11 업데이트]
msw안돼는사람
https://junhyunny.github.io/react/jest/module-import-error-on-jest/ 여기랑https://velog.io/@noyo0123/jest-test%EC%97%90%EC%84%9C-import-%EB%A5%BC-%EB%AA%BB-%EC%93%B0%EB%84%A4%EC%9A%94-pik230v1hp이거참고하세요
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
이미지가 안떠요...
13분 정도까지 했는데 이미지가 안뜨네요... 이유가 무엇인지 아시나요?
-
해결됨Slack 클론 코딩[실시간 채팅 with React]
npm i typescript 충돌 오류
npm i typescript 작성 시 아래와 같은 오류가 뜹니다. 종속성 해결 과정에서 충돌이 발생한 것으로 보이는데, 여기서 --force를 해서 설치를 하면 실행 될 것 같긴한데 그렇게 했을때는 결국 문제가 터졌던 경험들이 있어서 어떻게 하면 되는지 잘 모르겠습니다./c/02WorkSpace/sleact/alecture (master)$ npm i typescriptnpm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolvenpm ERR!npm ERR! While resolving: react-custom-scrollbars@4.2.1npm ERR! Found: react@17.0.2npm ERR! node_modules/reactnpm ERR! peer react@">=16.8.0" from @emotion/react@11.10.6npm ERR! node_modules/@emotion/reactnpm ERR! peer @emotion/react@"^11.0.0-rc.0" from @emotion/styled@11.10.6npm ERR! node_modules/@emotion/stylednpm ERR! @emotion/styled@"^11.1.5" from the root projectnpm ERR! @emotion/react@"^11.1.5" from the root projectnpm ERR! peer react@">=16.8.0" from @emotion/styled@11.10.6npm ERR! node_modules/@emotion/stylednpm ERR! @emotion/styled@"^11.1.5" from the root projectnpm ERR! 10 more (@emotion/use-insertion-effect-with-fallbacks, ...)npm ERR!npm ERR! Could not resolve dependency:npm ERR! peer react@"^0.14.0 || ^15.0.0 || ^16.0.0" from react-custom-scrollbars@4.2.1npm ERR! node_modules/react-custom-scrollbarsnpm ERR! react-custom-scrollbars@"^4.2.1" from the root projectnpm ERR!npm ERR! Conflicting peer dependency: react@16.14.0 npm ERR! node_modules/reactnpm ERR! peer react@"^0.14.0 || ^15.0.0 || ^16.0.0" from react-custom-scrollbars@4.2.1npm ERR! node_modules/react-custom-scrollbars npm ERR! react-custom-scrollbars@"^4.2.1" from the root projectnpm ERR!npm ERR! Fix the upstream dependency conflict, or retrynpm ERR! this command with --force or --legacy-peer-depsnpm ERR! to accept an incorrect (and potentially broken) dependency resolution.npm ERR!npm ERR!npm ERR! For a full report see:npm ERR! C:\Users\KG.Park\AppData\Local\npm-cache\_logs\2023-05-16T00_56_02_463Z-eresolve-report.txtnpm ERR! A complete log of this run can be found in:
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
model 및 schema 생성하기를 듣고 있는데 질문이 있어요
스키마와 모델을 리액트에서 생성하면몽고db홈페이지에 있는 데이터베이스에도 생성이 되는건가요? 그리고 생성되는것은 어디서 볼 수 있을까요?