inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

[Tip] SafeAreaView 적용 후 상단 공백이 넓어진 경우

해결됨

아바타 커뮤니티앱 만들기 (React Native Expo)

import { SafeAreaView, useSafeAreaInsets, } from "react-native-safe-area-context"; // react-native-safe-area-context: 5.4.0 강의 내용처럼 위 SafeAreaView 를 사용할 경우 아래 이미지처럼 헤더 아래 부분이 넓어지는데요. iOS android <Stack.Screen name="[id]" options={{ headerShown: true, 색상을 넣고 원인을 찾아보니 헤더가 true 일때 헤더 크기만큼 아래 중복되서 넓어지는 것을 발견했어요. 해결방법 <SafeAreaView style={styles.container} edges={["bottom", "left", "right"]} > 이렇게 edges 부분을 추가하시면 되요. https://github.com/AppAndFlow/react-native-safe-area-context/issues/650 깃이슈로도 올라와 있는데 추후 버전 업데이트 되서 해결되거나 다른 좋은 방법이 있으신 분들은 댓글로 알려주세요.

  • react-native
  • typescript
  • expo
  • react-hook-form
  • react-query
하양이 댓글 2 좋아요 0 조회수 178

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

해결됨

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

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

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

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

미해결

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

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

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

홈페이지 저장 위치 및 삭제

해결됨

비개발자 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 조회수 112

6강/7강 수업

미해결

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

다른 수강생분들에게도 문제 해결에 도움을 줄 수 있도록 좋은 질문을 남겨봅시다 :) 1. 질문은 문제 상황을 최대한 표현해주세요. 6강 마지막 화면이랑 7강 첫화면 코드가 달라져서 이 부분은 어떻게 해결하면 될까요?? (안녕하세요->환영합니다) (console.log->alert) 크게 이 두 부분이 다른 것 같습니다. 그냥 이대로 진행하면 될까요? 2. 구체적이고 최대한 맥락을 알려줄 수 있도록 질문을 남겨 주실수록 좋습니다. 그렇지 않으면 답변을 얻는데 시간이 오래걸릴 수 있습니다 ㅠㅠ ex) A라는 상황에서 B라는 문제가 있었고 이에 C라는 시도를 해봤는데 되지 않았다! 3. 먼저 유사한 질문이 있었는지 꼭 검색해주세요!

  • HTML/CSS
  • javascript
  • react
  • node.js
  • react-native
  • 머신러닝
  • express
  • tensorflow
noysys 댓글 1 좋아요 0 조회수 70

11강은 없는건가요?

해결됨

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

11강이 있는데 안에 내용은 없네요.. 11강은 추후 업데이트 예정이실까요? 예정이라면 언제쯤 업데이트 될까요??

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

window 사용자 ios 앱

해결됨

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

현재 수강 진도를 함께 알려주세요! "1주차 3강까지 완료" window 사용자의 경우 flutter 사용을 해도 ios 앱을 만들 수 없는지요? 아니면, 단순히 xcode로 미리 테스트만 못하는지요?

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
kairos77 댓글 1 좋아요 0 조회수 54

AWS EC2 + RDS 설정

미해결

맛집 지도앱 만들기 (React Native & NestJS)

RDS 부분에서 vim .env 수정하면 된다는데, 어떻게 하라는 건지 이해가 안가요 .env 는 DB_HOST 만 수정해주면 되나요?? [Nest] 28937 - 2025. 09. 07. 오후 4:15:42 ERROR [TypeOrmModule] Unable to connect to the database. Retrying 에러도 발생하고 잇어요

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
gmobc 댓글 2 좋아요 0 조회수 108

플레이 그라운드 퀴즈 문제 질문이 있습니다.

미해결

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

위와 같이 입력했을 때 fetchBoard 가 null로 나오는데 제가 어느부분에서 실수했는지 감이 안잡혀서 질문드립니다.

  • react
  • node.js
  • seo
  • graphql
  • next.js
김용주 댓글 0 좋아요 0 조회수 72

스타터킷!

해결됨

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

개발자인 저에게는 코딩이 늘 막연하고 두려운 영역이었습니다. 하지만 바이브코딩 강의를 만나고 나서는 생각이 완전히 달라졌습니다. 강사님이 단계별로 차근차근 이끌어주신 덕분에, 저 같은 초보자도 실제로 모임 가계부 어플 을 직접 완성할 수 있었습니다. “정말 내가 코딩으로 무언가를 만들 수 있구나”라는 성취감과 자신감을 얻게 되었고, 이 경험은 제 인생에서 정말 특별한 순간으로 기억될 것 같습니다. 그리고 제가 꼭 말씀드리고 싶은 게 하나 있습니다. 제가 수강평을 105번째로 남겼습니다. 이번에 수강평 100명 한정 스타터킷 을 제공한다고 하셨는데… 솔직히 너무 받고 싶습니다. ㅠㅠ 저도 수강 후기를 진심을 담아 열심히 작성했으니, 혹시 가능하다면 저에게도 기회를 주실 수 없을까요? 정말 간절한 마음으로 부탁드립니다!!! 바이브코딩 덕분에 새로운 도전을 시작할 수 있었던 만큼, 스타터킷까지 함께할 수 있다면 제게는 더할 나위 없는 선물이 될 것 같습니다.

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
Full Stack 개발자 댓글 2 좋아요 0 조회수 110

cursor .cursorrules 관련 문의 드립니다.

해결됨

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

cursor rules 설명중에 user rules , project rules 관련 설명은 해주셨는데 .cursorrules에 대해서 설명이 없어서 문의 드립니다. user rules , project rules, .cursorrules 모두 사용을 한다면 우선 순위 적용은 어떻게 되는 건지 알고 싶습니다.

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

사전렌더링과 데이터페칭 수업 질문

해결됨

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

1분17초쯤에 리액트에서 데이터 페칭을 복습한다고하는데 리엑트 수업에서 이것을 배운적이없는데 어디서 배운걸 복습을하는걸까요? 저는 처음봅니다.

  • react
  • typescript
  • next.js
임다정 댓글 2 좋아요 0 조회수 78

마지막 프로젝트 수정 코드 - 커밋

해결됨

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

마지막 한입 프로젝트 코드 전체 커밋이 안되어 있어서요! 깃에는 예전 코드라 현재 버전에 맞지 않습니다. 계속해서 배포가 되지 않습니다.

  • next.js
진진 댓글 3 좋아요 0 조회수 88

섹션 6 퀴즈 > 5번 문항 dynamic 옵션 값 오타

해결됨

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

안녕하세요. 섹션 6 퀴즈 내에 5번 문항에서 문제 설명과 해설에 dynamic 옵션의 값이 "force-static"이 아닌 "false static"으로 잘못 나온 것 같은데 확인 부탁드립니다.

  • react
  • typescript
  • next.js
Next 댓글 1 좋아요 1 조회수 67

router.navigate동작이 달라요 ㅠ

미해결

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

<View> <TouchableOpacity onPress={() => router.navigate(`/activity`)}> <Text style={{ color: pathname === '/activity' ? 'red' : 'black' }}> All </Text> </TouchableOpacity> </View> <View> <TouchableOpacity onPress={() => router.navigate(`/activity/follows`)}> <Text style={{ color: pathname === '/activity/follows' ? 'red' : 'black', }} > Follows </Text> </TouchableOpacity> </View> 일단 코드는 '/activity', '/activity/follows' 만 붙였습니다만, 다른 TouchableOpacity에도 router.navigate를 붙여서 동작을 확인해봤는데 저는 router.push와 같은 동작만 하네요... 강의와 최대한 같은 상황으로 경로를 눌러봐도 push 처럼 동작합니다. 터미널에서 r을 눌러서 재시작도 해보고, npm run android도 다시 해봐도 똑같네요. 어디를 살펴봐야 router.navigate가 제대로 동작할까요? npm ls react: 19.0.0 npm ls react-native: 0.79.5 npm ls expo: ~53.0.16

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
jasinis102 댓글 3 좋아요 0 조회수 117

자료가 수업에 사용된 내용과 다른 것 같아요

해결됨

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

다른 파일들은 잘 모르겠는데 일단 01-common.mdc 이 파일은 수업에 사용하신 것보다 내용이 적어 보여요. 파일 확인 부탁 드리겠습니다.

  • react
  • next.js
  • cursor
  • 프롬프트엔지니어링
  • 바이브코딩
희소식 댓글 3 좋아요 1 조회수 147

수업에 사용하신 Cursor 버전 문의

미해결

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

안녕하세요. 수강생입니다. 혹시 수업에 사용중이신 Cursor가 버전이 어떻게 되나요. 저는 1.5.9 버전인데 커서 핵심 기능과 Rules 설정하면이 좀 달라서요. 프로젝트 Rules 화면도 다르고 Add Rule시 제가 사용하는 버전은 아래와 같이 나옵니다. 어떤 Rules를 설정을 해야할지 답변 부탁드립니다. 감사합니다.

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

피그마 아래쪽에 더하기 버튼이 없습니다.

미해결

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

피그마에 접속해서 MCP 플러그인 을 설치하려고 했는데 더하기 버튼이 안 보입니다. 아래와 같은 버튼들만 보이는데 어떻게 해야하나요?

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

21강 11분 59초 버그

미해결

따라하며 배우는 리액트 네이티브 기초

emptylisttext 이거 빈칸으로 놔두고 똑같이 했는데 레퍼런스오류 style이 존재하지 않는다 이거 뜨는데 왜 안될까요

  • react
  • react-native
  • expo
입시용 댓글 0 좋아요 1 조회수 60

인기 태그

인프런 TOP Writers

주간 인기글