inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

타입스크립트오류

해결됨

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

강의를 여러번 따라해봐도 이런 오류가 뜹니다ㅠ

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

nextjs link / sass + css.module 사용시 경고 문제

해결됨

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

<Link href={`/search/${storeName}`}>{`${idx + 1} ${storeName}`}</Link> 이렇게 만들고 링크된 페이지는 (href로 이동하는 페이지는) sass + css.module 로 스타일링 하고 있습니다 이 경우 사진과 같은 경고 메세지가 나옵니다. (링크를 hover 시 css 파일을 미리 가져오는데 사용되고잇지 않은 상태) https://nextjs.org/docs/pages/api-reference/components/link#if-the-child-is-a-tag 를 보고 <Link href={href} passHref legacyBehavior> <RedLink>{name}</RedLink> </Link> 와 같이 작성하엿으나 여전히 문제가 지속됩니다. 이 경고메세지의 해결방법을 알수있을까요? 비슷한 문제인건지 정확하게 확인은 안했지만 본 강의 마지막 커밋에서도 동일한 경고가 발생합니다.

  • seo
  • next.js
  • vercel
  • csr
  • ssg
  • ssr
콩팥팥죽 댓글 1 좋아요 1 조회수 499

리액트 globals.css가 원래 적용이 안되는건가요?

해결됨

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

게시물 등록 실습중이던 학생입니다. input 크기를 잡을 때 padding값을 주어서 크기를 잡고 있었는데 미묘하게 input 태그들 마다 가로길이가 다릅니다..ㅠㅠ(컴포넌트 분리한 상태입니다.) globals.css내부를 보니 *{box-sizing:border-box} 이 ,기재되어있는거같은데 실제로는 적용이 안되는거 같습니다. padding으로 크기를 잡는게 아닌건가요? 아니면 globals에 있는 스타일이 원래 적용이 안되는건가요? 따로 작업을 해주어야하는게 있을까요?

  • react
  • node.js
  • seo
  • graphql
  • next.js
임수진 댓글 1 좋아요 0 조회수 581

로그인, 로그아웃 시 문제

해결됨

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

안녕하세요, 로그인과 마이페이지를 구현하였고, 로그인 후에 router.push로 페이지 이동하고 거기서 다시 마이페이지를 눌렀을때 로그인이 안되었다고 hoc에서 걸립니다. 로그아웃도 마찬가지로 문제가 발생됩니다. 다만, 새로고침을 했을땐 정상적으로 작동이 잘 됩니다. fetchUser 받아올 때의 문제인건지 accessToken과 refreshToken에서의 api 문제인건지 도저히 혼자서 해결이 어려워 문의 남깁니다..

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

vercel 배포 후 지도서비스가 네이버 API key인증 실패관련문의..

해결됨

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

안녕하세요~ 버셀에 프로젝트를 베포할때 .env 파일에 있는NEXT_PUBLIC_NCP_CLIENT_ID와 키넘버를 vercel에 직접 입력했는데요. .env 파일도 있고요. 결론적으로 둘다 입력하고 파일을 가지고 있는 경우에는 네이버 클라우드에 도메인을 등록하더라도 API Key 인증에 실패되나요? 페이지를 새로고침 했을 시 지도가 잠깐 정상적으로 떳다가 바로 인증에 실패했다고 뜨지 않습니다 ㅠㅠ

  • seo
  • next.js
  • vercel
  • csr
  • ssg
  • ssr
Nuri Park 댓글 1 좋아요 1 조회수 1275

메인페이지에서 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 조회수 512

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

해결됨

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

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

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

설치단계 오류

해결됨

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 조회수 460

초기설정 질문

해결됨

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

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

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

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 조회수 507

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

해결됨

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

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

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

전체 상품 count api 는 없나요?

해결됨

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

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

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

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

해결됨

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

항상 수업 잘 듣고있습니다! 질문이 하나 있어서 글 올립니다. 다름이 아니라 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 조회수 1860

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

해결됨

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

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

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

이미지 업로드 오류

해결됨

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

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

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

aws 비용

해결됨

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

배포까지 다 진행을 했는데 aws비용이 청구가 되가지구요, 제가 설정을 잘못한걸까요??

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

Graphql 질문

해결됨

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

저는 강사님처럼 빽틱을 쓰면 글자로 "" 안에 글쓴거처럼 글자로 읽는데 상관없는건가요?

  • react
  • node.js
  • seo
  • graphql
  • next.js
정재환 댓글 1 좋아요 0 조회수 400

인기 태그

인프런 TOP Writers

주간 인기글