inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

172만명의 커뮤니티!! 함께 토론해봐요.

메인페이지에서 fetchBoardsOfTheBest 질문입니다.

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

(위 화면은 fetchBoardsOfTheBest에서 images을 보여주는 파일입니다) 메인화면 하다가 질문이 있어서 글 남깁니다. API fetchBoardsOfTheBest에서 images 부분에 0번째는 0 : "codecamp-file-storage/2023/4/18/copy-1616378722-5.jpg" 이런식으로 뜨고 1번째는 0 : " https://storage.googleapis.com/codecamp-file-storage/2023/5/2/SampleJPGImage_100kbmb.jpg " 1 : " https://storage.googleapis.com/codecamp-file-storage/2023/5/2/file_example_JPG_100kB.jpg " 이렇게 두개가 뜹니다.. 저희가 여태 배웠던 BoardDetail.presenter에서는 src={` https://storage.googleapis.com/${el}` } 이런식으로 주소를 주어서 사진을 가져왔는데 fetchBoardsOfTheBest 의 이미지는 src=" ? " 어떻게 가져와야할까요?

  • react
  • node.js
  • seo
  • graphql
  • next.js
임프런 댓글 1 좋아요 0 조회수 329

openWeartherMap - fetch()부분

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

강의 영상에서 https:// 해당 부분 에서 3.0을 2.5로 바꿔서 수정하면 오류가 해결된다고 하셨는데 적용 시켜봐도 오류가 계속 유지 됩니다

  • react
  • node.js
  • seo
  • graphql
  • next.js
박수민 댓글 1 좋아요 2 조회수 599

emotion styled 에서 백틱

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

안녕하세요 리액트 01-02 emotion 강의를 들을때 styles 폴더 안에 만든 emotion.js 입니다. 강사님과 다르게 백틱 안에서의 문법이 문자열 처리된 것처럼 나오고 있습니다. 제가 사용하는 윈도우, 맥 모두 이러한 증상이 나타나는데 윈도우는 문법 적용이 안되고 맥은 적용이되네요.. 자동완성도 안되니까 많이 불편한데 vscode 에서 문제인 걸까요?

  • react
  • node.js
  • seo
  • graphql
  • next.js
dasd 댓글 1 좋아요 0 조회수 508

중고마켓 게시글의 유효기간이 따로 있나요?

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

중고마켓으로 포트폴리오를 만드는중인데 혹시 제 게시물이 사라질 수도 있을 것같아서 유효기간같은게 있는지 궁금합니다. 아니면 계정당 상품등록 개수에 제한이 있는지 궁금합니다.

  • react
  • node.js
  • seo
  • graphql
  • next.js
rjsdn wkd 댓글 1 좋아요 0 조회수 400

설치단계 오류

해결됨

Next.js 시작하기(feat. 지도 서비스 개발)

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 저는 지금 막 시작한 코린인데요 . 지금 사실 최신 버신에서는 설치할떄 물어보는게 많더라구요. 그런데 영상처럼 설치후에, npm run dev를 했는데 에러가떠서 영상에는 제가 잘못아는진모르겟지만 자세히설명이안되있어서 막혀있습니다 ㅠㅠ어떡하죠?

  • seo
  • next.js
  • vercel
  • csr
  • ssg
  • ssr
김우용(Noel) 댓글 1 좋아요 1 조회수 527

현재버전의 포트폴리오/퀴즈 깃 레포가 없는것 같습니다.

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

포트폴리오/퀴즈가 과거 강의와 달라진 것 같은데 해당 과제를 구현한 깃 레포를 찾을수 없어서 적절한 도움을 받기 어렵습니다. 현재 과제 풀이는 어디서 확인할 수 있을까요?

  • react
  • node.js
  • seo
  • graphql
  • next.js
kjs 댓글 1 좋아요 0 조회수 459

R_CONNECTION_TIMED_OUT 오류

미해결

만들면서 배우는 프론트엔드 DO IT 코딩 (Next.js, Typescript)

안녕하세요 이번에 배우면서 일부분 리팩토링 하면서(?) 진행 중입니다. 그런데 하다가 보니 이런 R_CONNECTION_TIMED_OUT 오류가 나오더라고요 관련 코드들 싹 다 찾아보니 www. 관련 검색해도 안나오고 뭔지 모르겠네요 따로 추가하신 거라도 있을까요? / www.welcometoscotland.com/blog/2013/06/19/%20glasgow-a-green-urban-oasis-with-style net::ERR_CONNECTION_TIMED_OUT Image (async) eval @ chakra-ui-image.esm.js:89 eval @ chakra-ui-image.esm.js:126 commitHookEffectListMount @ react-dom.development.js:20568 commitLifeCycles @ react-dom.development.js:20629 commitLayoutEffects @ react-dom.development.js:23421 callCallback @ react-dom.development.js:3945 invokeGuardedCallbackDev @ react-dom.development.js:3994 invokeGuardedCallback @ react-dom.development.js:4056 commitRootImpl @ react-dom.development.js:23146 unstable_runWithPriority @ scheduler.development.js:468 runWithPriority$1 @ react-dom.development.js:11276 commitRoot @ react-dom.development.js:22985 performSyncWorkOnRoot @ react-dom.development.js:22324 eval @ react-dom.development.js:11327 unstable_runWithPriority @ scheduler.development.js:468 runWithPriority$1 @ react-dom.development.js:11276 flushSyncCallbackQueueImpl @ react-dom.development.js:11322 flushSyncCallbackQueue @ react-dom.development.js:11309 unbatchedUpdates @ react-dom.development.js:22433 legacyRenderSubtreeIntoContainer @ react-dom.development.js:26015 hydrate @ react-dom.development.js:26081 renderReactElement @ index.js:721 doRender @ index.js:880 _callee$ @ index.js:601 tryCatch @ runtime.js:45 invoke @ runtime.js:274 prototype.<computed> @ runtime.js:97 asyncGeneratorStep @ index.js:185 _next @ index.js:203 eval @ index.js:208 eval @ index.js:200 _render @ index.js:637 render @ index.js:640 eval @ next-dev.js:110 eval @ fouc.js:13 requestAnimationFrame (async) displayContent @ fouc.js:8 eval @ next-dev.js:109 Promise.then (async) eval @ next-dev.js:69 ./node_modules/next/dist/client/next-dev.js @ main.js?ts=1683339159009:567 options.factory @ webpack.js?ts=1683339159009:633 __webpack_require__ @ webpack.js?ts=1683339159009:37 __webpack_exec__ @ main.js?ts=1683339159009:1236 (anonymous) @ main.js?ts=1683339159009:1237 webpackJsonpCallback @ webpack.js?ts=1683339159009:1179 (anonymous) @ main.js?ts=1683339159009:9

  • next.js
halfwing1998 댓글 1 좋아요 0 조회수 650

서버 요청 시 request cookie 가 2개가 생성이 됩니다..

해결됨

[리뉴얼] React로 NodeBird SNS 만들기

안녕하세요 제로초님! 최근 다시한번 노드버드를 참고하여 따로 사이드 프로젝트를 진행중에 있습니다. 진행은 nginx 설정까지 마무리 하고 배포까지 성공적으로 진행이 되었습니다. 실제 사용도 했었고, 어제까지만 해도 큰 문제가 없었습니다. 다만 오늘 이미지를 로드해오는 과정에서 gateout 에러가 좀 발생하는것 같아 방법을 찾아보면서 pm2의 ecosystem.config.js 설정 등을 하다가 잘 안되는것 같아 다시 지우고 재 실행을 했습니다. 실행을 다시 하니 로그인은 유지가 되는데, 데이터를 가져오려니 401 인증 에러가 발생하여 질문 드립니다.. 오류가 뜨는 이유가 무엇일까 생각했었는데, 우선 쿠키가 관련이 있겠다 생각해서 application - cookie 탭에서 확인을 해봤습니다. 실제 도메인 주소, secure 설정까지 다 맞춰서 들어와있음을 확인했고, 그렇기에 새로고침을 했을 시 로그인은 유지가 되었습니다. 네트워크 쪽을 살펴보니 분명 쿠키가 같이 request 되고 있었습니다. 근데 이상하게도 쿠키가 application 에 저장된 문자와 다름을 확인했고 request 의 cookie 탭을 확인해보니 이렇게 2가지 도메인으로 쿠키가 생성되어 전달되고 있음을 확인했습니다. 하나는 api. 가 붙어있었고 하나는 실제 로그인을 유지시켜주는 도메인이었습니다. 계속 고민을 해봐도 왜 request 에 위와같이 2개의 쿠키가 전달이 되는지 이유를 알 수 없어서 질문드립니다.. 도메인은 강의처럼 .주소 형식으로 했습니다. 백엔드 nginx.conf 입니다 프론트 nginx.conf 입니다 프론트 pm2 list 입니다 백엔드 pm2 list 입니다. 답변 부탁드리겠습니다 ㅜㅜ...

  • react
  • redux
  • node.js
  • express
  • next.js
최원익 댓글 1 좋아요 0 조회수 374

데이터 베이스 연결 에러 질문

미해결

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 강의 도중 데이터베이스 연결 설정 후 에러가 나서 질문 드립니다! 혹시 뭐 터미널이 달라서 그럴까요?

  • react
  • node.js
  • postgresql
  • docker
  • typescript
  • 클론코딩
  • next.js
김두다 댓글 1 좋아요 0 조회수 511

백엔드 https 설정

미해결

[리뉴얼] React로 NodeBird SNS 만들기

안녕하세요 제로초님 혹시 백엔드도 /etc/nginx/nginx.conf 이것만 따로 설정해주고 /etc/nginx/sites-enabled/default 이건 프론트랑 똑같이 설정해주면 되는건가요?

  • react
  • redux
  • node.js
  • express
  • next.js
장산 댓글 1 좋아요 0 조회수 489

초기설정 질문

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

pages 폴더랑 styles폴더가 없는상태로 초기 설정이 되는데 어떻게 설정해야 할까요?? ㅜㅜ

  • react
  • node.js
  • seo
  • graphql
  • next.js
wsws 댓글 2 좋아요 2 조회수 634

처음 리액트 yarn dev시 문제

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

안녕하세요 리액트 기초 및 폴더구조와 이모션 듣고있는데 세팅 다 마치고 yarn 데브 쳐서 보니까 이 메세지가 뜨더라고요 저는 초기에 아예 저기에 골뱅이가 써져있어서 다시 ..으로 바꾸고 다시 해봤습니다. 그런데도 이 오류가 떠서 보니까 선생님이 보여준 코드랑 제 index.js코드랑 미묘하게 다르더라고요? 선생님 코드는 이건데 제 초기 코드는 이거입니다.. 리액트 버전도 잘 낮췄는데 왜 다른 걸까요? 갑자기 난데없는 백틱과 변수표현식도 있고......일일이 지워서 선생님 강의랑 맞게 고쳐야할까요? 혹시 index.js전체 코드를 구할 수 있을까요? 보니까 Home.module.css도 선생님 거랑 달라요ㅠㅠ .title은 없고 이런것만 있어요. 노션 보고 지울건 지우고 순차대로 깐 게 맞는데 왜 제 건 이럴까요ㅠㅠ 현재 제 버전입니다 "next": "12.1.0", "react": "17.0.2", "react-dom": "17.0.2"

  • react
  • node.js
  • next.js
치카치카 댓글 1 좋아요 1 조회수 582

https://practice.codebootcamp.co.kr/graphql 접속 안되는 현상

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

안녕하세요~ https://practice.codebootcamp.co.kr/graphql 이 링크로 접속했는데 무한 로딩?이 되면서 접속이 안되는 현상이 발생합니다..! 와이파이도 바꿔보고 핸드폰에서도 접속해보고 했는데 계속 이러더라구요 아까는 잘 접속이 됐었는데... 다른 주소( https://backendonline.codebootcamp.co.kr/graphql ) 로 접속을 할땐 잘 되는데 유독 저 주소만 그러네요!! 그래서인지 실습할 때(apollo-client의 사용 및 _app.js 작동원리 수업) 요청하기 버튼을 클릭하면 계속 아무 반응이 없다가 기다리다보면 이렇게 뜨더라구요!! 왜그러는지 모르겠어서 진도를 못나가구 있습니다..ㅜ.ㅜ

  • react
  • node.js
  • seo
  • graphql
  • next.js
희소식 댓글 1 좋아요 0 조회수 506

타입스크립트 설치후 tsconfig.json에 자동 생성이 되지않습니다.

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

타입스크립트를 깔때 devdependencies에서 애초에 eslint하고 eslint-config-next가 같이 안까ㅓㄹ려서 수동으로 깔아줬는데 그래도 안되네요. 자꾸 기초적인것들 질문해서 죄송합니다.

  • react
  • node.js
  • seo
  • graphql
  • next.js
김진호 댓글 2 좋아요 0 조회수 719

전체 상품 count api 는 없나요?

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

모든 사용자가 등록한 상품을 보여주고 거기다 페이지네이션 까지 걸고 싶은데 내가 구매한 상품 카운트 api는 있지만 전체 상품 구매 api는 없는거 같아서요 ㅜㅜ

  • react
  • node.js
  • seo
  • graphql
  • next.js
Hyeonsang Kim 댓글 1 좋아요 0 조회수 455

graphviz 설치 후 에러메시지..문의드립니다.

미해결

[개정판] 파이썬 머신러닝 완벽 가이드

graphviz 설치하고 실습파일 4-2의 3번째줄까지 코드를 작성하면 '[Errno 13] Permission denied: PosixPath('dot')' 가 발생합니다. 해결방법을 알 수 있을까요?

  • python
  • 머신러닝
  • 통계
sitedelarue 댓글 2 좋아요 0 조회수 491

갑자기 에러가 나네요 하... ㅠㅠ

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

항상 수업 잘 듣고있습니다! 질문이 하나 있어서 글 올립니다. 다름이 아니라 ver2 section2 듣고 강의 들을때까지는 문제 없었는데 이제 수업 다 듣고 포트폴리오 작성하려고 하는데 yarn dev를 터미널에 쳤는데 에러가 납니다. Error: UNKNOWN: unknown error, readlink 'C:\Users\82109\OneDrive\바탕 화면\codecamp-frontend-mentee\class\.next\server\middleware-manifest.json'] { errno: -4094, code: 'UNKNOWN', syscall: 'readlink', path: 'C:\\Users\\82109\\OneDrive\\바탕 화면\\codecamp-frontend-mentee\\class\\.next\\server\\middleware-manifest.json' error Command failed with exit code 1. 이렇게 에러가 나서 노드모듈 지우고 캐쉬 지우고 다시 시작해 봐라 구글링했더니 저렇게 하라고 해서 했는데도 안되더라구요 ㅠㅠ 근데 강사님 포트폴리오 리뷰 해주시는거는 또 되더라구요 버전 문제 인건지 ㅠㅠ

  • react
  • node.js
  • seo
  • graphql
  • next.js
지우혁 댓글 1 좋아요 0 조회수 1858

Unexpected token ```, Expected a string literal 이게 뭐죠??

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

항상 이런데 도대체 뭐가 문제인지 모르겠네요 import {useRouter} from ` next/router `에서 오류가나네요

  • react
  • node.js
  • seo
  • graphql
  • next.js
김진호 댓글 2 좋아요 0 조회수 1424

파이썬 주파수 추출

미해결

파이썬을 통해 음성 wave파일에서 주파수 값을 추출해서 array 등으로 계산할 수 있도록 하려고 합니다. 그렇게 해서 주파수 대역폭 (최대 - 최소)를 값으로 구하고 싶은데 아무리 구글링을 해도 안나오네요 ㅜㅜ 뭘써야할까요..>?

  • 파이썬
  • 주파수
  • 통신
  • python
한정이 댓글 1 좋아요 0 조회수 1190

이미지 업로드 오류

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

사진첨부 부분에 이미지를 넣었는데 오류가 뜨는데 이유가 뭘까요?

  • react
  • node.js
  • seo
  • graphql
  • next.js
rjsdn wkd 댓글 1 좋아요 0 조회수 360

인기 태그

인프런 TOP Writers

주간 인기글