inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

[section04] cd class 이후 react 버전 변경시 오류

해결됨

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

cd class 이후 react 버전 변경 시 아래와 같은 오류가 진행됩니다. 어떻게 해결해야할까요..ㅠㅠ Usage Error: The nearest package directory (C:\Users\user\Desktop\CodeCamp_Frontend_j\class) doesn't seem to be part of the project declared in C:\Users\user. - If C:\Users\user isn't intended to be a project, remove any yarn.lock and/or package.json file there. - If C:\Users\user is intended to be a project, it might be that you forgot to list Desktop/CodeCamp_Frontend_j/class in its workspace configuration. - Finally, if C:\Users\user is fine and you intend Desktop/CodeCamp_Frontend_j/class to be treated as a completely separate project (not e

  • react
  • node.js
  • seo
  • graphql
  • next.js
한재희 댓글 1 좋아요 0 조회수 233

Macbook Air yarn 설치 실패

해결됨

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

안녕하세요 현재 MacBook Air 2022( macOS Sonoma | version 14 | Apple M1)으로 수강 중 입니다 yarn 설치시 오류가 발생합니다 ✔ Would you like to use TypeScript? … No / Yes ✔ Would you like to use ESLint? … No / Yes ✔ Would you like to use Tailwind CSS? … No / Yes ✔ Would you like to use src/ directory? … No / Yes ✔ Would you like to use App Router? (recommended) … No / Yes ✔ Would you like to customize the default import alias (@/*)? … No / Yes Creating a new Next.js app in /Users/namgyukim/Desktop/codecamp-frontend-NGK/class. Using npm. Initializing project with template: default Installing dependencies: - react - react-dom - next added 22 packages, and audited 23 packages in 8s 3 packages are looking for funding run npm fund for details found 0 vulnerabilities Initialized a git repository. Success! Created class at /Users/namgyukim/Desktop/codecamp-frontend-NGK/class npm notice npm notice New patch version of npm available! 10.2.3 -> 10.2.5 npm notice Changelog: https://github.com/npm/cli/releases/tag/v10.2.5 npm notice Run npm install -g npm@10.2.5 to update! npm notice namgyukim@NAMui-MacBookAir codecamp-frontend-NGK % cd class namgyukim@NAMui-MacBookAir class % yarn add next@12.1.0 react@17.0.2 react-dom@17.0.2 --exact zsh: command not found: yarn namgyukim@NAMui-MacBookAir class % npm install -g yarn npm ERR! code EACCES npm ERR! syscall mkdir npm ERR! path /usr/local/lib/node_modules/yarn npm ERR! errno -13 npm ERR! Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/yarn' npm ERR! [Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/yarn'] { npm ERR! errno: -13, npm ERR! code: 'EACCES', npm ERR! syscall: 'mkdir', npm ERR! path: '/usr/local/lib/node_modules/yarn' npm ERR! } npm ERR! npm ERR! The operation was rejected by your operating system. npm ERR! It is likely you do not have the permissions to access this file as the current user npm ERR! npm ERR! If you believe this might be a permissions issue, please double-check the npm ERR! permissions of the file and its containing directories, or try running npm ERR! the command again as root/Administrator. npm ERR! A complete log of this run can be found in: /Users/namgyukim/.npm/_logs/2024-01-08T14_45_08_725Z-debug-0.log 어떻게 해야 다음 단계로 넘어갈 수 있을까요?

  • react
  • node.js
  • seo
  • graphql
  • next.js
NAM GYU KIM 댓글 1 좋아요 0 조회수 341

[섹션3 훈훈한 Javascript] 함수 스코프, 블록 스코프 강의 질문

미해결

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

강의 4:50 정도에 아래 코드에서 x를 콘솔에 출력하면 undefined가 발생한다고 하셨는데 이해가 안가서 질문드립니다. const sum = function(){ var x = 0; } console.log(x); var로 선언된 x는 콘솔이 찍히는 부분인 현재 스코프에서 사용할 수 없는 상태이므로 undefined가 아니라 referenceError가 나는거 아닌가요?

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

section09 포트폴리오 git clone으로 받아와서 등록해보면 Failed to fetch 오류가 생기는데 이유가 뭔가요?

해결됨

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

오류가 나옵니다 new:1 Access to fetch at 'http://backend-practice.codebootcamp.co.kr/graphql' from origin 'http://localhost:3002' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: The 'Access-Control-Allow-Origin' header has a value 'http://localhost:3000' that is not equal to the supplied origin. Have the server send the header with a valid value, or, if an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled. backend-practice.codebootcamp.co.kr/graphql:1 Failed to load resource: net::ERR_FAILED

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

리액트 404 에러가 떠요 ㅜㅜ

해결됨

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

기존 노트북에서는 잘 되었다가 다른 노트북에서 깃허브에서 pull해서 설정잡고 실행시키니 404에러가 뜹니다. yarn dev시 http://localhost:3000로 접속하면 잘 접속이 되지만 http://localhost:3000/section0909-04-boards 이렇게 접속하면 404에러가 뜹니다. 실행은 cs class로 이동 후 했습니다~

  • react
  • node.js
  • seo
  • graphql
  • next.js
wizitbiz 댓글 2 좋아요 0 조회수 1146

로그인 리프레시토큰 수업

해결됨

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

로그인 리프레시 토큰 수업에서 오류가 발생하여 문의드립니다. 로그인을 하고 login-success 페이지로 넘어간 후 버튼클릭을 하면 ApolloError: Cannot read property '_id' of null 오류가 발생합니다. staus code는 200로 보여집니다. 문제가 어떤것인지 모르겠는데 확인부탁드려요.

  • react
  • node.js
  • seo
  • graphql
  • next.js
suny_fun 댓글 2 좋아요 0 조회수 340

학습자료는 어디에있나요

해결됨

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

제가 잘못찾는것인지... 학습자료, 노션링크 위치를 찾을수가 없어요...ㅠㅠ

  • react
  • node.js
  • seo
  • graphql
  • next.js
Eun Teak Oh 댓글 1 좋아요 0 조회수 278

회원가입과제. 이렇게하면될까요?

해결됨

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

안녕하세요. 온라인강의 수강하는 학생입니다. 주중엔 짬짬이 강의만, 코딩학습은 주말만.. 학습 진도가 늦지만. 장기간 걸쳐. 열심히 해 보겠습니다.ㅎ 회원가입 과제 아래와 같이 해 보았습니다. (1) vector 부분을 어떻게 적용해야 하나요? figma에서 제공하는 svg소스를 복사,붙여 넣기만 했는데... (2) ellipse 부분을 어떻게 적용해야 하나요? checkbox나 radio 부분에 svg 소스 활용방법이 궁금합니다. (3) 과제에 대한 멘토님의 소스를 보고싶은데 , 제가 못 찾는 것인지 멘토님 소스 보는 방법을 가르쳐 주셨으면 합니다. 멘토님의 의견 감사합니다.

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

로컬호스트 오류가 자꾸떠요

해결됨

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

Server Error TypeError: inst.render is not a function This error happened while generating the page. Any console logs will be displayed in the terminal window. 요런식으로 오류가 뜨는데 어떻게 해야할까요?

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

pagination 페이지 번호 유지하고 싶습니다.

해결됨

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

예시로 pagination을 통해 4번째 게시물 목록을 보고 있는데 여기서 새로 고침을 하거나 4번 게시물 목록의 해당 게시글 클릭해서 들어가고 다시 뒤로 가기를 통해 게시물 목록으로 이동이 되었을 때 4번 게시물 목록이 아닌 1번 게시물 목록으로 초기화가 되는데 저는 4번 게시물 목록으로 유지하고 싶습니다. 다른 사이트의 게시물 홈페이지를 참고해 보면 page=4 이런 식으로 주소 창에 입력이 되어있는데 pages폴더에 폴더를 추가해서 유지를 해야 하나요? 인프런에서 질문 & 답변 부분에서도 다음과 같이 사용되고 있습니다. https://www.inflearn.com/community/questions?page=2&order=recent 만약 폴더를 추가 해야 한다면 다음과 같이 폴더가 있을 때 boards 하위 폴더에 추가하고 해당 page폴더 안에 [boardId], new 폴더를 넣어야 할 까요? (page폴더 생성 안 한 상태입니다.) 아니면 useState나 useRecoil을 사용해서 상태관리를 해야하는 건가요? 어떻게 사용되는지 알고 싶습니다.

  • react
  • node.js
  • seo
  • graphql
  • next.js
초무 댓글 4 좋아요 1 조회수 1466

husky

해결됨

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

D:\coding\codecamp-frontend\class> npx husky install 위 내용처럼 허스키를 설치하면 husky - .git can't be found (see https://typicode.github.io/husky/#/?id=custom-directory) 이렇게 .git을 찾을 수 없다고 뜹니다. 저는 작업물을 git으로 버전 관리했는데 찾아보니 package.json과 .git의 경로가 형제관계여야 오류가 안난다는 정보를 찾았습니다. 제 작업물의 폴더 구조가 최상위 폴더에 .git이 있고 저렇게 클래스 / 클래스_퀴즈 / 포폴 폴더에 package.json이 각각 있는 형태인데요. 이러한 경우는 어떻게 해결해야 할까요?

  • react
  • node.js
  • seo
  • graphql
  • next.js
김태연 댓글 1 좋아요 1 조회수 625

createUploadLink사용 할 때 오류가 발생합니다.

해결됨

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

import에 문제가 발생했다고 하는 것 같은데 아무리 찾아봐도 해결이 안됩니다.ㅠ 어찌해야할까요

  • react
  • node.js
  • seo
  • graphql
  • next.js
thekrjm 댓글 2 좋아요 0 조회수 532

prettier 적용 사라짐

미해결

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

강의 듣기전부터 프리티어는 사용하고 있었는데 yarn add --dev eslint-config-prettier 이걸 입력한이후 저장시 프리티어 간격조정이 자동으로 안됩니다 format on save 다 체크 되있는 상태이고 다른폴더에선 프리티어가 되지만 yarn add --dev eslint-config-prettier 이걸 입력한 폴더만 간격 조정이 안먹는 데 이유가 뭘까요

  • react
  • node.js
  • seo
  • graphql
  • next.js
주재 댓글 2 좋아요 0 조회수 477

freeboard_frontend 작업 중 Failed to fetch

해결됨

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

freeboard_frontend 폴더에서 댓글 부분 만들려고 yarn dev해서 화면을 확인하려고 하는데 /boards 부분 화면은 뜨는데 글 목록은 하나도 뜨지않고 작성하기를 하려하니 alert 창으로 Failed to fetch 라는 안내가 뜹니다 혹시 뭐가 문제인지 알 수 있을까요?

  • react
  • node.js
  • seo
  • graphql
  • next.js
서나현 댓글 2 좋아요 0 조회수 346

매개변수 이해가 잘 안됩니다.

해결됨

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

안녕하세요, 수업 잘 듣고 있습니다. 79번째 줄 weatherSearch라는 function에 postion이 매개변수로 들어가는 이유가 잘 이해가 안 됩니다. 만약, postion 대신 87번째 줄의 positionObj가 매개변수로 들어 가면 어떻게 되나요? 아직 매개변수 자체의 개념이 약한 것 같은데 좀 더 이해할 수 있게 도와주시면 감사하겠습니다!

  • react
  • node.js
  • seo
  • graphql
  • next.js
유클리드소프트 댓글 2 좋아요 0 조회수 381

타입스크립트 몰라도 진도 나가는데 영향 없을까요?

해결됨

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

https://www.inflearn.com/questions/1092347/types-ts-%ED%8C%8C%EC%9D%BC%EC%9D%B4-%EC%95%88%EC%83%9D%EA%B9%81%EB%8B%88%EB%8B%A4%E3%85%A0%E3%85%9C-ai-%EB%8B%B5%EB%B3%80%EC%97%90%EB%8F%84-%EB%AF%B8%ED%95%B4%EA%B2%B0-%EC%A4%91%EC%9E%85%EB%8B%88%EB%8B%A4%E3%85%A0%E3%85%A0%E3%85%A0 위의 글을 올렸었는데 해결이 아직 안되어 차라리 건너뛰고 마이웨이를 해야 하는 부분인지 여쭤봅니다... 거의 일주일 째 진도를 못나가고 있습니다ㅠㅜ

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

AWS 가입

해결됨

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

AWS 가입시 신용카드가 필수로 필요한것 같은데 가입이안되면 다른 배포방법이 있을까요? 지금 닷홈에 호스팅 결제되있고 파일질라로 HTML파일 배포중인데 리액트도 빌드해서 파일질라 올리면 배포가 가능할까요?

  • react
  • node.js
  • seo
  • graphql
  • next.js
주재 댓글 1 좋아요 0 조회수 374

section07 graphql 오류

해결됨

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

포트폴리오 리뷰보고 똑같이작성해도 에러가나고, 깃허브에서 자료받아서 복붙해도 똑같은 에러가나네요 ,ㅠ 오타는 절대아니고 무슨 원인일까요?

  • react
  • node.js
  • seo
  • graphql
  • next.js
강주은 댓글 2 좋아요 0 조회수 350

geolocation 기능이 지원 중단되었다고 뜨는데..

해결됨

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

크롬에서 위치 설정해줘도 아무것도 안뜨네요 ㅠㅠ

  • react
  • node.js
  • seo
  • graphql
  • next.js
yaejin9503 댓글 2 좋아요 0 조회수 472

인기 태그

인프런 TOP Writers

주간 인기글