사전렌더링과 데이터페칭 수업 질문
해결됨
한 입 크기로 잘라먹는 Next.js
1분17초쯤에 리액트에서 데이터 페칭을 복습한다고하는데 리엑트 수업에서 이것을 배운적이없는데 어디서 배운걸 복습을하는걸까요? 저는 처음봅니다.
- react
- typescript
- next.js
임다정
댓글 2
좋아요 0
조회수 80
묻고 답해요
173만명의 커뮤니티!! 함께 토론해봐요.
콜백함수-호출 시 인수 값을 안 넣어도 되는건지 궁금합
해결됨
한 입 크기로 잘라 먹는 리액트(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
조회수 129
마지막 프로젝트 수정 코드 - 커밋
해결됨
한 입 크기로 잘라먹는 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
줄바꿈 질문
미해결
타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
혹시 강의에서처럼 프리티어설정이나 다른설정 다똑같은데 왜 계속 길게유지가 될까요 가독성이 너무 불편한데
- react
- react-router
- redux-toolkit
- zustand
- react.js
mirage0720
댓글 3
좋아요 0
조회수 323
섹션 6 퀴즈 > 5번 문항 dynamic 옵션 값 오타
해결됨
한 입 크기로 잘라먹는 Next.js
안녕하세요. 섹션 6 퀴즈 내에 5번 문항에서 문제 설명과 해설에 dynamic 옵션의 값이 "force-static"이 아닌 "false static"으로 잘못 나온 것 같은데 확인 부탁드립니다.
- react
- typescript
- next.js
Next
댓글 1
좋아요 1
조회수 67
router.navigate동작이 달라요 ㅠ
미해결
React Native with Expo: 제로초에게 제대로 배우기
<View> <TouchableOpacity onPress={() => router.navigate(`/activity`)}> <Text style={{ color: pathname === '/activity' ? 'red' : 'black' }}> All </Text> </TouchableOpacity> </View> <View> <TouchableOpacity onPress={() => router.navigate(`/activity/follows`)}> <Text style={{ color: pathname === '/activity/follows' ? 'red' : 'black', }} > Follows </Text> </TouchableOpacity> </View> 일단 코드는 '/activity', '/activity/follows' 만 붙였습니다만, 다른 TouchableOpacity에도 router.navigate를 붙여서 동작을 확인해봤는데 저는 router.push와 같은 동작만 하네요... 강의와 최대한 같은 상황으로 경로를 눌러봐도 push 처럼 동작합니다. 터미널에서 r을 눌러서 재시작도 해보고, npm run android도 다시 해봐도 똑같네요. 어디를 살펴봐야 router.navigate가 제대로 동작할까요? npm ls react: 19.0.0 npm ls react-native: 0.79.5 npm ls expo: ~53.0.16
- react
- react-native
- 하이브리드-앱
- typescript
- expo
jasinis102
댓글 3
좋아요 0
조회수 120
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
조회수 241
자료가 수업에 사용된 내용과 다른 것 같아요
해결됨
[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
다른 파일들은 잘 모르겠는데 일단 01-common.mdc 이 파일은 수업에 사용하신 것보다 내용이 적어 보여요. 파일 확인 부탁 드리겠습니다.
- react
- next.js
- cursor
- 프롬프트엔지니어링
- 바이브코딩
희소식
댓글 3
좋아요 1
조회수 148
수업에 사용하신 Cursor 버전 문의
미해결
[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
안녕하세요. 수강생입니다. 혹시 수업에 사용중이신 Cursor가 버전이 어떻게 되나요. 저는 1.5.9 버전인데 커서 핵심 기능과 Rules 설정하면이 좀 달라서요. 프로젝트 Rules 화면도 다르고 Add Rule시 제가 사용하는 버전은 아래와 같이 나옵니다. 어떤 Rules를 설정을 해야할지 답변 부탁드립니다. 감사합니다.
- react
- next.js
- cursor
- 프롬프트엔지니어링
- 바이브코딩
누리짱
댓글 2
좋아요 0
조회수 160
피그마 아래쪽에 더하기 버튼이 없습니다.
미해결
[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
조회수 125
21강 11분 59초 버그
미해결
따라하며 배우는 리액트 네이티브 기초
emptylisttext 이거 빈칸으로 놔두고 똑같이 했는데 레퍼런스오류 style이 존재하지 않는다 이거 뜨는데 왜 안될까요
- react
- react-native
- expo
입시용
댓글 0
좋아요 1
조회수 60
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
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
조회수 137
CKE Editor 관련 버전 질문
미해결
인프런 클론코딩 Part 1: Next.js와 NestJS로 시작하는 실전 프로젝트
이런 문제가 발생되어 버전이 일치하지 않아 설치가 안되어 진도를 나가지 못하고 있습니다..
- aws
- docker
- next.js
- nestjs
- prisma
우푸
댓글 2
좋아요 0
조회수 117
이상한 자막이 계속 보입니다.
미해결
인프런 클론코딩 Part 1: Next.js와 NestJS로 시작하는 실전 프로젝트
인프런 자체 자막은 아니라서 영상속에 포함이 된거 같은데 제거 가능할까요 보이는 자막은 후반 부에 대부분 보이며 지금 보이는 부분은 [FE] 커리큘럼 관리 구현 부분 입니다. 관련 이미지 첨부합니다 .
- aws
- docker
- next.js
- nestjs
- prisma
홍ㅇ
댓글 1
좋아요 0
조회수 92
7.6 챕터에서 클라이언트 컴포넌트로 바꾼 이유가 궁금합니다.
해결됨
한 입 크기로 잘라먹는 Next.js
이전 챕터에서 클라이언트 컴포넌트에 대해 다뤘을때 서버에서 사용할 수 없는 훅을 사용할 경우 클라이언트 컴포넌트를 사용해야한다고 이해하였습니다. 그 중 하나가 useEffect이고 그 이유는 useEffect는 컴포넌트가 마운트 되었을 때 즉, 브라우저에 렌더링 되었을 때 실행되기 때문이라고 이해하였습니다. 제가 생각했을 때에는 useActionState 훅은 서버에서 실행되어도 상관 없는 훅이라고 생각하는데 맞는지 궁금합니다. 만약 맞다면 useEffect 훅을 사용하지 않고 useActionState만 사용한다면 서버 컴포넌트로 사용할 수 있는 것인지도 궁금합니다.
- react
- typescript
- next.js
김민규 (강근)
댓글 2
좋아요 0
조회수 93
4-2 플러터 실행 안되는 문제~
해결됨
비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
start medium phone api 36 디바이스를 추가하고 실행시키면 첨부한 이미지처럼 검은 화면이 나오거나 안드로이드 폰 배경화면만 나오는데 이건 왜 그런걸까요? 우측하단 디바이스 선택하는 곳에서 웹으로는 잘 실행이 됩니다. flutter doctor로 검사해도 별다른 문제가 없는데 커서로 물어보면 주구장창 flutter doctor -v 테스트만 하네요~ ㅜㅜ
- flutter
- next.js
- cursor
- supabase
- 바이브코딩
포지셔너
댓글 2
좋아요 0
조회수 182
엔티티클래스에서 질문입니다
미해결
코드로 배우는 React 19 with 스프링부트 API서버
엔티티클래스 만들기 5분 20초경에 create table todo{ tno bigint ~~~~~ 이런식으로 떠야하는데 } 저는 jdbc url [Connecting through datasource 'HikariDataSource ~~~이런식으로 뜹니다 ~~~ 중간에 뭐가 잘못된거 같은데 어디를 수정해야하나요?
- react
- typescript
- spring-boot
- jpa
- jwt
댓글 2
좋아요 0
조회수 92
인기 태그
인프런 TOP Writers
- 정현섭 6
- hush park 5
- eggmun(문성진) 4
- Billy D Sanchez 4
- 박효정 3
- morneau 3
- 코코리코코 3
주간 인기글
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 IT 공부는 했는데 왜 아직도 안 될까요? | AI와 함께 실무 중심 IT 모임 🤖 NOESIS
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 IT 공부는 했는데 왜 아직도 안 될까요? | AI와 함께 실무 중심 IT 모임 🤖 NOESIS
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv