inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

강의가 삭제되었다고 합니다

미해결

처음 만난 리액트(React)

강의가 삭제되었다고 합니다

  • HTML/CSS
  • javascript
  • react
cki6090 댓글 1 좋아요 0 조회수 154

Css 복사하는 코드 첨부되어 있나요?

미해결

Spring Boot와 React로 배우는 초간단 REST API 게시판 만들기

React UI 구현하기에서 css복사했던 코드 어디서 복사하나요?

  • spring-boot
  • jpa
  • react.js
백현준 댓글 2 좋아요 0 조회수 103

여러 사진 중 일부 사진의 허용 사이즈 초과로 실패한 경우에 대해

해결됨

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

안녕하세요 정환님! 항상 강의 감사한 마음으로 잘 듣고 있습니다. 이번 이미지 업로드 구현하기2 강의를 끝까지 듣고 따라하던중 스토리지에 이미지 업로드 병렬로 요청 시 제가 업로드 시도한 이미지 4장 중 1장이 허용 사이즈 초과로 스토리지 업로드 요청이 실패 했었는데요, 당연히 이미지 업로드 실패로 await deletePost(post.id); 가 호출되 post.id를 받기위해 먼저 생성한 포스트가 삭제되어 포스트 자체가 안된것처럼 동작했습니다. 근데 storage에서는 업로드 요청이 실패된 이미지를 제외하고 나머지 3장의 이미지가 저장이 되어있더라고요! 간단하게 4장 병렬 이미지 업로드 요청 > 3장 성공 1장 실패 > 이미지 업로드 일부 실패로 포스트 삭제 > storage에는 성공한 3장의 이미지만 존재, 포스트는 없음 이 상태여서 혼자 찾아봐서 추가해봤는데 맞는지도 궁금하고 맞다면 다른 분들도 비슷한 상황에서 도움이 될까 싶어 올립니다!! images.ts 파일에 스토리지에서 이미지 삭제하는 비동기 요청 함수 export async function deleteImages(filePath: string[]) { const { data, error } = await supabase.storage .from(BUCKET_NAME) .remove(filePath); if (error) throw error; return data; } post.ts > createPostWithImages 함수 에서 try, catch문 밖에 업로드전 생성한 filePath 저장할 배열 값을 갖는 변수 선언 const uploadedFilePaths: string[] = []; const imageUrls = await Promise.all( images.map((image) => { const fileExtension = image.name.split(".").pop() || "webp"; const fileName = `${Date.now()}-${crypto.randomUUID()}.${fileExtension}`; const filePath = `${userId}/${post.id}/${fileName}`; uploadedFilePaths.push(filePath); return uploadImage({ file: image, filePath, }); }), ); uploadImage 리턴 전에 생성한 filePath값 저장 catch문에서 if (uploadedFilePaths.length > 0) { await deleteImages(uploadedFilePaths); } 조건문 추가 최종 결과 병렬 요청중 일부의 요청이 파일의 크기 초과 등으로 실패하면 throw error > await deletePost(post.id); if (uploadedFilePaths.length > 0) { await deleteImages(uploadedFilePaths); } throw error; 포스트 삭제, 스토리지 이미지 삭제 글을 잘 못써서 가독성이 떨어지는 부분은 양해부탁드립니다..

  • react
  • typescript
  • react-query
  • supabase
  • zustand
재환 댓글 2 좋아요 3 조회수 134

12.11 home 페이지 구현하기

미해결

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

수정버튼을 클릭해도 edit화면이 나오는게 아닌 이전에 만들었던 번호 페이지만 호출되는데 혹시 어디를 봐야할까요?

  • javascript
  • react
  • node.js
  • 카카오공채-개발
에렌 댓글 3 좋아요 0 조회수 84

안녕하세요.

미해결

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

예전에 강의사놓고 사정상 못보다가 지금 다시 공부할려고하는데, 지금봐도 괜찮은을까요?

  • react
  • python
  • django
  • docker
무간도 댓글 1 좋아요 0 조회수 74

div submit 관련 질문입니다.

해결됨

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

챕터 8의 7.7 리뷰 삭제하기 기능 중 궁금한 점이 생겨 질문 남깁니다! form 서버액션을 사용하고 있는데 <div>, <a> 태그를 통해 form submit을 해야하는 상황, 요구사항이 발생할 수 있다고 하셨는데 어떤 경우에 사용하게 되는건지가 궁금합니다.

  • react
  • typescript
  • next.js
  • 카카오공채-개발
귀한 불도새 댓글 2 좋아요 0 조회수 64

예제코드 실행

미해결

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

예제코드 다운받은거 실행시킬때는 04-04, 04-05와 같이 폴더 기준으로 다음예제 넘어갈때마다 npm install, npm run dev두개명령어 쳐서 실행시키는거 맞나요? 추가로 예제 코드에서 안하고 직접 처음부터 만들어서 하려면 처음에 했던 npm create vite@latest . 이 명령어로 하는거 맞죠?

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
오태연 댓글 2 좋아요 0 조회수 47

벡터 임베딩에 관하여

미해결

나도! 스프링으로 인공지능을 할 수 있다(인프1탄)

안녕하세요 강사님. 혹시 상품 관련 추천을 구현하기 위해 pgvector를 구현하고 싶은 취준생입니다. 상품 데이터 안에 브랜드, 카테고리, 가격, 이전에 조회한 상품들, 이후에 조회한 상품들 등 이러한 필드를 이용해서 이걸 Document로 만든 다음 코사인 유사도를 구해도 괜찮을까요 아니면 Document는 text만 가능한가요?

  • java
  • spring
  • spring-boot
  • 인공지능(ai)
  • spring-ai
이수현 댓글 1 좋아요 0 조회수 100

신입개발자의 경우

해결됨

포트폴리오 어나더레벨 | 합격하는 이력서 작성법

안녕하세요 혹시 신입개발자의 경우 자신을 표현하는수단(프로젝트,어워드 등)같은 부분이 많이 없어서 자기소개와 같은 부분을 하나의 섹션으로 작성하여 좀 더 자신을 드러내는 건 어떻게 생각하시나요?

  • HTML/CSS
  • javascript
  • python
  • java
  • 포트폴리오
행복한 족제비 댓글 1 좋아요 0 조회수 174

커서 가격 정책

해결됨

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

커서를 사용하면 Sonnet 4.5의 경우 빠르게 요금제 토큰을 소모하는데 많이 사용하면 요금제를 올리는건 맞지만 그와 별개로 요금을 줄이는 팁이 있을까요? claude 코드의 요금제 구독하고 커서에 api 키를 넣는 다거나 뭔가 있을까 싶어 문의 남깁니다. 비싸서 claude로 넘어가야 고민중입니다.

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

자바 21 버전을 꼭 써야하나요??

미해결

김영한의 실전 자바 - 고급 3편, 람다, 스트림, 함수형 프로그래밍

회사에서 자바 8만써서 자바8로 학습하려고하는데.. 8로는 진행이안될까요?

  • java
  • 함수형-프로그래밍
  • lambda
  • optional
임다정 댓글 2 좋아요 0 조회수 177

Sort 인터페이스는 잘 사용 안하나요?

미해결

실전! 스프링 데이터 JPA

안녕하세요. 강의 초반에 Sort인터페이스와 Pageable인터페이스를 말씀해주셨는데, 이후에 Sort에 대해서는 언급이 없으셔서 질문드립니다. 주로 Pageable을 사용하고 Sort는 사용을 잘 안하는것일까요? Sort를 사용하는 경우는 어떤 경우에 주로 사용하나요?

  • java
  • spring
  • spring-boot
  • jpa
오리쉐리 댓글 1 좋아요 0 조회수 69

회원가입, 로그인 요청 시 400 에러

미해결

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

안녕하세요 강의 열심히 듣고 있는데 회원가입, 로그인 성공하고 요청 보낼 때 요청이 잘 들어왔다가 한 0.5초 뒤에 400에러로 바뀝니다. 코드는 모든 부분이 똑같은데 혹시 왜 이러는걸까요?? 의심가는 행동은 section05를 다 듣고 section06 폴더를 만들고 section05에서 사용한 파일을 그대로 복사하여 사용 중인데, 이 부분에서 문제가 있을까요?

  • react
  • typescript
  • react-query
  • supabase
  • zustand
프론취준생 댓글 5 좋아요 0 조회수 125

상용 시스템에서 Spring Batch H2 DB

미해결

죽음의 Spring Batch: 새벽 3시의 처절한 공포는 이제 끝이다.

킬구형 우리 매니저는 무슨 이유인지 mysql, postgres처럼 RDB를 무지무지 싫어해, 어떤 말을 해도 RDB는 절대 안된다고 하걸랑 그런데 하필이면 Spring Batch가 RDB를 필요로 한단 말이지! 매일 밤마다 상용 서버의 로그 데이터를 분석하고 다른 데이터 소스로 보낼 정도로만 쓰려고 하는데, Spring Batch RDB로 H2 file mode나 sqllite로 Spring Batch를 돌려도 문제가 없을까 헝헝... 나 슬퍼

  • java
  • spring
  • spring-boot
  • spring-batch
  • backend
gyuyoung park 댓글 2 좋아요 1 조회수 121

Supabase 외 다른방법

미해결

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

안녕하세요. 강의 듣다 질문 드리는데요 강의에서는 supabase를 사용하는데요 그러면 supabase가 아닌 다른 DB(Mysql, PostgreSQL 등) 를 사용한다면 auth.ts 는 다른 방식으로 사용을 해야 되나요? 아니면 별도의 인증 라이브러리가 있을까요?

  • react
  • typescript
  • react-query
  • supabase
  • zustand
kopti 댓글 2 좋아요 0 조회수 155

안녕하세요, 문제와 실행 결과가 다른 부분이 있어 제보드립니다.

해결됨

김영한의 실전 자바 - 중급 2편

[질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예) [질문 내용] 9. 컬렉션 프레임워크 - Map, Stack, Queue의 문제와 풀이2 - Map2의 7-장바구니의 "만약 수량이 0보다 작다면 상품이 장바구니에서 제거된다" 가 실행 결과를 참고하면, "만약 수량이 0 이하가 되면 상품이 장바구니에서 제거된다" 이렇게 하는게 맞지 않나 싶습니다.

  • java
  • 객체지향
  • 코딩-테스트
  • 알고리즘
sjahn 댓글 2 좋아요 0 조회수 137

OpenAI Quota 초과되어서 API 호출 안되시는 분들

미해결

Spring WebFlux + LLM 실전 구현

혹시 실습중에 Quota 초과되어서 호출 안되시는 분들은 gpt-4o 대신 비용이 더 낮은 gpt-5-nano 모델로 호출해보세요 저는 모델 바꾸니까 결제 안해도 호출은 되더라구요 (결국 여러번 시도하면 quota 때문에 막히긴합니다) https://platform.openai.com/docs/pricing

  • java
  • spring
  • webflux
  • chatgpt
이기우 댓글 1 좋아요 1 조회수 126

클라우드 환경 배포시 부하 테스트 방식에 대하여

해결됨

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

안녕하세요 딩코님, 클라우드 환경에서 비용이 발생하지 않는 올바른 테스트 방법에 대해 여쭙고자 질문 남깁니다. 제 스스로 느끼기에, 제가 프리티어로 사용하고 있는 EC2 인스턴스 내부에서 k6 스크립트를 실행하게 되면 EC2 과부화는 물론 RDS 에도 몇백만건의 데이터가 삽입이 되니 비용적, 컴퓨팅 자원적 문제가 발생할 것 으로 생각이 됩니다. 그래서 혹시 다음과 같은 방법으로 클라우드 환경 테스트를 진행하면 될지 여쭤보고 싶습니다. 테라포밍을 통해 AWS EC2 + RDS 조합으로 서버 배포 배포된 해당 주소로 제가 가지고 있는 노트북(EC2 아니고 제 로컬 PC) 터미널에서 k6 스크립트 실행 이때도 비용문제가 발생하는지? -> 아니라면 저비용으로 테스트하는 국룰 방법을 좀 소개해 주시면 감사드리겠습니다 ! 강의 너무 재밌습니다 ㅋㅋㅋ 감사합니다 !

  • java
  • spring
  • mysql
  • redis
  • 이력서
  • 카카오공채-채용
xuv2 댓글 2 좋아요 0 조회수 221

강의 9분 45초 질문입니다

해결됨

(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - <코딩 배워 사업하자>

json 파일도 assets에 넣고 마지막으로 return <Lottie options={defaultOptions} 이걸 넣고 안되어서 나름대로 검색을 해봤는데 잘 안돼서 글 남겨봅니당 ㅠㅠ 밑엔 에러 메시지에요

  • react
  • aws
  • Google-Analytics
  • cloudflare
  • adsense
  • 수익화
sickcow878 댓글 4 좋아요 0 조회수 131

제공해주신 이력서 양식 그대로 사용해도 될까요 ??

해결됨

포트폴리오 어나더레벨 | 합격하는 이력서 작성법

안녕하세요 !! 큰돌님, 좋은 강의 잘 들었습니다. 혹시 제공해주신 이력서 양식 .docx로 된것, 이름이랑 이력만 제 것으로 수정해서 그대로 사용해도 괜찮을까요 ??? 감사합니다.

  • HTML/CSS
  • javascript
  • python
  • java
  • 포트폴리오
차니 댓글 2 좋아요 0 조회수 199

인기 태그

인프런 TOP Writers

주간 인기글