inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

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

피그마 링크?

해결됨

[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 조회수 129

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

해결됨

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

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

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

build 디렉터리 생성

미해결

실전! Querydsl

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

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

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

강의 업데이트 내역 질문

미해결

토비의 클린 스프링 - 도메인 모델 패턴과 헥사고날 아키텍처 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

소요 시간

미해결

스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 여기에 질문 내용을 남겨주세요. 스프링 처음 공부하고있습니다. 한번 듣고 어려워서 자바부터 다시 다지고 재도전 하는 중입니다. 생각보다 소요시간이 오래 걸려서 이게 제 길이 아닌건지, 공부 방법이 잘못된건지 질문드립니다.. 강의 1시간 짜리를 듣는다고 했을 때, 4~5시간은 걸립니다 실습에, 복습에, 이해 안가는 코드 공부까지 같이 하는 중입니다.. 이해가 안가서 멈추고 계속 보느라 더 오래 걸리는 것 같아요. 그래도 시간 투자하니 조금은 알 것 같긴 합니다만.. 그치만.. 이게 맞을까요,,?? ㅠㅠ

  • java
  • spring
  • mvc
  • spring-boot
4879 댓글 2 좋아요 0 조회수 112

gitbub action로 push후 수업진행이 멈췄습니다

해결됨

백엔드 6주 실전 미션과 1:1 피드백으로 완성하는 합격 포트폴리오

깃액션으로 배포자동화 작업후 퍼블릭ip:8080/api/chapter2/boards에 접속해도 똑같이 여전히 거부가 되고있고 이전까지 진행과정에서 빌드실패라던지 연결실패같은 오류메시지도 뜬적이없어 어느부분이 잘못된건지 찾기가 쉽지않습니다 ec2와 rds도 잘만들어졌고 dbeaver에 aws rds주소로 연결도 잘된상태에 use portfolio까지는 실행이 되는데 테이블이 생성되있질 않아 mock데이터 삽입도 진행되질않습니다

  • java
  • spring
  • mysql
  • redis
  • 이력서
영욱 댓글 2 좋아요 0 조회수 94

앱빌드중 네트우크 ssl에러때문에 모듈이 안불러와집니다!

미해결

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

"dependencies": { "expo": "^54.0.0", "expo-font": "~14.0.8", "expo-router": "~6.0.3", "expo-secure-store": "~15.0.7", "react": "18.3.1", "react-dom": "^18.3.1", "react-native": "^0.76.9" }, "devDependencies": { "@react-native/gradle-plugin": "^0.76.0", "@types/react": "~18.3.12", "typescript": "^5.3.3" } > Could not resolve expo.modules:expo-module-gradle-plugin:1.0.0. Required by: root project : > Could not resolve expo.modules:expo-module-gradle-plugin:1.0.0. > Could not get resource ' https://repo.expo.dev/maven/expo/modules/expo-module-gradle-plugin/1.0.0/expo-module-gradle-plugin-1.0.0.pom '. > Could not GET ' https://repo.expo.dev/maven/expo/modules/expo-module-gradle-plugin/1.0.0/expo-module-gradle-plugin-1.0.0.pom '. > The server may not support the client's requested TLS protocol versions: (TLSv1.2). You may need to configure the client to allow other protocols to be used. For more on this, please refer to https://docs.gradle.org/8.10.2/userguide/build_environment.html#sec:gradle_system_properties in the Gradle documentation. npx expo run 하면 위처럼 에러가나옵니다 찾아보니 최근데 생기는 에러들인것같은데 별로 쌓인데이터도 없고 검색햇을때 나오는것들도 없어서 많이힘드네용

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
최경민 댓글 2 좋아요 0 조회수 207

main.tf EC2 인스턴스.타입 수정 필요

해결됨

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

terraform apply 명령어로 실행 중 오류가 발생했는데 t2.micro 로는 인스턴스 생성이 안되어서 찾아보니 t3.micro 가 가능해서 변경하여 생성하였습니다.

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

영상 11분

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

c언어 문자열 선언에서 char str[20] ="Hello,World!"; 부분에서 배열의 크기를 20이라고 선언했는데 크기가 맞지않아도 상관없는건가요?

  • python
  • java
  • c
  • 정보처리기사
이소민 댓글 2 좋아요 1 조회수 55

20강 소수 에라토스테네스의 체 런타임 에러가 뜹니다

미해결

자바(Java) 알고리즘 문제풀이 입문: 코딩테스트 대비

강사님 풀이대로하고 코딩채첨을 했더니 런타임 에러가 뜨네요 import java.util.Scanner; public class Main { public int solution(int n) { int answer = 0; int[] isPrime = new int[n + 1]; for (int i = 2; i <= n; i++) { if (isPrime[i] == 0) { answer++; for (int j = i * i; j <= n; j += i) { isPrime[j] = 1; } } } return answer; } public static void main(String[] args) { Main m = new Main(); Scanner sc = new Scanner(System.in); int n = sc.nextInt(); System.out.println(m.solution(n)); } } 이렇게 하고 그대로 복붙했더니 런타임 에러가 뜹니다.

  • java
  • 코딩-테스트
커디널스 댓글 1 좋아요 0 조회수 57

인기 태그

인프런 TOP Writers

주간 인기글