inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

tailwind 설치 명령어 관련 질문

해결됨

React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드

안녕하세요! 강의 노션에서는 이렇게 나와있는데 npx tailwindcss init만으로는 tailwind.config.js만 설치되고, postcss.config.js는 설치가 안되는 게 아닌가요? npx tailwind init -p 명령어를 사용해야 하는지 여쭤보고 싶습니다! 그리고 위 두 명령어만 입력해서 tailwind를 사용하려고 하니 에러가 떠서 찾아보니까 Vite가 postcss.config.js 읽다가 autoprefixer 플러그인을 불러오려고 했는데 , 프로젝트에 autoprefixer 패키지가 설치되어 있지 않아서 터진 거야. 라고 하더라구요 npm install -D tailwindcss@3이 아니라 npm install -D tailwindcss@3 postcss autoprefixer 이 명령어를 사용해야 한다고 해서 사용해보니 에러가 해결된 상태입니다. 노션에 적혀있는 명령어와 달라서 여쭤봅니다! npm install -D tailwindcss@3 postcss autoprefixer npm install -D taiㅇindcss@3 postcss autopnpm install -D tailwindcss@3 postcss autoprefixerrefixer

  • HTML/CSS
  • javascript
  • react
  • node.js
  • mongodb
seohyeon kim 댓글 2 좋아요 0 조회수 99

강의 순서

해결됨

카카오 면접관이 알려주는 반드시 알아야하는 Distributed Environment

안녕하세요, 미래에 네이버에 취업할 취업준비생입니다. 다름 아니라, 이번 미니 프로젝트로 msa 환경을 바탕으로 하는 프로젝트를 기획중에 있습니다. msa에 대해 무지해서, 어떤 것부터 차례대로 강의를 수강하면 좋을지 말씀을 듣고싶어서 질문 남깁니다. 저는 웹 프로젝트를 준비 중에 있고, 언어로는 java를 사용, spring boot를 이용해서 개발하려고 합니다. 추가적으로 결제시스템까지 도입예정에 있어서, 후에 kafka 도입까지 고려하고 있습니다. 감사합니다.

  • javascript
  • 디자인-패턴
  • msa
  • 소프트웨어-설계
  • 국비지원-부트캠프
김영준 댓글 2 좋아요 0 조회수 99

continue를 사용하는 이유

미해결

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

break로 해도 되는데 continue를 사용한 이유가 궁금합니다. for (let nv of [v * 2, v * 2 + 1]) { if (nv > 7) break; queue.push(nv); }

  • javascript
  • 코딩-테스트
murphy 댓글 2 좋아요 0 조회수 124

Live Server 실행 후 브라우저 자동 활성화 방법

미해결

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

안녕하세요 강의 잘 듣고 있습니다. 비주얼 스튜디오 Live Server 확장 다운받고 'Open with Live Server'을 눌러서 실행을 했는데 브라우저(크롬)가 자동으로 켜지지 않습니다. 실행을 하고 직접 주소를 입력하면 접속은 됩니다. 어떻게 하면 자동으로 활성화 되게 할 수 있을까요?

  • javascript
  • react
  • node.js
망나뇽 댓글 2 좋아요 0 조회수 152

정렬 가능 여부 판단하기

미해결

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

뮤직비디오랑 마구간 정하기 문제를 풀어보는데 뮤직 비디오는 정렬하면 안된다고 했는데 마구간 정하기에는 정렬을 해야한다고 해서 너무 헷갈립니다. 정렬 해도 되는것과 안되는것을 어떻게 구분할수 있을까요?

  • javascript
  • 코딩-테스트
murphy 댓글 2 좋아요 0 조회수 105

개발 환경부터 만들고 싶은데 강의에 생략된건가요?

미해결

Vue 3 시작하기

안녕하세요 강사님, 정성을 담아서 만들어주신 깃 레포지토리를 클론하는 방법도 있지만, npm install 부터 시작하여 개발 환경을 구성하고싶은데, 제작해주신 강의에는 해당 부분이 없어 이렇게 문의드립니다. 아무리 이전 내용을 훑어보아도 그러한 환경을 구성하는 방식은 없고 바로 브라우저부터 띄는 것을 보아 당황스러웠습니다..

  • javascript
  • vue.js
  • vue-3
임스헝 댓글 1 좋아요 0 조회수 81

화면표시 잘못된것같아요! 화면오류?

미해결

가장 쉬운 리액트(React) - by 얄코

🛑 질문은 이곳이 아닌, 노션 페이지에 해주세요!! 질문 방법 보기: https://youtu.be/2OQoqcQMxhA 노션 페이지 링크: https://yalco.notion.site/157ff6b3a35780918b5af38738e7758c?pvs=4 5:50 부분 화면 표시가 잘못된것같습니다. Color count: {colors.length} 인데 위에 const numbers = [1, 2, 3, 4, 5]; 로 표시되어져있어요.

  • javascript
  • react
  • node.js
  • 웹앱
hee011396 댓글 2 좋아요 0 조회수 110

Vue.js not detected가 자꾸 뜹니다

미해결

Vue.js 시작하기 - Age of Vue.js

브라우저 캐시 삭제 후 다시 시도해 보세요. Vue.js 개발자 도구를 삭제한 후 재설치해 보세요. Vue.js 개발자 도구 사용에 문제가 있다면, Vue.js 공식 홈페이지에서 제공하는 Vue.js Devtools를 다운로드해서 사용해 보세요. 타 익스플로러에도 확장 프로그램을 설치해 보세요. 위 사항들 다 하고 node.js하고 크롬도 재설치까지 해봤는데 Vue.js not detected가 뜨고 개발자 도구에 뷰 항목이 안 나옵니다. 도와주세요...

  • javascript
  • vue.js
wjdwoals042 댓글 2 좋아요 0 조회수 151

unregistered 이라 뜨며 작동하지 않습니다.

미해결

프로그래밍 시작하기 : 웹 입문 (Inflearn Original)

Sublime text를 실행했을때 unregistered 이라 뜨며, 크롬창이랑 같이 열어 실습을 해보았을때 서로 아무런 연결이 되지 않습니다. 어떻게 해결하면 될지 잘 모르겠습니다.

  • HTML/CSS
  • javascript
jmandoo03 댓글 1 좋아요 0 조회수 113

소셜정보 수정

미해결

Next.js with Spring Boot

소셜 로그인하면 정보 수정에 비밀번호 수정은 의미 없겠네요?

  • javascript
  • react
  • spring-boot
  • jpa
  • next.js
오일중 댓글 2 좋아요 0 조회수 90

[공유] DTO optional 필드가 undefined로 잡혀 TypeORM 조건이 깨지는 현상

미해결

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

Postman 테스트 중 데이터를 받아오지 못하는 문제가 생겨 원인을 찾아보았습니다. 같은 문제를 겪는 분이 계시면 참고하세요. 이하 AI로 작성되었습니다. 현상: /posts?order__createdAt=ASC 처럼 where 파라미터 없이 호출했는데, findOptions.where.id 가 MoreThan(undefined) 로 만들어져 repository.find() 결과가 0건으로 나옵니다. 원인: ValidationPipe({ transform: true }) 로 DTO가 “클래스 인스턴스”가 되고 main.ts ), TS target 이 ES2022+ (예: ES2023 , tsconfig.json )이면 초기값 없는 DTO 필드도 JS에 field; 로 emit되어 인스턴스에 undefined 프로퍼티가 “존재”합니다 base-pagination.dto.js ). 이 상태에서 Object.entries(dto) 로 필터를 만들면 undefined 도 같이 파싱되어 MoreThan(undefined) 가 됩니다. 참고: 이 동작은 TS 3.7 의 useDefineForClassFields 도입 이후(4.3에서 esnext 기본 true, 4.6에서 es2022 타겟 추가) 현대 타겟에서 흔히 발생할 수 있습니다. NestJS/class-validator 변경이라기보다 TS 타겟/클래스 필드 emit 차이입니다. 해결: 필터 조합 시 undefined/null 은 스킵하도록 방어코드 추가(예: if (value === undefined || value === null) continue; ) — common.service.ts . 이 케이스를 막는 옵션은 필터 조합 로직에서 undefined/null 을 스킵(가장 단순/안전) (파이프 레벨로 하고 싶으면) 커스텀 파이프로 undefined 키 삭제/또는 class-transformer 의 instanceToPlain(dto, { exposeUnsetFields: false }) 같은 방식으로 “undefined 없는 plain”으로 만든 뒤 사용 등이 있습니다.

  • javascript
  • typescript
  • rest-api
  • nestjs
  • backend
목화 댓글 2 좋아요 0 조회수 160

compare 함수 설명에 오해의 소지가 있어보입니다.

해결됨

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

안녕하세요. 아래 혼동을 줄수 있는 설명에 대해 문의드립니다. 아래 캡춰 설명에서 a: 다음 b: 이전 이 설명이 오해의 소지가 있어보입니다. 오히려 거꾸로 설명해야 맞는거 같습니다. 이 설명에서 a: 이전 b: 다음 이렇게 옆 설명 멘트를 수정해야 맞는거 같습니다.

  • javascript
  • rest-api
  • spa
  • dom
사랑2 댓글 2 좋아요 0 조회수 130

Day 19 미션 안내 질문

해결됨

한입 챌린지 7기 - React.js

Day 19 미션 안내에서 '요구사항 2'의 State 생성 요구사항 중 action.type 이 INIT 인 경우에는 어떤 액션을 구현 하면 될까요?

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

이미지 배경 문의

미해결

애플 웹사이트 인터랙션 클론!

- 질문에 대한 답변은 강의자가 하는 경우도 있고, 수강생 여러분들이 해주시는 경우도 있습니다. 같이 도와가며 공부해요! :) - 작성하신 소스코드 자체의 오류보다는, 개념이나 원리가 이해되지 않는 부분을 질문해주시는게 좋습니다. 그대로 따라했는데 소스코드에서 버그가 나는 경우는 99%가 오타에 의한거라서, 완성된 소스랑 찬찬히 비교해보시면 직접 찾으실 수 있을 거예요. 개발자도구 console에 오류로 표시된 부분만 완성 코드에서 복사->붙여넣기를 해보시는 것도 방법입니다. - 먼저 유사한 질문이 있었는지 검색해보세요. 안녕하세요. 제가 스스로 영상을 찍어서 해보려고 하니 웹페이지 배경이 하얀색이라 영상 찍을때도 하얀색 바탕으로 하면 좋을거 같다고 생각이 들었는데요. 샘플 예제 동영상도 혹시 하얀색 배경에서 영상 촬영을 하신건지 아니면 프레임 추출해서 이미지를 배경제거를 해서 한건지 궁금해서요! 그리고 또 하나 요즘 애플에서는 스크롤이 아니라 부분적으로 영상처럼 작동하던데 그 기술도 인터랙티브 기술일까요? (아직 완강은 못해서 질문한 것일수도 있습니다)

  • HTML/CSS
  • javascript
  • 웹-디자인
  • svg
  • 인터랙티브-웹
  • 클론코딩
nhs0912 댓글 1 좋아요 0 조회수 96

eslint설정 관련입니다.

미해결

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

안녕하세요. 지금 리액트 따라하기 하면서 보고있는데 eslint 부분 설정에서 저는 eslintrc.cjs란 파일이 없고 eslint.config.js란 파일만 있는데 rules 상에서는 처음에 no-unsed-vars는 error로 되있어서 off로 바꿔줬는 "react/prop-types": "off" , 부분은 어떡해 추가해 줘야 하는지요.

  • javascript
  • react
  • node.js
  • 카카오공채-개발
김민정(질풍가도) 댓글 2 좋아요 0 조회수 218

Actions formData 질문.

미해결

Next.js with Spring Boot

//!!첫번째 if문 if (fileNames.length > 0) { fileNames.forEach((fileName) => { updatedFormData.append('fileNames', fileName); }); } // Append all files to the new FormData object //!! 두번째 if문 const files = formData.getAll('files'); if (files.length > 0) { files.forEach((file) => { console.log('----------------------------------', file); if (file instanceof File) { if (file.size > 0) { updatedFormData.append('files', file); } } }); } 첫번째 if문하고, 두번째 if문하고 역할이 각각 뭔지 알수있을까요? 비슷하면서 헷갈립니다

  • javascript
  • react
  • spring-boot
  • jpa
  • next.js
오일중 댓글 1 좋아요 0 조회수 69

todolist에서 useReducer를 사용할때 UPDATE에서 오류가 생깁니다

미해결

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

🚨 필독) 질문하시기 전에 꼭 읽어주세요 (10초 소요) 제목을 구체적으로 작성해 주세요 ✅ 좋은 예 : 감정일기장 Home 구현중 xx 이슈가 발생합니다. ⛔ ️ 나쁜 예 : 이거 왜 안되나요?, 오류나요 도와주세요 등 비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요! 코드의 이슈는 전체 프로젝트를 "링크 형태"로 올려주셔야 원인을 파악할 수 있습니다. 깃허브, 구글드라이브 등의 수단을 통해 링크 형태로 전달해주세요 직접 실행해보며 원인을 파악해야 하기 때문에 텍스트 형태로 붙여넣는건 삼가해주세요 🥲 답변이 도움이 되셨다면 답글 or 해결완료 버튼을 클릭해주세요 비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요! 제 답변이 여러분께 도움이 되었는지 저도 알고 싶어요 🥲 강의 내용에 궁금한 점이 있다면 몇 챕터의 몇 분 몇 초인지 알려주시면 더 좋아요 더 빠른 답변이 가능합니다! 영상과 똑같이 코드를 작성하였을 때, 렌더링 되는 화면이 모두 날아갔습니다. 이때 이렇게 return 을 추가하니 정상작동하게 되었는데 이유가 궁금합니다.

  • javascript
  • react
  • node.js
  • 카카오공채-개발
고민지 댓글 2 좋아요 0 조회수 103

난이도 질문

미해결

자바스크립트로 배우는 자료구조 & 알고리즘 (개념+문제풀이)

강사님 안녕하세요! 실제 코딩 테스트를 진행할 때, 혹시 '깨지는 유리 다리 건너기' 문제 기준으로 난이도가 더 높거나 낮거나, 비슷하거나 하는 평균치가 있을까요? 실제 취업 프로세스에서 코딩테스트의 난이도 평균치가 어느정도 되는지 잘 모르고 있어서 조언 주시면 감사하겠습니다.

  • javascript
  • 코딩-테스트
  • 알고리즘
  • data-structure
이영훈 댓글 2 좋아요 0 조회수 116

npm.ps1 파일로 인한 npm i randomcolor 안되는 문제

미해결

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

npm : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Program Files\nodejs\npm.ps1 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies( https://go.microsoft.com/fwlink/?L inkID=135170)를 참조하십시오. 위치 줄:1 문자:1 + npm i randomcolor + ~~~ + CategoryInfo : 보안 오류: (:) [], PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess 왜 이러죠... npm.ps1 파일을 찾아봣는데 없어요....

  • javascript
  • react
  • node.js
  • 카카오공채-개발
이길이내길 댓글 2 좋아요 0 조회수 445

챌린지 운영 기간

해결됨

한입 챌린지 7기 - 타입스크립트

안녕하세요! 챌린지 운영 기간에 대한 질문이 있습니다. 진도표에 설정된 25년 12/26일과 '내 학습' 페이지에 설정된 26년 1/2일 중, 챌린지 완료 특전을 받기 위한 마감 기한이 언제인지 확인해주실 수 있을까요? 감사합니다!

  • javascript
  • typescript
Haemin Park 댓글 2 좋아요 0 조회수 85

인기 태그

인프런 TOP Writers

주간 인기글