inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

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

태그요소 선택 및 조작 질문

미해결

뉴비를 위한 자바스크립트

안녕하세요. 웹사이트 요소들을 선택하고 찾는 과정에서 크롬 콘솔창에서 코딩을 알려주시고 있는데. 혹시.. 해당 웹사이트의 서버에 피해를 끼친다거나 그런 것들이 있을 수도 있는지 여쭤봅니다.

  • javascript
김동우 댓글 1 좋아요 0 조회수 40

플레이 그라운드 퀴즈 문제 질문이 있습니다.

미해결

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

위와 같이 입력했을 때 fetchBoard 가 null로 나오는데 제가 어느부분에서 실수했는지 감이 안잡혀서 질문드립니다.

  • react
  • node.js
  • seo
  • graphql
  • next.js
김용주 댓글 0 좋아요 0 조회수 72

이벤트 선언 관련 질문입니다.

해결됨

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

해당 이벤트에서 클릭 시 useNavigate 함수를 호출하라 인데 이 둘의 동작에서 차이가 발생했습니다. 그 이유를 설명해주실 수 있으신가요?

  • javascript
  • react
  • node.js
펌킨푸딩 댓글 2 좋아요 0 조회수 44

스타터킷!

해결됨

비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

개발자인 저에게는 코딩이 늘 막연하고 두려운 영역이었습니다. 하지만 바이브코딩 강의를 만나고 나서는 생각이 완전히 달라졌습니다. 강사님이 단계별로 차근차근 이끌어주신 덕분에, 저 같은 초보자도 실제로 모임 가계부 어플 을 직접 완성할 수 있었습니다. “정말 내가 코딩으로 무언가를 만들 수 있구나”라는 성취감과 자신감을 얻게 되었고, 이 경험은 제 인생에서 정말 특별한 순간으로 기억될 것 같습니다. 그리고 제가 꼭 말씀드리고 싶은 게 하나 있습니다. 제가 수강평을 105번째로 남겼습니다. 이번에 수강평 100명 한정 스타터킷 을 제공한다고 하셨는데… 솔직히 너무 받고 싶습니다. ㅠㅠ 저도 수강 후기를 진심을 담아 열심히 작성했으니, 혹시 가능하다면 저에게도 기회를 주실 수 없을까요? 정말 간절한 마음으로 부탁드립니다!!! 바이브코딩 덕분에 새로운 도전을 시작할 수 있었던 만큼, 스타터킷까지 함께할 수 있다면 제게는 더할 나위 없는 선물이 될 것 같습니다.

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
Full Stack 개발자 댓글 2 좋아요 0 조회수 110

복합 대입 연산자

미해결

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

안녕하세요. 1.7) 복합대입 연산자 관련 질문입니다. 예제) num7 -= 20; 부분입니다. 바로 위에 있는 num7 += 20;은 num7에 할당 되어 있는 값에 20만큼 더해서 console result 값은 30이 반환이 될 것이었고, 반환이 되었습니다. 그런 논리라면 num7 -= 20; 이면 단순 수식으로 생각을 하였을 때, 10 -20 = -10이 되어야 하는게 아닌가 싶습니다. num7 -= 20; 에서 20; 이 부분이 앞에 오게 되는 이유가 있을까요? 기본 연산자에서는 정수만 취급하기 때문에 앞뒤의 순서가 바뀐 것일까요? 단순 JS의 구조적인 문제일까요? 이에, 설명하셨던 부분과 약간 상이 한 내용인 거 같아서 질문 남겨드립니다.

  • javascript
  • react
  • node.js
김정현 댓글 1 좋아요 0 조회수 67

cursor .cursorrules 관련 문의 드립니다.

해결됨

[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

cursor rules 설명중에 user rules , project rules 관련 설명은 해주셨는데 .cursorrules에 대해서 설명이 없어서 문의 드립니다. user rules , project rules, .cursorrules 모두 사용을 한다면 우선 순위 적용은 어떻게 되는 건지 알고 싶습니다.

  • react
  • next.js
  • cursor
  • 프롬프트엔지니어링
  • 바이브코딩
홍재호 댓글 2 좋아요 0 조회수 206

사전렌더링과 데이터페칭 수업 질문

해결됨

한 입 크기로 잘라먹는 Next.js

1분17초쯤에 리액트에서 데이터 페칭을 복습한다고하는데 리엑트 수업에서 이것을 배운적이없는데 어디서 배운걸 복습을하는걸까요? 저는 처음봅니다.

  • react
  • typescript
  • next.js
임다정 댓글 2 좋아요 0 조회수 78

콜백함수-호출 시 인수 값을 안 넣어도 되는건지 궁금합

해결됨

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

// 2. 콜백함수의 활용 function repeat(count, callback){ for(idx=0; idx<count; idx++){ callback(idx); } } repeat(4, function callback(){ console.log(idx * 2)}); repeat(4,(idx)=>{ console.log(idx * 4); }) repeat(5,()=>{ console.log(idx * 5); }) repeat()으로 호출할 때 콜백함수까지 같이 불러오는 부분에 대해 궁금증이 생겼습니다. repeat(인수, 콜백함수)=> 이 부분에서 콜백함수에 매개변수로 idx를 안 넣어도 콘솔창에 결과가 잘 나옵니다. 그런데도 콜백함수 인수를 작성할 때 idx를 꼭 적어줘야 하나요? repeat(4, (idx) // idx를 넣고 메인 함수 콜백 호출 부분인 callback(idx); 에서 idx를 뺏더니 출력결과가 Nan이 나옵니다. repeat(4, () => 이렇게 idx가 없는 호출문? 에서는 정상적으로 값이 잘 나오는데 저 부분은 왜 안나오는지 궁금합니다.

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

마지막 프로젝트 수정 코드 - 커밋

해결됨

한 입 크기로 잘라먹는 Next.js

마지막 한입 프로젝트 코드 전체 커밋이 안되어 있어서요! 깃에는 예전 코드라 현재 버전에 맞지 않습니다. 계속해서 배포가 되지 않습니다.

  • next.js
진진 댓글 3 좋아요 0 조회수 88

함수- return으로 결과값 반환

해결됨

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

// 함수선언 함수를 생성하는 것 function greeting(){ console.log("안녕하세요"); } greeting(); let area1 = getArea(20, 30); console.log(area1); getArea(40, 200000); // 함수 호이스팅 // -> 끌어올리다 라는 뜻. //함수가 선언되는 순서는 중요하지 않다! function getArea(width, height){ function another(){ //증첩함수 console.log('another'); } another(); let area = width*height; // console.log(area); return area; <------------------------- 여기 return이 반환값이라고 하셨잖아요. getArea(40, 200000) = area 와 같다고 생각하면 되는거죠? 그리고 그걸 화면에 출력하기 위해서는 꼭 변수에 담아야 하는거죠? 그건 알겠는데 왜 변수에 담아야 나오는 건지 궁금합니다!! }

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

섹션 6 퀴즈 > 5번 문항 dynamic 옵션 값 오타

해결됨

한 입 크기로 잘라먹는 Next.js

안녕하세요. 섹션 6 퀴즈 내에 5번 문항에서 문제 설명과 해설에 dynamic 옵션의 값이 "force-static"이 아닌 "false static"으로 잘못 나온 것 같은데 확인 부탁드립니다.

  • react
  • typescript
  • next.js
Next 댓글 1 좋아요 1 조회수 67

ipify.org api 호출 시 클라이언트 ip주소를 반환하는지?

해결됨

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

ch-7-2에서 포스트 상세 조회 router 안에서 ipify.org api를 호출하는데 포스트 상세 조회 API를 클라이언트에서 호출할 경우 서버에서 ipify.org api를 호출하기 때문에 의도한바와 다르게 서버 ip 주소가 나오고 클라이언트 IP는 req.ip를 통해서만 얻을 수 있지않나요?? const response = await axios.get("https://api.ipify.org?format=json"); ip = response.data.ip;

  • HTML/CSS
  • javascript
  • react
  • node.js
  • mongodb
김진규 댓글 2 좋아요 0 조회수 240

강의자료다운

미해결

@시코 - JavaScript 최고수되기 (개념과 실무)

볼려고하는개 강의다료다운이 필여할듯해여 구글 공유햇습니다

  • javascript
ymckh1005 댓글 2 좋아요 1 조회수 92

자료가 수업에 사용된 내용과 다른 것 같아요

해결됨

[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

다른 파일들은 잘 모르겠는데 일단 01-common.mdc 이 파일은 수업에 사용하신 것보다 내용이 적어 보여요. 파일 확인 부탁 드리겠습니다.

  • react
  • next.js
  • cursor
  • 프롬프트엔지니어링
  • 바이브코딩
희소식 댓글 3 좋아요 1 조회수 147

수업에 사용하신 Cursor 버전 문의

미해결

[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

안녕하세요. 수강생입니다. 혹시 수업에 사용중이신 Cursor가 버전이 어떻게 되나요. 저는 1.5.9 버전인데 커서 핵심 기능과 Rules 설정하면이 좀 달라서요. 프로젝트 Rules 화면도 다르고 Add Rule시 제가 사용하는 버전은 아래와 같이 나옵니다. 어떤 Rules를 설정을 해야할지 답변 부탁드립니다. 감사합니다.

  • react
  • next.js
  • cursor
  • 프롬프트엔지니어링
  • 바이브코딩
누리짱 댓글 2 좋아요 0 조회수 159

피그마 아래쪽에 더하기 버튼이 없습니다.

미해결

[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

피그마에 접속해서 MCP 플러그인 을 설치하려고 했는데 더하기 버튼이 안 보입니다. 아래와 같은 버튼들만 보이는데 어떻게 해야하나요?

  • react
  • next.js
  • cursor
  • 프롬프트엔지니어링
  • 바이브코딩
희소식 댓글 1 좋아요 0 조회수 204

Promise 의 reject 관련 오류

해결됨

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

2.13) 비동기 작업 처리하기 2. Promise 강의에서, if 문을 활용한 타입 검증 시 오류인 상황(else) 에서의 reject 가 정상 동작하지 않습니다. /* Promise */ const promise = new Promise((resolve, reject) => { // 비동기 작업 실행 함수 : executor setTimeout(() => { let num = 10; num = '10'; console.log(num); if (typeof num === 'number') { // 성공일 때 호출 resolve(`${num}은 숫자입니다.`); } else { // 실패일 때 호출 reject(`${num}은 숫자가 아닙니다.`); } }, 1000 * 1); }); 위 코드에서, num 타입을 string 으로 변경했을 때 else 문이 진행되는 것으로 기대했습니다. 이때, 브라우저의 디버거에서 오류를 발생시키면서 정상 동작되지 않습니다. 터미널에서는 UnhandledPromiseRejection: This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). 라는 오류가 발생됩니다. catch 문 없이 reject 를 단독으로 사용하는 것에 문제가 있는 것 같은데, 예제와는 다르게 동작하는 것 같아 문의드립니다.

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

Prisma schema 에서 relationship 관한 질문 이있습니다

미해결

인프런 클론코딩 Part 1: Next.js와 NestJS로 시작하는 실전 프로젝트

✅ 모든 질문들은 슬랙 채널에서 답변드리고 있습니다. 💡 ”로펀의 인프런 상담소” 슬랙 채널 가입하기 💡 평일중에는 퇴근 이후(저녁 7시)에 답변을 받아보실 수 있고, 주말중에는 상시 답변드리고 있습니다. 안녕하세요 . 강의 수강중 질문이 생겨서 여기에 이렇게 남깁니다. Courses 테이블에서 Lectures 테이블과 일대다 관계를 이렇게 해주셨는데요. model Course { id String @id @default(uuid()) slug String @unique title String shortDescription String? @map("short_description") description String? @map("description") thumbnailUrl String? @map("thumbnail_url") price Int @default(0) discountPrice Int? @map("discount_price") level String @default("beginner") instructorId String @map("instructor_id") isPublished Boolean @default(false) @map("is_published") createdAt DateTime @default(now()) @map("created_at") updatedAt DateTime @updatedAt @map("updated_at") sections Section[] lectures Lecture[] categories CourseCategory[] enrollments CourseEnrollment[] reviews CourseReview[] questions CourseQuestion[] instructor User @relation(fields: [instructorId], references: [id]) @@map("courses") } model Section { id String @id @default(uuid()) title String description String? order Int courseId String @map("course_id") createdAt DateTime @default(now()) @map("created_at") updatedAt DateTime @updatedAt @map("updated_at") lectures Lecture[] course Course @relation(fields: [courseId], references: [id], onDelete: Cascade) @@map("sections") } model Lecture { id String @id @default(uuid()) title String description String? order Int duration Int? isPreview Boolean @default(false) @map("is_preview") sectionId String @map("section_id") courseId String @map("course_id") videoStorageInfo Json? @map("video_storage_info") createdAt DateTime @default(now()) @map("created_at") updatedAt DateTime @updatedAt @map("updated_at") section Section @relation(fields: [sectionId], references: [id], onDelete: Cascade) course Course @relation(fields: [courseId], references: [id], onDelete: Cascade) activities LectureActivity[] @@map("lectures") } 궁금한점은 이미 저희가 나중에 DTO 에서 코스 테이블 레코드 를 가져오면 Sections 테이블과 이미 일대다 관계가 되어있기떄문에 Sections 테이블에서 레코드를 가져오면서 Sections 테이블이 이미 Lectures 와 일대다 관계가 되어있기 떄문에 코스 테이블에서 레코드 가져오면 섹션 테이블 안에 이미 렉쳐 레코드도 같이 따라오는데 코스 테이블에서 따리 중독 관계를 해두신 이유가 궁금합니다. 시간 내주셔서 감사합니다

  • aws
  • docker
  • next.js
  • nestjs
  • prisma
Gyubum Kim 댓글 1 좋아요 0 조회수 115

22강 filter 매소드 (내장 API) 질문

미해결

Amazing JavaScript - 입문

map과 filter 내장 API에 대해 설명하시면서, 전자는 원본 배열을 바꾸지 않고 후자는 원본 배열을 바꾼다고 하셨습니다. const arry = [10,20,30] 배열이 있는 상태에서 20을 꺼내오고 싶어서 코드를 작성했습니다. arry.filter( (item) => { if (item === 20) { return true} } ) 리턴값으로 20은 나왔지만, 원본(?) 배열 arry의 값은 [10,20,30] 으로 그대로 입니다. pop,push, spilice는 원본 배열의 값이 바뀐걸 그 자리에서 확인할 수 있는데 flilter 는 아닌 것 같아서요. 혹시 강의 설명을 잘못하신걸까요?

  • javascript
  • es6
kbsuffer4166 댓글 1 좋아요 0 조회수 78

File Upload 테스트 중 에러 발생 및 디버깅 방법

미해결

인프런 클론코딩 Part 1: Next.js와 NestJS로 시작하는 실전 프로젝트

파일 업로드 기능 구현 후, Dropzone을 통해 업로드를 진행하고 [강의 수정] 페이지에서 ⨯ [Error: Body exceeded 1 MB limit. To configure the body size limit for Server Actions, see: https://nextjs.org/docs/app/api-reference/next-config-js/serverActions#bodysizelimit ] 이런 에러를 만났습니다. 해결방안 next.config.tx 파일에 serverActions에서 보내는 bodySizeLimit를 300MB로 설정해주세요. 기본이 1MB 라고 합니다.

  • aws
  • docker
  • next.js
  • nestjs
  • prisma
우푸 댓글 1 좋아요 0 조회수 134

인기 태그

인프런 TOP Writers

주간 인기글