inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

Yarn 관련 문제

해결됨

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

저는 이전엔 윈도우에서 yarn이 아닌 npm을 통해 패키지를 설치해왔었습니다. 최근 맥으로 OS를 바꿨고 강사님이 알려주신대로 yarn을 설치를 해서 사용을 하려고 했으나 몇몇 다른 점 및 문제점이 생겼습니다. 첫째로 yarn init시에 강사님처럼 엔터를 치는 과정이 생략되고 바로 init이 완료되는가 하면 추가로 .yarn 폴더, .editorconfig, .pnp.cjs 등 여러 다른 파일들이 생성됨과 동시에 node_modules 폴더가 생성되지 않았습니다. 또한 package.json파일은 생성되었지만 package-lock.json 파일이 생성되지 않았습니다. 또한 yarn add express를 명령어로 입력하여 package.json 파일에 dependencies에 분명이 express가 추가가 되었고 2_express_server.js 파일에서 express를 require해와서 쓸 때도 자동완성도 잘 되었습니다. 근데 node 2_express_server.js 를 통해 서버를 실행해보면 express라는 모듈을 찾을 수 없다고 계속 나옵니다. 이게 yarn의 문제인지 아니면 그냥 버전의 차이때문에 설치하는 방법이 달라진건지 궁금합니다. 일단 현재 npm install을 통해 진행을 하곤 있지만 강사님께서 계속해서 yarn을 이용해 패키지를 설치하실 예정으로 보이시길래 웬만하면 저도 yarn으로 설치하면서 강사님을 따라하는게 더 좋을 것 같아 질문드립니다. 감사합니다.

  • javascript
  • typescript
  • rest-api
  • nestjs
  • backend
  • yarn
  • npm
김동민 댓글 1 좋아요 0 조회수 347

노션에 있는 피그마 링크를 눌러도 들어가지지 않아요.

해결됨

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

시작은 프리캠프의 노션에서 내리다보면 피그마 바로가기가 있는데 링크를 타고 들어가면 파일을 열 수 없다고만 나옵니다. 어떻게 해야하나요?

  • javascript
  • node.js
  • docker
  • rest-api
  • nestjs
어린 나비 댓글 1 좋아요 0 조회수 274

mongoDB에서의 데이터 중복일 때 1건만 수정되는 이유

미해결

기획자님 이 정도 웹 개발은 배워보면 어떨까요? [이론+실습]

CRUD 실습 - 2 중 문의사항이 있어 작성합니다. 제가 실수로 이전 CREATE 에서 두번 실행하는 바람에 현재 제 DB에 데이터가 중복으로 들어갔습니다. 그리고 현재 UPDATE를 하였을 때 데이터가 한 건만 수정되는 것을 확인하였습니다. 원래대로라면 '김현수'라는 이름을 가진 데이터가 2건이기 때문에 2건 모두 바뀌어야 하는 거 아닐까요? 왜 1건만 변경되는 지 문의드립니다.

  • HTML/CSS
  • javascript
  • vue.js
  • node.js
  • mongodb
  • 소프트스킬
유진용 댓글 1 좋아요 0 조회수 249

getServerSideProps에서 axios 호출시

해결됨

Next.js 시작하기

const response = await axios.get(`http://localhost:4000/products/${id}`); 로 호출할때 클라이언트에서는 별다른 에러 메시지가 나오지 않으나 npm run dev로 실행한 서버 터미널에서는 GET /products/backendManager.js.map 500 in 9ms ⨯ AxiosError: Request failed with status code 404 GET /products/react_devtools_backend_compact.js.map 500 in 16ms 이라는 에러가 나옵니다. 이 파일들을 호출하는 이유가 무엇인가요..?

  • javascript
  • react
  • next.js
댕청한까마귀 댓글 2 좋아요 1 조회수 395

2.1강 테스트에서 헷갈리는 부분이 있습니다.

해결됨

실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트

안녕하세요. 몇가지 의문이 있어 질문 드립니다. 올바른 테스트 작성 규칙에서 내부 구현에 대한 테스트, 단순한 UI렌더링 관련 테스트는 하지 않는것이 좋다고 하셨는데, className prop이 css class에 적용되는지, placeholder설정, focus 시 border 스타일이 변경되는지 테스트하는건 단순히 UI와 관련된 테스트가 아닌가요? getByPlaceholder API는 만약 구현코드에서 placeholder 내용이 달라지면 테스트 코드도 모두 수정해야 하는데 종속성이 있다고 볼 수 있지 않나요? 아직 테스트가 익숙하지 않아 그런지 이런 부분이 많이 헷갈립니다ㅜㅜ

  • javascript
  • react
  • 소프트웨어-테스트
  • vitest
팀오 댓글 2 좋아요 0 조회수 282

GSAP 가이드 Part.02 강의 > 01 > practice html 맨처음 시작시 강의랑 동일하지 않을 경우

해결됨

웹 애니메이션을 위한 GSAP 가이드 Part.02

웹 애니메이션을 위한 GSAP 가이드 Part.02에 advence-start > 01.animation-control > pratice의 html을 실행하면 강의랑 다르게 파란색 길이 안나와서 당황했는데 강의를 들으면서 확인해보니까 해당 밑에꺼 3개 주석처리 하니까 시작 할 때랑 똑같이 나옵니다. 혹시 연습으로 먼저 해보실분들은 이거 3개 주석처리 하시고 시작하시면 될것같습니다. #emart .path { stroke-dasharray: 496; stroke-dashoffset: 496; } #medi .path { stroke-dasharray: 604; stroke-dashoffset: 604; } .pick { opacity: 0; }

  • HTML/CSS
  • javascript
  • 인터랙티브-웹
  • gsap
Taeyoon 댓글 2 좋아요 1 조회수 265

1.3강 npm run dev 안되는 문제

해결됨

실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트

문제) 의존성 설치 후 npm run dev를 기동하면 $ npm run dev > test-example-shopping-mall@0.0.0 dev > concurrently --kill-others 'npm run dev:server' 'npm run dev:ui' [0] ''npm'��(��) ���� �Ǵ� �ܺ� ����, ������ �� �ִ� ���α׷�, �Ǵ� [0] ��ġ ������ �ƴմϴ�. [1] 'run'��(��) ���� �Ǵ� �ܺ� ����, ������ �� �ִ� ���α׷�, �Ǵ� [1] ��ġ ������ �ƴմϴ�. [2] ���� �̸�, ���͸� �̸� �Ǵ� ���� ���̺� ������ �߸��Ǿ����ϴ�. [3] ''npm'��(��) ���� �Ǵ� �ܺ� ����, ������ �� �ִ� ���α׷�, �Ǵ� [3] ��ġ ������ �ƴմϴ�. [4] 'run'��(��) ���� �Ǵ� �ܺ� ����, ������ �� �ִ� ���α׷�, �Ǵ� [4] ��ġ ������ �ƴմϴ�. [4] run exited with code 1 --> Sending SIGTERM to other processes.. [3] 'npm exited with code 1 --> Sending SIGTERM to other processes.. --> Sending SIGTERM to other processes.. [1] run exited with code 1 --> Sending SIGTERM to other processes.. [0] 'npm exited with code 1 --> Sending SIGTERM to other processes.. [5] ���� �̸�, ���͸� �̸� �Ǵ� ���� ���̺� ������ �߸��Ǿ����ϴ�. [5] dev:ui' exited with code 1 이런 콘솔이 찍히며 테스트 서버가 실행되지 않습니다. 인코딩이 깨져서 뭐가 문젠지 추적을 못하겠어요ㅠㅠ node 버전은 강의와 동일하게 19.9.0으로 맞춰두었습니다. +) 인코딩이 깨지는 문제는 vscode터미널 말고 다른 커맨드창을 이용하니 해결 되었습니다. > test-example-shopping-mall@0.0.0 dev > concurrently --kill-others 'npm run dev:server' 'npm run dev:ui' [0] ''npm' is not recognized as an internal or external command, [0] operable program or batch file. [1] 'run' is not recognized as an internal or external command, [1] operable program or batch file. [2] The filename, directory name, or volume label syntax is incorrect. [3] ''npm' is not recognized as an internal or external command, [3] operable program or batch file. [4] 'run' is not recognized as an internal or external command, [4] operable program or batch file. [4] run exited with code 1 --> Sending SIGTERM to other processes.. [3] 'npm exited with code 1 --> Sending SIGTERM to other processes.. [2] dev:server' exited with code 1 --> Sending SIGTERM to other processes.. [1] run exited with code 1 --> Sending SIGTERM to other processes.. [0] 'npm exited with code 1 --> Sending SIGTERM to other processes.. [5] The filename, directory name, or volume label syntax is incorrect. [5] dev:ui' exited with code 1 그런데 여전히 실행이 안됩니다ㅜㅜ npm을 못찾는거 같은데 환경변수에 따로 등록을 해야하나요? npm -v하면 버전은 잘 나오는데 원인을 모르겠습니다... 현재 환경변수와 버전정보 추가합니다. +) package.json스크립트에서 작은 따옴표를 큰 따옴표로 수정해서 최종적으로 해결되었습니다... 허무하네용ㅋㅋㅋ ㅠ

  • javascript
  • react
  • 소프트웨어-테스트
  • vitest
팀오 댓글 1 좋아요 1 조회수 566

이렇게 풀어봤는데 괜찮을까요?

미해결

자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)

function App() { const solve = (m ,arr) => { let answer = 0; let n = arr.length; arr.sort((a,b) => (a[0] + a[1]) - (b[0] + b[1])); // 50% 쿠폰, 상품 for (let i = 0; i < n; i++) { let money = m - (arr[i][0] - arr[i][1]); let cnt = 1; for (let j = 0; j < n; j++) { if (j === i) { continue; } money = money - (arr[j][0] + arr[j][1]) if (money > 0) { cnt ++; } } if (answer < cnt) { answer = cnt } } return answer } const arr = [[6,6],[2,2],[4,3],[4,5],[10,3]]

  • javascript
  • 코딩-테스트
hollis9797 댓글 1 좋아요 0 조회수 216

next create-next-app@latest 설치 문제

해결됨

Next.js 시작하기

Aborting installation. Unexpected error. Please report it as a bug: Error: EACCES: permission denied, open '/Users/jeonginn/Library/Preferences/create-next-app-nodejs/config.json.tmp-982595282012e022' at openSync (node:fs:581:18) at attempt (/Users/jeonginn/.npm/_npx/efeac22998af9bf2/node_modules/create-next-app/dist/index.js:8:43165) at Object.writeFileSync (/Users/jeonginn/.npm/_npx/efeac22998af9bf2/node_modules/create-next-app/dist/index.js:8:38664) at Conf._write (/Users/jeonginn/.npm/_npx/efeac22998af9bf2/node_modules/create-next-app/dist/index.js:8:74912) at set store [as store] (/Users/jeonginn/.npm/_npx/efeac22998af9bf2/node_modules/create-next-app/dist/index.js:8:73358) at Conf.set (/Users/jeonginn/.npm/_npx/efeac22998af9bf2/node_modules/create-next-app/dist/index.js:8:71962) at run (/Users/jeonginn/.npm/_npx/efeac22998af9bf2/node_modules/create-next-app/dist/index.js:74:51291) at process.processTicksAndRejections (node:internal/process/task_queues:95:5) { errno: -13, code: 'EACCES', syscall: 'open', path: '/Users/jeonginn/Library/Preferences/create-next-app-nodejs/config.json.tmp-982595282012e022' } 설치할 때 터미널에서 이런 메세지가 나오네요 ㅠㅠ 권한 문제인거 같아서 구글링 계속 해보면서 해봤는데 안되서 글 남깁니다 ㅠㅠ

  • javascript
  • react
  • next.js
곰코드 댓글 2 좋아요 1 조회수 618

객체 참조 관련 질문

미해결

[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문

위와 같이 코드를 작성했을 때, D.push(d) 이후에는 d === D[2] 값이 false가 나옵니다. 이건 push할 때는 새로운 주소에 할당되기 때문일까요? 깊이에 따른 복사가 다르다고 얼핏 듣긴 했습니다만 잘 몰라서 질문 드립니다.

  • javascript
반짝반짝한 북극곰 댓글 1 좋아요 0 조회수 200

페이징 처리

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

안녕하세요. 선생님. todolist를 따라하며 완성하였는데요. todolist의 list들이 많아지면 페이징 처리를 통해 나누어 봐야 할 거 같은데 이 기능은 어떻게 구현하면 좋을까요?? (RESTFUL API로 개발하면 프론트, 백엔드 양쪽에서 페이징 처리를 해야 하는지,, )

  • javascript
  • react
  • node.js
윤토벤 댓글 1 좋아요 0 조회수 249

심플 카운터 onClick시 setCount 무한 루프

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

선생님 안녕하세요 선생님 안녕하세요 강의에 나온 내용은 아니지만 실습 중에 문법 경고가 안 떠있는데 제 의도대로 작동 되지 않은 코드가 있어서 이러면 안된다고 부연 설명해주셨지만 제가 강의 안보고 혼자 실습하다가 그 안 되는걸 해버렸는데 이유가 너무 궁금해서 질문 드립니당 심플 카운터 실습 중에 App 컴포넌트에서 Count 스태이트를 함수로 만들어서 Controller 컴포넌트에 넘기고 컨트롤러 컴포넌트에서 이렇게 함수를 호출 했더니 버튼 누르지도 않았는데 혼자 무한루프 도는걸 봤는데 왜 이런건지 궁금해요

  • javascript
  • react
  • node.js
댓글 2 좋아요 0 조회수 268

추가 강의

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

안녕하세요! 리액트랑 타입스크립트 강의 완강하고 강사님께 더 배우고 싶어서 찾아보다가 타사에 리액트 + next.js 강의가 있더라구요. 그런데 커리큘럼을 보니 리액트 부분은 제가 수강한 리액트 강의랑 거의 흡사한 것 같고 거기에 추가로 next.js 부분만 공부하고 싶은데 강사님이 7월 ~8월 중에 next.js 강의를 낸다고 하신 게 있어서요 ㅠ 혹시 next.js 강의가 늦게 나올까요 ㅠ? 미리 강사님의 리액트 + next.js 강의를 들어도 되나요? (현재 리액트 강의나 추후 나올 next.js 강의와 겹치는 부분은 없는지...등)

  • javascript
  • react
  • node.js
기매리미 댓글 1 좋아요 0 조회수 301

공지

해결됨

문제해결을 통한 웹프로그래밍 입문

강좌 운영이나 강의 내용에 관해 궁금한 점이 있으면 자유롭게 나누어주세요. 교수자, 수강생 누구나 글쓰기와 댓글 쓰기가 가능합니다.

  • HTML/CSS
  • javascript
  • jquery
부산대학교 AI융합교육원 댓글 1 좋아요 0 조회수 162

해결되었습니다

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

해결되었습니다

  • javascript
  • react
  • node.js
댓글 1 좋아요 0 조회수 191

-2+ -2 = -4 음수 더하기 음수 - 셀프체크 계산기

미해결

[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문

음수 끼리 더해 보고 싶어서 해봤습니다. 근데 결과가 0이 나와서 질문 드립니다. 혹시 숫자가 잘못 나왔나 해서 콘솔 로 확인 해봤는데 숫자는 우선 잘 된것 같습니다. 무엇이 문제인걸까요? -3 + -5 도 결과 값이 2 가 나옵니다. 계산할때 중괄호가 없어서 그런걸까요?

  • javascript
하리 댓글 1 좋아요 0 조회수 515

질문있습니다.

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

파일 저장 시 prettier가 의도적으로 줄 바꿈한 문장을 한 줄로 합쳐버립니다. 라고 질문 올렸는데 다른 분이 답 주시고 강사님께서 답을 안 해주셔서 질문드립니다. 사진을 지워서 지난글을 봐주실 수 있나요 슬래쉬 두 번 쓰는거는 불편한데, 설정으로 어떻게 안 되는건가요? 줄바꿈 한거는 합쳐버리고, 한줄로 있던거는 나눠버립니다.

  • javascript
  • react
  • node.js
무빙락 댓글 1 좋아요 0 조회수 208

우선순위 큐 질문이 있습니다!

해결됨

비전공자의 전공자 따라잡기 - 자료구조(with JavaScript)

우선순위 큐 강의를 재미있게 보았는데, 큐와 우선순위큐가 먼저 실행 되는것을 실행하는 차이말고는 똑같은것 같은데 구현 코드는 힙 자료구조를 사용 하시더라고요! 그렇다면 힙과 우선순위 큐가 비슷하고 우선 순위 큐가 큐랑 비슷하니까 힙과 큐도 비슷한건가요?

  • javascript
  • 코딩-테스트
  • 알고리즘
rhkdtjd_12 댓글 1 좋아요 0 조회수 167

인기 태그

인프런 TOP Writers

주간 인기글