inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

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

미해결

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

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

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

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

미해결

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

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

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

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 조회수 120

21강 11분 59초 버그

미해결

따라하며 배우는 리액트 네이티브 기초

emptylisttext 이거 빈칸으로 놔두고 똑같이 했는데 레퍼런스오류 style이 존재하지 않는다 이거 뜨는데 왜 안될까요

  • react
  • react-native
  • expo
입시용 댓글 0 좋아요 1 조회수 60

git remote add origin ~~ 질문요

미해결

팀 개발을 위한 Git, GitHub 입문

3:50서부터 질문인데요 강사님처럼 퍼센티지 뜨거나 그러진 않았는데 뭔가해서 다시명령어 입력하니 error:remote origin already exists 라네요 그리고 첨에 명령어 입력 했을때는 강사님처럼 %가뜨는게 아니라 새로운 팝업창이 떠서 username password 입력하라 뜨길래 다 닫았는데 이런 경우는 뭔가요?

  • github
  • 버전관리시스템
sh hhyeogi365 댓글 1 좋아요 0 조회수 94

7.6 챕터에서 클라이언트 컴포넌트로 바꾼 이유가 궁금합니다.

해결됨

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

이전 챕터에서 클라이언트 컴포넌트에 대해 다뤘을때 서버에서 사용할 수 없는 훅을 사용할 경우 클라이언트 컴포넌트를 사용해야한다고 이해하였습니다. 그 중 하나가 useEffect이고 그 이유는 useEffect는 컴포넌트가 마운트 되었을 때 즉, 브라우저에 렌더링 되었을 때 실행되기 때문이라고 이해하였습니다. 제가 생각했을 때에는 useActionState 훅은 서버에서 실행되어도 상관 없는 훅이라고 생각하는데 맞는지 궁금합니다. 만약 맞다면 useEffect 훅을 사용하지 않고 useActionState만 사용한다면 서버 컴포넌트로 사용할 수 있는 것인지도 궁금합니다.

  • react
  • typescript
  • next.js
김민규 (강근) 댓글 2 좋아요 0 조회수 92

엔티티클래스에서 질문입니다

미해결

코드로 배우는 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 조회수 91

궁금한 점

미해결

실전 활용을 위한 git/github(feat.각종 충돌상황 해결하기)

만약에 협업을 진행하는 과정에서 제가 develop브랜치에서 feat1브랜치를 따서 작업을 한후 push한다음 pr을 만들었지만, 아직 merge되지 않은 상태에서 feat1 브랜치보다 늦게 다른 팀원이 feat2브랜치를 따서 작업을 해서 push한 후 pr에서 develop브랜치에 merge까지 된 상태인 경우. feat1브랜치 사용자는 git pull origin develop 해서 최신사항을 내려받은 후 남은 작업을 수행해야하는 것인지 궁금합니다. 또한 git pull origin develop한다고 가정했을 때, 커밋이력이 1개만 추가되는 것인지 develop 브랜치의 최신 커밋이력들을 전부 가져오는 것인지 궁금합니다.

  • git
  • github
  • gitlab
ㄱㄷㄱ 댓글 2 좋아요 0 조회수 82

prettier 적용 안됨

해결됨

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

javascript prettier 패키지 visual studio code 에 설치 하고 설정부분에서도 format on save 부분 editor 체크했는데 적용이 안되네요

  • javascript
  • react
  • node.js
김샬롬 댓글 2 좋아요 3 조회수 375

기존강의 구매자, 업데이트 끝인가요?

해결됨

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

이 강의를 이전에 구입했었고 이제 들으려 하니 코드도 강의도 옛날 그대로고 업데이트도 끝난것 같네요

  • react
  • node.js
  • seo
  • graphql
  • next.js
정승길 댓글 3 좋아요 0 조회수 129

백앤드서버랑 연동하는

해결됨

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

백앤드 서버랑 연동하는 실습은없나요? 저도 잘 모르지만 axios?이걸로 api보내는 형식으로 백앤드서버랑 통신하는 그런 실습은업을까여ㅛ?

  • javascript
  • react
  • node.js
임다정 댓글 2 좋아요 0 조회수 97

리액트 실습 준비하기에서 브라우저 콘솔에 오류

해결됨

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

리액트 실습 준비하기에서 npm install 까지 마치고 라이브 서버로 열려고 하는데 빈 공백만이 뜹니다. 브라우저의 개발자용 콘솔에는 Failed to load module script: Expected a JavaScript-or-Wasm module script but the server responded with a MIME type of "text/jsx". Strict MIME type checking is enforced for module scripts per HTML spec. 라고 떠있어요. 제미니한테 물어보니까 브라우저가 jsx를 못 읽어서라고 하네요. 열심히 여러가지 시도 해봤으나 잘 안되서 도움 요청드립니다ㅠㅠ

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

게시물 업로드 시 userId가 undefined로 들어가는 오류

해결됨

Next + React Query로 SNS 서비스 만들기

안녕하세요. 게시물 업로드 요청 시 500 Internal Server Error 에러가 발생합니다. 현재 코드에는 쿠키도 함께 전달되고, 네트워크 탭에서 확인해보면 formData 값도 정상적으로 전송되는 것으로 보입니다. const onSubmit: FormEventHandler = (e) => { e.preventDefault(); // formData 객체에 값 넣기 const formData = new FormData(); formData.append("content", content); preview.forEach((item) => { if (item) { formData.append("images", item.file); } }); // 전송 fetch(`${process.env.NEXT_PUBLIC_BASE_URL}/api/posts`, { method: "post", credentials: "include", body: formData, }); }; 그런데 서버에서는 userId가 undefined로 들어가고 User 정보가 없다(?)는 오류가 발생합니다. 다른 분들의 Internal server error 관련 질문을 살펴봐도, 이 문 제가 프론트에서 확인할 수 있는 부분인지 잘 구분이 되지 않아 질문드립니다. 제가 어디를 중점적으로 확인해보면 좋을까요?

  • react
  • next.js
  • react-query
  • next-auth
  • msw
개미 댓글 1 좋아요 0 조회수 132

useState() 초기값에 대한 질문

미해결

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

안녕하세요. useState의 초기값으로 함수를 넣는 경우를 처음 접해서 질문드립니다. 제가 따로 찾아본 결과 useState() 초기값으로 값이 아닌 함수를 넣어주게되면 -> 리랜더링시에 값이 평가되지않고 -> 쓸때없이 uuid가 생성되지 않아서 강의(86강 5분대)와 같이 useState 초기값으로 함수를 넣어주신게 맞나요?? 그리고 이를 lazy-initialization이라 명명하는게 맞을까요?? 좋은 강의 감사드립니다.

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
춘식이 댓글 2 좋아요 0 조회수 76

params 에 Promise 객체 타입이 지정되어야 하는 이유? 최신?

미해결

Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)

안녕하세요! 강의 5:15초 부터의 설명에 조금만 더 자세히 설명해주시면 감사할것 같아서요! "이러한 파람즈도 프라미스로 가져와야겠죠 우리가 최신을 사용하고 있기 때문에 다시 generateMetadata 함수를"라고 스크립트(영상자막)는 나와 있는데, 이유를 설명하는 파트가 잘 안 와닿아서 혹시 설명해주실 수 있나요? 직관적으로 생각하면 export generateStaticParams에서 slug 를 params으로 가져오는데 시간이 걸리니까, 기다려야 하니까 await 으로 params를 기다리는건 알겠는데, 'params'가 왜, 어떻게 해서 Promise 타입인지 궁금합니다. 너무 두서없었네요. 정리하자면 1.왜 params 가 Promise 객체 타입인지, 코드 어디에서, 어떻게 해서 Promise 객체 타입이 되었는지 궁금합니다. 2. 혹시 params 가 Promise 객체 타입인 이유는, 그저, [slug]폴더로 동적페이지로 정의되었으니, 컴포넌트로 들어오는 입력값 {params}는 [] 안에 들어간 변수값이 들어오는 건가요? 그래서 그냥 nextjs 스펙상 무조건promise 로 params 가 주어지게 되는건가요? 너무너무 헷갈려서 그런데, 동적라우팅/정적 라우팅 별, 그리고 Clientside /serverside 별로 4가지로 나누어서 params 가져오는 방법을 설명해주실수 있나요? 너무너무 헷갈리네요.... 동적/정적라우팅에 따라 나뉘나요, client/server 에 따라 나뉘나요? 후자인걸로 생각하고 있긴 한데 맞는지 너무 헷갈리네요.. 감사합니다! 좋은 하루 되세요!

  • react
  • 블로그
  • next.js
  • cursor
  • cursorai
주병규 댓글 1 좋아요 0 조회수 101

메모이제이션 뒷부분 짤린건가요?

해결됨

프론트엔드 마스터클래스

103강 메모이제이션과 104강 가상화가 매끄럽게 이어지지 않고 끊긴 느낌이라 질문드립니다!

  • javascript
  • react
  • 함수형-프로그래밍
  • 객체지향
  • next.js
멀머 댓글 2 좋아요 0 조회수 241

08-14 FormView 관련 질문

미해결

파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트 (장고 4.2 기준)

안녕하세요 강사님. 08-14 강의 도입부에서 FormView는 ModelForm클래스가 아닌 Form클래스에 대한 일반적인 패턴을 구현하는데 사용한다고 말씀 주셨고 코드에서도 db저장 로직을 직접 구현해 주셨는데요. FormView에서도 form_class를 ModelForm으로 지정하면 좀 더 간결한 것 같은데 혹시 FormView에서 ModelForm을 사용하면 안되는 이유가 있을까요? [코드 예시] ㄴ강의 내 #1. FormView 활용에 나오는 오른쪽 코드에서 form_class를 ModelForm으로 만들어 form_valid를 오버라이딩 하였습니다. class PostCreateView(FormView): form_class = PostForm template_name = "blog/post_new.html" success_url = "/admin/" def form_valid(self, form): form.save() return super(PostCreateView, self).form_valid(form)

  • react
  • python
  • django
  • web-api
  • htmx
성지 댓글 1 좋아요 0 조회수 96

유저 포인트 관련해서 질문 드립니다

미해결

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

유저의 상품을 다른 사용자가 구매할 시 '거래 후 잔액'과 '포인트'의 값이 일치해야 되는 게 아닌지 궁금합니다!

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
mh 댓글 1 좋아요 0 조회수 102

수정시 writer값이 삭제되는 오류

미해결

코드로 배우는 React 19 with 스프링부트 API서버

putOne의 파라미터로 todo를 넘기면 괜찮은데 todoModify를 넘기면 writer가 삭제되는 오류가 생깁니다ㅠㅠㅠ todoModify를 따로 사용하는 건 코드안정성 때문인가요? const handleClickModify = () => { const todoModify: TodoModify = { tno: todo.tno, title: todo.title, dueDate: todo.dueDate, complete: todo.complete, }; //putOne(todoModify) 하면 writer가 삭제되는 오류수정 필요 putOne(todo).then((data) => { console.log("modify result : ", data); setResult("Modified"); }); };

  • react
  • typescript
  • spring-boot
  • jpa
  • jwt
jinnn you 댓글 2 좋아요 0 조회수 53

Post 상태 관리

미해결

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

서버로부터 받아오는 Posts를 <PostList/> 컴포넌트에서 상태로 관리하는데, 이것은 전역 상태로 관리하지 않는 이유가 있을까요? postStore에서 getTotalPages를 할때, 고정된 값 100을 사용했는데, 실제 서비스라면 어떻게 처리해야하나요? postStore에서 posts.length와 같은 전체 개수를 알아야할것같은데.

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
정재웅 댓글 2 좋아요 0 조회수 43

인기 태그

인프런 TOP Writers

주간 인기글