inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

tbl_todo 질문입니다

미해결

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

강의 12분 55초에 malldb로 들어가서 tbl_todo가 떠야하는데 저는 없네요 그래서 한참 이것저것 찾아보니까 tbl_todo가 root/apidb/에 있네요. 어디가 잘못된건가요?ㅜㅜ

  • react
  • typescript
  • spring-boot
  • jpa
  • jwt
toran8754 댓글 2 좋아요 0 조회수 88

Streaming 관련해서 문의드립니다.

미해결

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

Stream을 구현할 때 posts, tags 정보를 서버사이드에서 호출하고 promises 를 클라이언트 컴포넌트에 넘겨 use 훅으로 받는데요. 서버와 클라이언트의 경계가 살짝 이해가 안되네요. 서버사이드에서 promise객체를 클라이언트로 던지고 클라이언트에서 promise를 resolve하는 건가요?

  • react
  • 블로그
  • next.js
  • cursor
  • cursorai
현자타임 댓글 2 좋아요 0 조회수 109

init 함수 앞에 await

해결됨

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

App.js의 App 생성자 함수 안에서 호출하는 init()은 비동기 함수인데 앞에 await을 붙이지 않아도 되나요?

  • javascript
  • rest-api
  • spa
  • dom
여진석 댓글 2 좋아요 1 조회수 102

tab 을 stack 에 쌓았을 때 문제

미해결

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

<Stack> <Stack.Screen name="(tabs)" options={{ headerShown: false }} /> <Stack.Screen name="modal" options={{ presentation: "modal", headerShown: false }} /> </Stack> 위와 같이 작업하면 탭을 누를 때마가 스택이 쌓이는게 아닌가요? 그러면 물리 백버튼을 눌렀을 때 탭 이동이 될 것 같아서요. 카카오를 예시를 보면 탭은 스택을 쌓지 않고 있어서 탭 이동을 아무리 해도 뒤로 가기를 누르면 탭 이동을 하고 있지 않네요.

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

wipe data 이후에 npm run android 오류

미해결

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

wipe data 이후에 npm run android 를 실행하면 아래와 같은 오류가 발생합니다. CommandError: No development build (com.devparkoon.rntutorial) for this project is installed. Install a development build on the target device and try again. 강의 영상과 다르게 npm run android 를 실행했을 때 expo 를 다시 설치하는 과정이 없는데 어떤 문제일까요? 위 이슈를 해결하기 위해 eas build 를 다시 하면 되긴 합니다 (10분 넘게 다시 소요됨)

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

ISR 매커니즘에 대한 궁금증

미해결

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

안뇽하세요. 몇일 전 구매하고 열강하고 있는 개발자입니다. ISR 매커니즘에 대한 궁금증이 있는데요. 저희가 작성한 코드에 보면 export const generateStaticParams = async () => { const { posts } = await getPublishedPosts(); return posts.map((post) => ({ slug: post.slug, })); }; 이렇게 게시글들을 미리 ISR 하는 코드가 있습니다. 특정 게시글의 slug 정보 기반으로 미리 SSG 만드는 것으로 이해했는데요. 그래서 빌드를 하면 SSG + 두 개의 슬러그 페이지가 존재합니다. (getPubishedPosts의 기본 사이즈가 2개이기 때문) 그런데 제가 궁금한게 위 ISR 적용하기 전에 빌드한 후 상세 페이지에 진입을하면 약 1초 정도? 딜레이가 발생하고 화면이 렌더링이 되는데요. ISR을 적용한 후 기대한 동작은 미리 생성된 두 개의 slug에 대해서는 바로 화면에 보이지만 무한스크롤로 발생한 동적 블로그에 대해서는 빌드 전과 동일하게 1초의 딜레이가 발생하고 이후 접근 시 정적페이지가 생성되어 빠르게 보이는게 맞지 않나요? 하지만 현재 동작을 보면 미리 생성된 slug를 제외한 모든 게시글에 대해 빠르게 화면이 보여 제가 이해한게 아닌가 싶네요. 공식문서를 봐도 이해가 잘되지 않아 확인차 문의드립니다.

  • react
  • 블로그
  • next.js
  • cursor
  • cursorai
현자타임 댓글 2 좋아요 0 조회수 100

Variable Object 질문

해결됨

프론트엔드 마스터클래스

안녕하세요, 좋은 강의 감사합니다. 실행 컨텍스트 부분에서 궁금한 점이 있어서 질문드립니다. 강의에서 Variable Object를 설명해주셨는데, 제가 개인적으로 찾아본 자료들에서는 ES2015부터 실행 컨텍스트가 Lexical Environment, Variable Environment, this binding으로 구성된다고 나와 있더라고요. Variable Object는 그 이전 스펙에서 사용되던 용어인 것 같은데, 혹시 강의에서 이 개념을 선택해서 설명하신 특별한 교육적 의도가 있으셨을까요? 제가 아직 깊이 이해하지 못해서 그런데, 두 방식 중 어떤 것이 JavaScript 동작 원리를 학습하는 데 더 도움이 되는지, 또는 어떤 차이점들이 있는지 알려주시면 감사하겠습니다.

  • javascript
  • react
  • 함수형-프로그래밍
  • 객체지향
  • next.js
hans 댓글 1 좋아요 0 조회수 192

수업 외 질문인데 'tbl'이 무슨 의미인가요???

해결됨

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

Table 어노테이션에서 이름 지정 시 tbl 이라는 접두사가 붙었는데 무슨 의미가 있는건가요??

  • react
  • typescript
  • spring-boot
  • jpa
  • jwt
항상배고픔 댓글 2 좋아요 0 조회수 377

218. Post Browser 에서 처음 실행 시 CanceledError 발생

해결됨

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

useEffect(() => { const controller = new AbortController(); const fetchPosts = async () => { try { setIsLoading(true); const { data } = await axiosInstance.get( `/posts?_page=${currentPage}&_limit=${limit}&q=${encodeURIComponent(searchText)}`, { signal: controller.signal, }, ); setPosts(data); } catch (e) { console.log(e); if (e instanceof Error && e.name !== "CanceledError") { if (e.message.includes("timeout")) { setError("timeout 오류 발생"); } else { setError(e.message); } } } finally { if (!controller.signal.aborted) setIsLoading(false); } }; fetchPosts(); return () => { controller.abort(); }; }, [currentPage, limit, searchText]); 처음 실행 시(새로고침) console.log(e) 에서 CanceledError {message: 'canceled', name: 'CanceledError', code: 'ERR_CANCELED', config: {…}, request: XMLHttpRequest, …} 이렇게 무조건 잡히는데 왜 그럴 까요? 물론 프로그램 실행 에는 문제가 없습니다.

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
jyuvenia 댓글 3 좋아요 0 조회수 115

혹시 배포 후 카카오로그인 하면 왜 404가 뜰까요

미해결

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

404 : NOT_FOUND Code: NOT_FOUND ID: kix1::bdzhw-1757478315191-5d49459abd35

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
mirage0720 댓글 2 좋아요 0 조회수 71

딩코님 수강 관련 문의드려요~

해결됨

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

딩코님 안녕하세요~ 어제부터 챌린지 오픈했는데, 보니까 기존 강의내용과는 동일하더라구요~ 기존 강의 아직 다 못들었는데, 챌린지로 이어서 들으면 될까요?! 챌린지 강의로 들으니 기존 수강한 강의는 안들은 걸로 돼서 강의율 100% 안될 것 같아서요! 혹은 기존 강의 다들은걸로 끌어서 채워놔야 할 지 합니다!

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
민중 댓글 1 좋아요 1 조회수 88

몽고db security 설정

미해결

Do it! Node.js 프로그래밍 입문

15강 몽고DB설정하기 영상의 6분경 security 밑에 quickstart 메뉴가 안보이는데 아이디와 비밀번호 설정을 어떻게 해야하나요?

  • javascript
  • node.js
  • mongodb
  • express
202020943신홍근 댓글 1 좋아요 0 조회수 100

카카오로그인구현 -2

미해결

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

혹시 강의를 그대로 따라했는데 계속 리다이렉션중이 떠있는 이유를 어디서 찾아야할까요?

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
댓글 3 좋아요 0 조회수 101

특정 범위 선택 및 일괄 변경

미해결

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

강의 중 혹시 특정 범위 선택 및 일괄 변경하는 윈도우환경에서 방법이 뭔지 알수있을까요?

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
mirage0720 댓글 2 좋아요 0 조회수 50

cursor AI 프로젝트 룰 관련 질문 드립니다.

미해결

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

안녕하세요 강사님! 강의 항상 재밌게 잘 보고 있습니다. 다름이 아니라 cursor AI가 영상의 버전과 다른 것 같은데, 프로젝트 룰을 어떤 걸로 설정해야하는지 모르겠습니다. 공식 문서와 다른 블로그들을 참고해도 모르겠어서 질문 올립니다ㅠㅠ

  • react
  • 블로그
  • next.js
  • cursor
  • cursorai
Nara 댓글 2 좋아요 0 조회수 440

e2e 테스트 CI , 서버비용

미해결

실무에 바로 적용하는 프런트엔드 테스트 - 2부. 테스트 심화: 시각적 회귀・E2E 테스트

안녕하세요 e2e 테스트는 비용이 많이 들어서 어떻게 관리를 하는지 궁금합니다. - 파이프라인에서 매번 CI 에서 돌리기에는 서버나, 시간이 개발 생산성을 잡아 먹을 것 같은데요. 점점 e2e 테스트가 쌓여 나갈떄 어떤 전략을 취할 수 있는지 궁금해요. GPT로 리서치하니까 보통 2가지를 병행해서 스케줄러 + 온디맨드 실행 같이 관리 한다고 하는데, 실제 현업에서는 어떻게 활용하고 계신지, 제가 리서치한 내용 말고 더 효율적이거나, 추천할만한 전략 , 이외의 고려사항 소개해주실 수 있으면 알려주시면 감사하겠습니다. 스케줄 실행 (Nightly/주말 풀스윗) EventBridge → ECS Fargate RunTask (Spot 가능) → Playwright 러너 대상: 스테이징(or PR 프리뷰 URL) b. 산출물: 트레이스/비디오/리포트 S3 업로드, Slack에 요약/링크 온디맨드 실행 (PR 코멘트/수동 트리거) Bitbucket Pipeline에서 aws ecs run-task 호출(또는 ChatOps 슬래시 커맨드) 태그/폴더/샤드 인자 넘김 → 필요한 부분만

  • javascript
  • tdd
  • 소프트웨어-테스트
  • vitest
  • e2e
  • chromatic
여어 댓글 1 좋아요 0 조회수 98

홈페이지 저장 위치 및 삭제

해결됨

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

첫 웹사이트로 자기소개 싸이트 만들기 연습을 하고 있는데, 이걸 만들면 이 홈페이지는 lovable 서버에 저장이 되는거죠? 그럼, 이 홈페이지를 폐쇄하고 싶으면 어떻게 삭제하나요?

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

supabase 설정 설명 부분이 없어요.

해결됨

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

1-3에 자기 소개 웹사이트 만들때 방문자 수 추가하는 것 해보니 supabase를 연결해야 한다고 하는데, 처음하는 사람은 이게 뭔지 잘 모르는데, 이 부분에 대한 설명이 없어 추가하는 것이 필요합니다. 동영상에서는 그런 과정 없이 바로 되는데, 나의 경우에는 supabase의 연결을 설정해야 기능이 정상 작동했어요. 뒤에 이 부분에 대한 설명이 있는지 모르겠지만, 없다면 자세히 설명 부탁합니다.

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

hover pulse animation 관련해서 질문있습니다!

해결됨

웹 애니메이션을 위한 GSAP 가이드 Part.01

mouseenter 마우스 이벤트를 할때 pulse.start(); 대신 pulse.restart();로 처음시작하게 하는것처럼 실습 때 mouseleave 마우스가 벗어날 때 자연스럽게 하려면 pulse.pause(); gsap.to ('button',{scale:0.8,duration:0.4}) 두개를 사용해서 어색하지 않게 구현했는데요, pulse.pause(); gsap.to ('button',{scale:0.8,duration:0.4}) 대신 pulse.reverse();를 사용해도 동일하게 어색하지 않게 줄 수있는 효과인건가요? 차이점은 없는건지 궁금합니다.

  • HTML/CSS
  • javascript
  • 인터랙티브-웹
  • gsap
방가워요 댓글 2 좋아요 0 조회수 98

메일 확인부탁드립니다

미해결

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

권한 요청드렸습니다. 확인부탁드립니다!

  • HTML/CSS
  • javascript
  • es6
든든한고양이 댓글 1 좋아요 0 조회수 87

인기 태그

인프런 TOP Writers

주간 인기글