inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

블로그 PostCard 이미지 상단 여백

미해결

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

주신 코드 그대로 이해하면서 보고 했는데, 분명 postcard 내부에서 Image태그를 감고 있는 div 태그들을 봐도, object-cover 로 부모 요소를 가득 채우는 양식으로 되고 있는데, 왜 이미지 상단에 여백이 생기는걸까요?

  • react
  • 블로그
  • next.js
  • cursor
  • cursorai
주병규 댓글 3 좋아요 0 조회수 115

flex-col 과 space-y-6 차이

미해결

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

space-y-6과 flex-col 로 gap-6(또는 gap-y-6)을 주는 방식의 차이를 모르겠어요 둘다 같은 결과를 초래하는것 아닌가요? 이번 코드에서 둘다 사용하시길래, 어떤 상황의 차이로 코드를 다르게 사용했는지 궁금해서 여쭙니다

  • react
  • 블로그
  • next.js
  • cursor
  • cursorai
주병규 댓글 1 좋아요 0 조회수 151

수업을 듣다보니 생기는 궁금점

해결됨

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

훌륭한 강의를 설명해주셔서 감사합니다. 벌써 2주차를 끝내고 계속 복습중인데, 문득 궁금증이 생겼습니다. 만약 API 를 끌어왔을때 Cursor 가 잘못된 값을 추출한다고 가정했을때에는 그 가능성에 대비하기 위해 Cursor AI 한테 검토를 다시 해봐줘. 라고 말을 해야할까요? 아니면 Cursor AI 한테 애당초 시킬때 꼼꼼하게 제약들을 많이 걸어둬야할까요 ? 팁이 있으시다면 알려주시면 감사드리겠습니다.

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
ghuhan18 댓글 2 좋아요 0 조회수 87

어몽이를 stage의 100% 로 보낼 수 있는 방법이 궁금해요!

해결됨

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

키프레임 wrap around 실습하다가 궁금해서 여쭤봐요! 해설해주신 대로 어몽이를 x를 420으로 하면 부모인 stage 가로사이즈 500px이 바뀌면 어몽이에 적용한 420도 같이 바뀌어야 해서 부모 사이즈를 기준으로 하려면 left나 right 속성을 사용하는 방법 밖에 없을까요?

  • HTML/CSS
  • javascript
  • 인터랙티브-웹
  • gsap
pom0306 댓글 2 좋아요 1 조회수 107

동물 앨범 만들기 사진 관련 문의

해결됨

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

안녕하세요. 동물 앨범 만들기 부분을 듣고 있습니다. 올려주신 사이트에 들어가려고 하니까 '연결이 비공개로 설정되어 있지 않습니다' 라는 문구가 나와서 여러가지 방법을 사용해봤는데, 마지막에 불법 정보 유해 사이트쪽으로 넘어가지는데 혹시 어떻게 해결할 수 있을까요? ⚠ 답변은 평일 오전 10시에 순차적으로 작성해드립니다. ⚠ '질문 해결'은 답변 작성일 기준 1일 이후에 적용됩니다.

  • javascript
  • rest-api
  • spa
  • dom
배준석 댓글 2 좋아요 0 조회수 97

정상 동작하는 (완성본) 데모 사이트 링크

해결됨

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

정상 동작하는 (완성본) 데모 사이트 링크입니다. 수업 노트에 올라와 있는 링크에서 동작이 안될 경우 아래 링크를 참고해주세요. 👉 https://vod-onebite-books-client-page-router-ver.vercel.app

  • react
  • typescript
  • next.js
Next 댓글 2 좋아요 0 조회수 80

컴포넌트,페이지 파일명 기준

해결됨

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

안녕하세요 정환님 강의를 듣다 우연히 궁금한 점이 생겨 문의드립니다. 제가 리액트 > 타입스크립트 > next.js 까지 쭉 듣고있는데요! 파일명을 짓는 기준이 궁금하여 문의드려요 리액트 컴포넌트파일명을 지을때는 맨 앞글자가 대문자가 기준인 것으로 알고있었는데 next.js 에서 ${페이지}.tsx 로 지으실때는 search-layout.tsx global-layout.tsx 이런식으로 대시방식을 사용하시는것같더라구요!! 혹시 현업에서 사용하는 파일명짓는 기준이나 일반적인 react,next.js에서 사용하는 파일명 기준이 있을까요?? 실무를 겪어보지 못해 잘 몰라서 해당건 질문드립니다,,,,,, 강의 항상 잘 듣고있어요 감사합니다 🙂

  • react
  • typescript
  • next.js
dpwl322 댓글 1 좋아요 0 조회수 107

2-6 강 영화웹사이트 만들기 (Stagewise )

해결됨

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

저는 Stagewise 를 작동시키면 이렇게 뜨는데, 그 이유가 대표적으로 어떤 이유인지 궁금합니다. Localhost8000 이라 3000 을 8000 으로 바꾸었는데, 이렇게 뜨네요. 어떤 에러인지 혹시 아시는지 궁금합니다.

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
ghuhan18 댓글 2 좋아요 0 조회수 88

✅ Supabase에서 테이블 옆에 Unrestricted가 뜨는 이유와 해결법 정리

해결됨

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

Supabase에서 Table Editor > 테이블 옆에 Unrestricted가 아래처럼 뜨시는 분들은 RLS disabled를 클릭한 후에 RLS를 Enable로 해주시면 됩니다. RLS(Row Level Security)가 꺼져 있으면, 누구나 API로 테이블 데이터를 볼 수 있습니다. 실제 서비스에서는 RLS를 반드시 켜고, 접근 정책(Policy)을 설정해야 데이터가 안전하게 보호됩니다. RLS 활성화는 Table Editor에서 “Enable RLS” 클릭 → 정책 추가로 진행하면 됩니다.

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

연결 거부 해결 방법

해결됨

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

NextJS 를 연결하려고 하는데, 이렇게 뜨네요. 해결방법을 부탁드릴 수 있을까요?

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

토스페이먼츠 연동하여 결제하기 오류

미해결

제로베이스부터 배우는 웹개발의 개념과 바이브 코딩

토스페이먼츠 연동하여 결제하기 기능 구현시 강사님의 영상과 다르게 오류가 나는데 도메인 localhost 가 실제 도메인 사용해야 한다고 합니다. 이럴경우 어떻게 해야 하나요? 영상과 실제가 너무 달라 애를 먹고 있어요.

  • react
  • 웹앱
  • next.js
  • cursor
  • 인공지능(ai)
soma 댓글 1 좋아요 0 조회수 344

폴링이 필요없는 이유

미해결

Next + React Query로 SNS 서비스 만들기

폴링이 필요없는 시대라고 하셨는데 그 이유가 궁금합니다

  • react
  • next.js
  • react-query
  • next-auth
  • msw
dev pple 댓글 2 좋아요 0 조회수 137

npx create-react-app

해결됨

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

npx create-react-app myproject 입력하니까 무한로딩만 되고 설치가 안 돼서 yarn create react-app myproject으로 했는데도 안 되더라구요 다른 방법이 있을까요?

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
댓글 1 좋아요 0 조회수 114

1-6 강 TODO List

해결됨

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

TOdo List 라는 툴도 설명해주셔서 감사드립니다. AI 가 생각보다 멍청하다 라는 말이 인상깊었는데요. 제가 궁금한 건 TODO List 를 작성해야하는 이유는 우리가 개발을 하다가 다시 다음 날 한다고 했을때, TODO List 를 설명하지 않고, 기억하고 있겠지 ? 라고 하면서 그대로 진행하는 것보다는 TODO List 로 한번 상기시켜주는 것이 좋다 라고 해석하면 될까요 ? 제가 아마 잘 못 따라간 것 같은데, 정확히 언제 쓰는게 맞는건지 조금만 더 구체적으로 설명해주시면 감사드리겠습니다.

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

1주차 질문

해결됨

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

1주차 1-5 질문 강의에서 보면 GPT 를 사용해서 GPT 기반 실시간 피드백 이라고 나와있는데, GPT 에서도 무료 사용자의 경우에는 사용 제한이 있지 않나요 ? 그렇게 되면 이 문제를 어떻게 해결할 수 있을까요 ? 제가 계속 결제하는 것 외에는 방법이 없을까요 ?

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
ghuhan18 댓글 2 좋아요 0 조회수 60

figma 채널 조인 오류

해결됨

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

웹소켓 켜고 커넥트 해서 채널 받았는데요. called join_channel 부터 안 되는데 왜 그럴까요? 계속 하다 보니 연결은 됐는데요. New client connected Received message from client: {"type":"join","channel":"kvisl10k"} Sending message to client: undefined New client connected New client connected 원래는 계속 Received message from client: {"type":"join","channel":"kvisl10k"} Sending message to client: undefined 여기까지만 나오고 안 된것 같은데 여러가지 확인하고 삭제하고 원복하고 하다보니 New client connected New client connected 이게 두번뜨고 연결이 되는데 왜 계속 sending ~ 여기까지만 나온걸까요?

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
freel 댓글 2 좋아요 0 조회수 131

figma mcp 연결 오류

해결됨

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

talktofigma 를 mcp.json 에 넣고 피그마에서 커넥트해서 웹소켓 실행까지 시켰는데 cursor settings에서 talktofigma 툴이 계속 빨간불입니다. 온/오프를 계속 바꿔도 0 tools enabled라고 계속 나오는데 왜 그럴까요..

  • next.js
  • cursor
  • 바이브코딩
댓글 2 좋아요 0 조회수 377

fetchTravelproductsIPicked 관련 질문 드립니다

미해결

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

해당 API 요청 시 사진처럼 $regex 오류 때문에 data를 받아오지 못하고 있습니다. 백엔드 문제일까요?

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
mh 댓글 2 좋아요 0 조회수 113

질문 있습니다.

해결됨

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

안녕하세요 강의 듣던 중 질문 있습니다. access token 을 넣어서 fetch 함수를 사용하고 싶은데 클라이언트 레이어에서는 정상적으로 주입한 access token이 보이는데 서버 레이어에서는 구워진 access token이 없더라고요. 혹시 짐작 가는게 있으실까요?? 감사합니다.

  • react
  • typescript
  • next.js
Milkyway 댓글 2 좋아요 0 조회수 44

cursor-talk-to-figma-mcp plugin 이 다른 모양인데 왜 그럴까요?

해결됨

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

cursor-talk-to-figma-mcp plugin 의 sonnylab.com이 저의 경우 나오지 않고 , use localhost 버튼도 나오지 않는데 왜 그럴까요? 그래서 figma에 그려지는 것은 안되었습니다. 소스위치: https://github.com/grab/cursor-talk-to-figma-mcp 플러그인은 교재에서 연결

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

인기 태그

인프런 TOP Writers

주간 인기글