inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

React 19 버전에서 새로운 린트 규칙으로 setState() 호출하기가 신경쓰입니다.

해결됨

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

안녕하세요. 요즘 React 19로 다시 강의를 학습하고 있습니다. 그러다 보니 useEffect 내에서 setState() 호출 시 새로운 Lint 규칙으로 react-hooks/set-state-in-effect 대한 경고가 나옵니다. 즉 useEffect 에서 setState() 호출하여 불필요한 추가 렌더링이 발생한다고 경고합니다. ( https://ko.react.dev/reference/eslint-plugin-react-hooks/lints/set-state-in-effect) 아래 pos-editor-modal.tsx 에서도 setContent(""); 에서도 경고가 발생하네요.. useEffect(() => { if (!isOpen) return; textareaRef.current?.focus(); setContent(""); // 경고 발생!! }, [isOpen]); 요즘 들어 이런 경고가 신경 쓰이는 데.. 왜 이런 규칙이 생겼나요 ? 수정 방법은 아래와 같이 코드를 수정하라 해서 변경했는데 .. startTransition() 을 사용해야 하나요.. useEffect(() => { if (!isOpen) return; textareaRef.current?.focus(); startTransition(() => { setContent(''); }); }, [isOpen]);

  • react
  • typescript
  • react-query
  • supabase
  • zustand
  • 지금-베스트
Codingbear 댓글 2 좋아요 0 조회수 200

클로드코드에서 이미지 첨부를 어떻게 하나요?

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

윈도우인데, ctrl+v 가 먹히지 않아요

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
  • 지금-베스트
스티브강 댓글 2 좋아요 0 조회수 2473

onEndReached 함수가 바로 호출 되지 않는 이슈

미해결

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

onEndReached() 가 바로 호출 되지 않습니다. 생각 해보면.. 이 함수는 스크롤이 됐을 때만 호출 해야 맞지 않나요..? following쪽도 useEffect 쪽을 삭제 하고 나서는 데이터를 바로 불러 오지 못하는데.. "useEffect 제거 후 onEndreached()가 바로 실행된다." 이 부분 이해가 잘 안돼서 설명 부탁드리기 전에 한번 찾아봤습니다. 대략 왜 바로 실행 된다고 하셨는지는 이해가 되긴 했는데, 저같은 경우는 좀 예외인 것 같아서 질문 남깁니다! 지금 제 flash-list 버전은 아래와 같습니다! "@shopify/flash-list": "2.0.2", 알아보니 v2에서는 estimatedItemSize를 제공하지 않고.. 해당 설정이 없어서 저같은 경우 onEndReached()가 바로 실행 되지 않았던 것 같습니다. 의존 된 데이터도 빈배열로 정의 돼있으니 더 아무 것도 실행 하지 않았던 것 같습니다. 이런 경우 초기엔 useEffect로 직접 불러오나요? 혹시 위에 버전 이슈 말고 제가 놓친 부분이 있다면 말씀 부탁드리겠습니다..! (home)/index.tsx import { Text, View, TouchableOpacity, StyleSheet, useColorScheme, ScrollView, } from "react-native"; import { usePathname } from "expo-router"; import { useState, useCallback } from "react"; import Post, { Post as PostType } from "../../../components/Post"; import { FlashList } from "@shopify/flash-list"; export default function Index() { const colorScheme = useColorScheme(); const path = usePathname(); const [posts, setPosts] = useState<PostType[]>([]); const onEndReached = useCallback(() => { console.log("posts1", posts.length); const lastId = posts.at(-1)?.id; if (!lastId) return; fetch(`/posts?cursor=${lastId}`) .then((res) => res.json()) .then((data) => { if (data.posts.length > 0) { setPosts((prev) => [...prev, ...data.posts]); } }) .catch(console.error); }, [posts, path]); return ( <View style={[ styles.container, colorScheme === "dark" ? styles.containerDark : styles.containerLight, ]} > <FlashList data={posts} renderItem={({ item }) => <Post item={item} />} onEndReached={onEndReached} onEndReachedThreshold={2} /> </View> ); } const styles = StyleSheet.create({ container: { flex: 1, }, containerLight: { backgroundColor: "white", }, containerDark: { backgroundColor: "#101010", }, textLight: { color: "black", }, textDark: { color: "white", }, });

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
  • onendreached
도도한 불도새 댓글 1 좋아요 1 조회수 96

프로젝트 초기화 시.

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

섹션 4 내용중 궁금한 내용이 있습니다. 섹션4.미션3 실습내용에서 보면. 프로젝트 구조를 파악하는 프롬프트를 실행한 후, /init 을 실행하는 순서인데요, 프로젝트 구조를 파악하는 프롬프트를 실행한 후, /init을 실행하는 것과 바로 /init을 실행하는 것 사이에 클로드가 프로젝트를 파악하는데 차이가 있을까요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
  • 지금-베스트
JiSeon Choi 댓글 2 좋아요 0 조회수 102

select a variant 선택에서 javascript와 javascript+react compiler 중 무엇을 선택해야하나요? com

미해결

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

npm create vite@latest를 하고 react를 선택 했는데 그 후에 강의에서는 javascript, javascript+swc 옵션이 있는데 javascript+react compiler라는 옵션이 추가적으로 있어서 무엇을 선택해야하는지 궁금합니다.

  • javascript
  • react
  • node.js
  • 선물하기-좋은
리트 댓글 2 좋아요 0 조회수 146

문제 풀이 방식 관련 질문입니다!

해결됨

38군데 합격 비법, 2026 코딩테스트 필수 알고리즘

1. 현재 학습 진도 몇 챕터/몇 강을 수강 중이신가요? 5-2. LINE 인턴 채용 코딩테스트 어떤 알고리즘을 학습하고 계신가요? DFS, BFS 여기까지 이해하신 내용은 무엇인가요? DFS, BFS의 기본 개념 2. 어려움을 겪는 부분 어떤 개념이 헷갈리시나요? 여기서 문제를 푸실 때 완전탐색을 해야한다. 그래서 BFS를 사용하고자 큐를 사용하신 것까지 이해 했습니다! 근데 완전탐색의 경우 DFS를 사용해야하는게 아닌가..?라는 의문 때문에 질문을 하게되었습니다. 이 문제에서는 DFS나 BFS 둘 중 아무거나 써도 되는 것인가요? 또한 어떤 경우에 DFS를 써야하고 BFS를 써야하는지 잘 모르겠습니다... 이렇게 구체적으로 알려주시면, 더 정확하고 도움이 되는 답변을 드릴 수 있습니다! 😊

  • python
  • 코딩-테스트
  • 알고리즘
  • data-structure
zzzb1 댓글 2 좋아요 0 조회수 108

클로드코드 설치됐다고 떴는데 왜 이럴까요?

해결됨

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

클로드 코드 설치 됐다, 다음으로 뭐 claude --help를 쳐라 이런 식으로 뜨긴 했는데.. 막상 claude라고 치면 그런 거 없다고 나오네요. 왜이런거죠 ?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
  • 지금-베스트
조성진 댓글 2 좋아요 0 조회수 957

ls -l은 되는데, ll과 ll -a가 안되네요

해결됨

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

맥북 터미널 기본 강의에서, 맥북 터미널에서 직접 따라쳐가며 보고 있었는데, ls -l랑 ls는 말씀해주신 대로 파일이 다 나오는데, ls-l이랑 같다고 하신 ll은 해보니까 zsh: command not found: ll 라면서 안되고요, ll -a를 해도 zsh: command not found: ll 라면서 안되네요. 저는 macbokk air M2 버전 사용중인데, 버전에 따라 다를 수도 있나요? 아님 그냥 작성하는 터미널 프로그램의 차이인가요? 저는 그냥 맥북 자체 내장돼있는 터미널 이용했어요.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
  • 지금-베스트
조성진 댓글 2 좋아요 0 조회수 94

노트북 자료 다운로드 장애

해결됨

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

학습수업노트에서 노트북 주소 알려주신게 연결이 되지 않습니다. 코랩파일주소는 연결되는데 bit.ly 는 연결이 안되네요.. 해결방법이 있나요??

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
  • 지금-베스트
danya77 댓글 2 좋아요 0 조회수 103

안녕하세요 이번 챗지피티 프로 대란 짐코딩님 시각이 궁금합니다

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

안녕하세요 카카오톡 챗지피티 프로 대란 통해서 일단 구독권을 사놓은 상태인데요 짐코딩님 시각에서 이 프로를 이용해서 5개월 정도 코덱스를 사용할 수 있다면 클로드 코드와 병행해서 활용하실 생각이 있으실까요? 제 현재 클로드 코드 사용량은 맥스 100달러 플랜으로 조금 부족하게 쓰고 있는 수준입니다 (완전 비개발자 전혀 모르는 사람이다 보니 알려주신것들을 이해하면서도 결국엔 자연어로 요청을 하는게 많아지더군요. 아직 컨텍스트 관리가 매우 서툰것 같습니다) 저는 사실 요즘엔 제미나이 정도 LLM은 쓰고 이마저도 거의 안 쓰고 짐코딩님 강의와 함께 클로드 코드 사용에 몰두하고 있는데요 이번 대란 통해서 코덱스를 좀 활용하는 방안이 있을지 챗지피티 활용에 대해서 짐코딩님은 어떤 시각을 가지고 있을지 호기심이 생겨 여쭤봅니다

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
  • 지금-베스트
Jiho Jang 댓글 2 좋아요 0 조회수 185

안녕하세요 MCP 질문합니다

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

MCP를 깃허브에서 코드를 받아서 등록할 때도 있고 smithery ai 에서 터미널 명령어 복사해서 터미널로 깔아버리기도 합니다 클로드 코드에서 mcp 잘 사용하다가 대화창이 꺼진것도 아닌데 하루 지났을 때 어떤 mcp들은 사라져있거나 연결이 끊기기도 하네요 (사용 mcp : notion,sequantial thinking,context7,google super) 어디에다가 저장을 해놔야 이런 문제 없이 지속해서 잘 유지가 될까요? 그리고 서브에이전트의 경우 자연어로 클로드 코드에 서브에이전트 만들어달라는 프롬프트를 입력하여 .claude > agernts 폴더를 생성하고 거기에 영상에서 직접 넣는 방법을 알려주신것처럼 마크다운 파일로 만들어주더군요 그런데 영상보고 따라 해서 직접 만들었던 code-reviwer의 경우 실행이 되면 노란색으로 배경처리가 되면서 실제로 에이전트가 활동하는 느낌이라면 나머지 자연어 프롬프트로 AI가 직접 만든 에이전트들은 뭔가 활동을 할 때도 안할 때도 있다는 생각이 듭니다 요즘은 우선 프로젝트 플랜모드로 계획 잡을때 프롬프트에 항상 "활용 가능한 모든 서브에이전트를 총동원해 오케스트레이션 가동해줘"를 입력하는데요 뭔가 말로는 에이전트를 활용했다고 하고 실제 에이전트 이름이 나올 때도 있는데 제가 서브에이전트 활용을 정확하게 하고 있는건지 자세히 모르겠습니다 제 방식이 맞는걸까요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
  • 지금-베스트
Jiho Jang 댓글 1 좋아요 0 조회수 159

상속에 대해 오버라이딩에 대해

해결됨

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

상속과 오버라이딩 차이가 햇깔리네요 영상 어디에 오버라이딩에 대한 영상이 있을까요 문제집도 풀고있는데 이해좀 할려는데..... 차이라기보다 문제 푸는 방식이 햇깔려요 상속은 영상제목에 있구요

  • python
  • java
  • c
  • 정보처리기사
조민우 댓글 2 좋아요 0 조회수 74

수강기간을 연장시켜 주실수 있을실지 문의드립니다.

미해결

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

안녕하세요 저는 작년12월 시험을 목표로 강의를 수강했던 직장인 입니다. 직장생활과 병행한다는 핑계로 중간에 몇개월동안 수업을 들을 수 없었고 부랴부랴 11월부터 급하게 들었지만 12월 시험에서 낙방하였습니다 현재 수강기간이 4.24일로 도어있어 가능하시다면 올해 상반기 빅분기 시험응시일인 6월 20일까지로 수강기간을 연장시켜 주실수 있을실지 문의드립니다. 강사님의 강의가 실무에서도 큰 도움이 되고 있어 이번에는 더 열심히 준비하여 좋은결과 얻고 실무적으로도 실력이 상승하는 기회를 얻고싶습니다 제 이메일 주소는 mywhiteroom.sj@gmail.com 입니다 감사합니다

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
  • 지금-베스트
에스제이 댓글 2 좋아요 0 조회수 93

pypi.org 에서 뭘 어떻게 깔아야 하는지 알려주세요

해결됨

Open API 사용 with 파이썬

pypi.org 에서 뭘 어떻게 깔아야 하는지 알려주세요. 알아서 깔으라고 하고 넘어가버렸는데 처음 접하는 사람은 뭘 깔아야 하는지 알수가 없어요.

  • python
  • rest-api
  • oauth
  • urllib
  • requests
BATHILDIS SU RI 댓글 3 좋아요 0 조회수 141

stuatsline 생성이 도대체 왜 안될까요?

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

별의 별 짓을 다 해도 안 생기네요. claude 한테 물어봐서 뭐 jq인가 이것도 설치하고 했는데 왜 안뜰까요

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
  • 지금-베스트
yjs0993 댓글 2 좋아요 0 조회수 790

=와 == 의 차이

미해결

프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)

강의를 보다 가 =를 쓰는경우도 있고 ==를 쓰는경우도있는데 사용법이 어떻게 다른가요? 둘다 같다는 뜻인데 어떤차이점이 있는지 궁금합니다.

  • python
  • 선물하기-좋은
Kang 댓글 1 좋아요 0 조회수 108

강의 자료 수정 요청 - Next.js 16 버전의 파일 업로드 사이즈 제한 설정

해결됨

Next.js with Spring Boot

Next 최신 버전으로 수업 듣고 있습니다. 강의 자료에 이 파일이 들어가있는데 오히려 이 설정을 적용하면 1MB 제한이 걸려 업로드 되지 않습니다 발생된 오류 메시지 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 at ignore-listed frames { statusCode: 413 } ⨯ uncaughtException: 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 at ignore-listed frames { statusCode: 413 } ⨯ uncaughtException: 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 at ignore-listed frames { statusCode: 413 } ⨯ 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 at ignore-listed frames { statusCode: 413, digest: '2270266421@E394' } 강의에서 알려주는 설정으로 해야 1MB 이상 이미지가 정상 업로드 되었습니다. experimental: { // 'experimental' 아래에 serverActions를 정의해야 합니다. serverActions: { bodySizeLimit: "1000mb", // 원하는 크기로 조절하세요 (예: '50mb', '100mb') }, }, 강의 자료 수정이 필요할 것 같습니다.

  • javascript
  • react
  • spring-boot
  • jpa
  • next.js
개발자 취업 포기 댓글 1 좋아요 0 조회수 161

zustand 사이트 이상해요!! 웹브라우저에서 응답없음 반응

해결됨

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

요즘 zustand 공식 Docs 사이트가 이상해요.. zustand 문서를 보려고 docs 사이트에 접속하면 GPU 사용율이 오르고, 컴퓨터 온도도 확 올라가면서 웹브라우저에서 응답없음이 나오고 멈춰버립니다. 저만 이런 건가 해서 github 이슈를 검색해 봤더니 2025년말에도 이 같은 이슈가 있었는데.. 이거 zustand 에게 상태 관리 맡겨도 될까요? ㅎㅎ

  • react
  • typescript
  • react-query
  • supabase
  • zustand
  • 지금-베스트
Codingbear 댓글 2 좋아요 0 조회수 102

1-5 알고리즘과 친해지기 (2) - 최빈값찾기 질문 있습니다

해결됨

38군데 합격 비법, 2026 코딩테스트 필수 알고리즘

1. 현재 학습 진도 몇 챕터/몇 강을 수강 중이신가요? 8.1-5 알고리즘과 친해지기 (2) - 최빈값찾기 어떤 알고리즘을 학습하고 계신가요? 최빈값 찾기 2. 어려움을 겪는 부분 어느 부분에서 막히셨나요? 왜 배열로 푸는 것이 제일 낫나요? 저는 java의 map을 사용해서 풀었는데 이건 좋지 않은 풀이법일까요? 3. 시도해보신 내용 현재 작성하신 코드를 공유해주세요 public class FindMaxOccurredAlphabet0102 { public static void main(String[] args) { System.out.println("정답 = i 현재 풀이 값 = " + solution("hello my name is dingcodingco")); System.out.println("정답 = e 현재 풀이 값 = " + solution("we love algorithm")); System.out.println("정답 = b 현재 풀이 값 = " + solution("best of best youtube")); } public static char solution(String s) { Map<Character, Integer> map = new HashMap<>(); for (int i = 0; i < s.length(); i++) { char c = s.charAt(i); if (!Character.isLetter(c)) { continue; } map.put(c, map.getOrDefault(c, 0) + 1); } List<Map.Entry<Character, Integer>> list = new ArrayList<>(map.entrySet()); list.sort( (a, b) -> b.getValue() - a.getValue() ); return list.get(0).getKey(); } }

  • python
  • 코딩-테스트
  • 알고리즘
  • data-structure
  • 지금-베스트
김지협 댓글 2 좋아요 0 조회수 115

인기 태그

인프런 TOP Writers

주간 인기글