inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

피그마 복사 이미지는 어떻게 가져오나?

해결됨

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

안녕하세요, 강사님. 강의 잘 듣고 있습니다. 피그마가 처음입니다. 복사 붙여 넣기 하면 이미지는 같이 복사가 안됩니다. [1] 어떻게 이미지 까지 한꺼번에 복사해서 가져올 수 있을까요? [2] export로 하면 이미지는 따로 가져오는 방법만이 해결책인가요? #제 환경 #강사님 환경

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

8.5) Read = 투두리스트 렌더링하기

미해결

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

안녕하세요. 투두리스트 렌더링하기에서 TodoItem에 key를 넣지 않았을때 웹브라우저에서 에러가 발생하고, 강의 화면에 vscode에서도 보면 해당 소스코드 위치에 Missing "key" prop for element in... 이라고 나오는데, 제 경우에는 소스코드 위치에 Missing "key" prop for element in... 이라는 내용이 나오지 않습니다. Eslint 플러그인도 설치했고, 아래와 같이 설정 했는데, 무슨 차이 때문에 이런 현상이 생기는 걸까요? rules: { "no-unused-vars": "off", "react/prop-types": "off", }, 그래서, 검색을 좀 해보았고 rules에 아래와 같이 내용을 추가해 봤는데도, Missing "key" prop for element in... 이 내용이 나오지 않습니다. rules: { "no-unused-vars": "off", "react/prop-types": "off", "react/jsx-key": "true", }, 참고로 저의 package.json은 아래와 같습니다. { "name": "section08", "private": true, "version": "0.0.0", "type": "module", "scripts": { "dev": "vite", "build": "vite build", "lint": "eslint .", "preview": "vite preview" }, "dependencies": { "react": "^19.1.1", "react-dom": "^19.1.1" }, "devDependencies": { "@eslint/js": "^9.33.0", "@types/react": "^19.1.10", "@types/react-dom": "^19.1.7", "@vitejs/plugin-react": "^5.0.0", "eslint": "^9.33.0", "eslint-plugin-react-hooks": "^5.2.0", "eslint-plugin-react-refresh": "^0.4.20", "globals": "^16.3.0", "vite": "^7.1.2" } }

  • javascript
  • react
  • node.js
eachan 댓글 5 좋아요 0 조회수 150

미션 예제코드

미해결

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

SECTION18 > 08-18(MISSION) > quiz.md 예제코드가 어디 있을까요?

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
안채원 댓글 1 좋아요 0 조회수 90

강의자료는 어디서 볼 수있나요??

미해결

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

강의자료는 어디서 볼 수있나요?? 1강에 강의자료는 코드뿐이던데,,

  • react
  • redux
  • node.js
  • 웹앱
  • mongodb
hang5607 댓글 1 좋아요 0 조회수 103

SSR 2.실습 14:35초 /search 파일 내부의 서버 사이드 함수 관련 질문드립니다.

해결됨

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

/search 파일 내부의 getServerSideProps함수 내부에서 console.log로 context 객체를 출력하면 서버측 콘솔에서 context내용이 출력된다고 강의 영상 14:35에서 언급 하셨습니다. 하지만 실습에서 저희가 사용하는 서버는 section02파일이 아닌 onebite-books-server-main 파일인 것으로 알고있었기에 의문이 생겨 질문을 드립니다. 또한 제가 이해한 개념은 section02파일은 프런트엔드, onebite-books-server-main파일은 백엔드 서버로 구분된다고 이해하고 있었습니다. 혹시 이 부분에서 제가 잘 못 이해한 부분이 있다면 제게 가르침을 주세요! 감사합니다!

  • react
  • typescript
  • next.js
박영현 댓글 1 좋아요 0 조회수 67

디자인 복제 프롬프트는 어디에있나요?

해결됨

[4주 완성] AI 바이브코딩으로 수익형 앱/웹 만들기

본 강의의 12:33 부분에서 디자인 복제시키는 프롬프트는 어디서 확인할 수 있을까요?

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
Jin Heo 댓글 2 좋아요 0 조회수 67

피그마 링크?

해결됨

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

안녕하세요, 수강 시작한 백엔드 개발자입니다. 피그마가 처음이라 잘 모르겠어서 질문 드립니다. 2-1 강의를 보면 제공된 피그마 페이지에서 작업이 이루어지는데요. 그 피그마의 링크나 파일이 어디에 있는지 못 찾겠습니다. 감사합니다.

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

인텔리제이 패키지 커서 단축키 질문

해결됨

자바 ORM 표준 JPA 프로그래밍 - 기본편

[질문 내용] 안녕하세요, 상속 관계 예제를 따라하다보니 예전부터 궁금했던 단축키가 있습니다. 패키지 내부에 클래스를 생성하면 생성한 클래스 내부에 커서가 잡히는데, 이 커서를 다시 패키지로 가게 하는 단축키가 있을까요? 예를 들면 item이라는 패키지에 cmd+n 을 하면 새로운 클래스 생성 메뉴가 뜨는데, 일반적으로는 클래스를 생성하고 cmd+n을 누르게 되면 커서가 생성한 클래스의 코드에 잡히게 되고 해당 클래스 메뉴(생성자 생성 등)가 뜨게 됩니다. 클래스 생성후 커서를 다시 패키지쪽으로 옮겨서 cmd+n 을 하면 빠르게 여러 클래스를 생성할 수 있을 것 같은데, 혹시 사용하고 계신 단축키가 있다면 말씀주시면 감사드리겠습니다!

  • java
  • jpa
  • 단축키
  • intellij
xuv2 댓글 2 좋아요 0 조회수 133

자바 17로 하셨던데 21로 해도 되나요?

해결됨

카카오 면접관이 알려주며 가장 쉽게 배우는 Kafka

자바 17로 하셨던데 21로 해도 되나요?

  • java
  • spring
  • kotlin
  • spring-boot
  • kafka
dongk 댓글 1 좋아요 0 조회수 159

build 디렉터리 생성

미해결

실전! Querydsl

grald - tasks - build에서 clean만 더블클릭 하면 build 폴더가 삭제되는데 clean이후 build까지 해주는게 맞나요? 강의자료에서는 clean까지만 나와있어서요 .

  • java
  • jpa
주영222 댓글 2 좋아요 0 조회수 177

데이터 베이스 관련 질문입니다.

해결됨

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

이 강의에서는 supabase를 이용하는데, 이게 무료라서 샘플로 쓰는 건가요? 아니면 대부분 이 서비스를 이용하는 것이라 그런가요? 이것 말고 다른 데이터베이스 서비스에는 어떤게 있을까요?

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
남현욱 댓글 2 좋아요 0 조회수 75

hot key 문제를 방지하기 위해 적용한 DCL의 재시도 횟수와 랜덤 지터에 대한 질문입니다

해결됨

6주 완성! 백엔드 이력서 차별화 전략 4가지 - 똑같은 이력서 속에서 돋보이는 법

1. 현재 학습 진도 6챕터를 모두 끝낸 후 해당 내용을 직접 프로젝트에 적용하고 있습니다. hot key 문제를 해결하기 위해 DCL을 적용하여 중복 DB 접근을 방지할 수 있습니다. 2. 어려움을 겪는 부분 현재 프로젝트는 외부 API인 LLM을 통해 경제 요약 리포트를 만들어주는 서비스입니다. 이때 리포트 생성 시 60s~120s가 소요되어 만들어진 리포트들을 캐싱해놓고 사용하려 합니다. 레디스 리모트 캐시를 적용하려 하는데, hot key 문제를 방지하기 위해 락을 획득한 후에도 반드시 캐시를 한 번 더 확인하는 방식을 적용 즉 DCL 을 적용하려 하는데, 이때 락을 획득하지 못한 애들은 일정 시간후에 다시 락 획득을 시도해야 합니다. 그런데 지금 디비에 접근하고 LLM을 통해 리포트를 생성하는 task가 넉넉하게 1-2분정도 걸리는데, 이 때문에 락 획득 재시도 간격을 너무 길게 잡아버리면 ux가 저하되고 그렇다고 너무 짧게 잡으면 요청 실패가 빈번하게 발생하게 됩니다. 그렇다고 또 시도횟수를 늘리면 또 서비스에 부하가 발생할 수 있을 것 같고 또 시도횟수를 짧게 하면 데이터를 받아오지 못하는 상황이 빈번하게 발생하여 고민중입니다. 3. 시도해보신 내용 현재는 재시도 횟수 1000번에 랜덤 지터 200~300ms로 잡았는데 혹시 이런 경우에는 어떻게 해결하면 좋을지 인사이트 부탁드립니다. https://github.com/Dockerel/DataStreams-BE/pull/2/files#diff-8865d84ecad53d37da0cb105068fad66b3f780ff3a9d11b61df86287646e51c3 작성한 코드 깃허브 링크를 첨부해드립니다. 감사합니다.

  • java
  • spring
  • mysql
  • redis
  • 이력서
도등어 댓글 2 좋아요 0 조회수 82

shadcnui 의 button 의 cursor pointer 효과를 주는 방법

해결됨

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

shadcnui 의 button 의 cursor pointer 효과를 주는 방법이 있어 글 남깁니다. global.css 파일에 해당스타일을 정의해 주어야 효과가 있습니다. 참고 https://github.com/shadcn-ui/ui/issues/6843 fontend> app> global.css layer base { ..., button, [role="button"] { cursor: pointer; } }

  • aws
  • docker
  • next.js
  • nestjs
  • prisma
hanbrang 댓글 1 좋아요 0 조회수 167

샘 빌드한 앱이 안올라가요

해결됨

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

안녕하세요 샘 혹시 구글 앱을 수익화로 만들진않았는데 구글애드센스도 사업자등록 해야나요?지침이 바뀐다고 하는거같던데요. 그리구 아래는 비공개테스트신청하려구 게시개요하려는데 개인정보더올릴게없는데.. 다른거입력해넣어도 오류생기면서 넘어가지질않네요ㅜ 이것도 역시 사업자등록정보나 다른정보를 끼워넣어야할까요?구글메뉴얼지침이 뭔가 또 업대된듯해서요 방법을 모르겠네요ㅜㅜ

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
화이팅! 댓글 2 좋아요 0 조회수 76

강의 업데이트 내역 질문

미해결

토비의 클린 스프링 - 도메인 모델 패턴과 헥사고날 아키텍처 Part 1

안녕하세요. 강의 업데이트가 된 거 같은데 혹시 업데이트 된 내역을 확인 할 수 있는 곳이 있을까요? 어떤 부분이 바뀌었는지 궁금합니다~

  • java
  • spring
  • spring-boot
  • jpa
  • 리팩터링
  • ddd
dlwmal 댓글 1 좋아요 0 조회수 82

학습자료가 안열립니다.

해결됨

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

제가 코드캠프(백 + 프론트) 강의 2개를 2024년 3월 12일에 구매를 했는데 잘열리던 학습자료가 안열립니다.

  • react
  • node.js
  • seo
  • graphql
  • next.js
gomboy11 댓글 2 좋아요 0 조회수 76

딥링킹 문제

미해결

React Native with Expo: 제로초에게 제대로 배우기

expo 로 돌아가고 있는거 확인한 상태에서, uri scheme 여는 명령어를 입력해도 여전히 에러가 발생한는데 어떤 부분을 확인해봐야 할까요?

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
박종혁 댓글 1 좋아요 0 조회수 68

미니 프로젝트는 언제쯤...

미해결

리액트 취준생을 위한 Zustand 실전 입문 가이드

미니 프로젝트 영상은 언제쯤 올라올까요..대략적이라도..

  • react
  • zustand
Lee HI 댓글 1 좋아요 3 조회수 117

Intellij Profiler 실행 시에 Redis 연결 문제

해결됨

6주 완성! 백엔드 이력서 차별화 전략 4가지 - 똑같은 이력서 속에서 돋보이는 법

Intellij Profiler로 서버 실행 시 Redis 연결 문제로 서버 실행이 안되서 이 부분을 localhost로 바꾸고 실행시키니 잘 실행되었습니다.

  • java
  • spring
  • mysql
  • redis
  • 이력서
아라레 댓글 2 좋아요 0 조회수 101

인기 태그

인프런 TOP Writers

주간 인기글