inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

만일 실물을 택배로 배송해야 할 경우 주소지 입력하는 방법이 궁금해서요.

해결됨

결제 받고 출시까지, 클로드 코드로 완성하는 내 웹서비스

바이브 플러그님. 복습하다가 이런저런 질문이 생겨서요. 지금 예제 강의는 디지털상품이라 배송이 필요가 없는데, 만일 실제 물건을 보내야 하는 상황이면 구매자가 받을 주소를 입력할 창이 필요할 텐데, 좋은 방법이 있을까요? 실무에서는 보통 어떤 방법을 쓰시나요? 제 생각에는 택배보낼 곳 DB에는 기존에 이름과, 결재승인여부는 이미 확인했고(다른 테이블에서) 전화번호, 우편번호, 받을 주소 3개의 컬럼을 추가하면 될 것 같은데. 택배 배송을 위한 테이블만들 때 특별한 팁이 있나요? 왜 궂이 물어보냐하면, 우편번호는 우체국에 DB가 있을 것같고, 주소에 몇글자만 타이핑하면 우편번호와 기본주소를 가져오고, 세부주소를 타이핑하는거라서 좀 더 쉽게 하는 방법이 없나 해서요.

  • HTML/CSS
  • typescript
  • next.js
  • tailwindcss
  • supabase
  • claude
  • 바이브코딩
좋은하루 댓글 4 좋아요 1 조회수 65

31강 학습자료에 프롬프트가 엉뚱한것이 있어요

해결됨

결제 받고 출시까지, 클로드 코드로 완성하는 내 웹서비스

강의 잘 듣고 있습니다. 31강 영상에는 profiles 테이블에 역할을 저장할 role 컬럼을 추가해 줘... 로 시작되는 프롬프트인데 하단 학습자료에는 이전 시간에 했던, profiles 테이블 내용이 있습니다. 수정 부탁드려요

  • HTML/CSS
  • typescript
  • next.js
  • tailwindcss
  • supabase
  • claude
  • 바이브코딩
좋은하루 댓글 1 좋아요 1 조회수 49

강의 소스 코드는 어디서 볼수 있나여?

해결됨

결제 받고 출시까지, 클로드 코드로 완성하는 내 웹서비스

소스 코드는 어디서 볼수 있나여>?

  • HTML/CSS
  • typescript
  • next.js
  • tailwindcss
  • supabase
  • claude
  • 바이브코딩
김동선 댓글 1 좋아요 1 조회수 55

17강 강의에 목데이터 첨부파일이 없습니다.

해결됨

결제 받고 출시까지, 클로드 코드로 완성하는 내 웹서비스

목데이터가 찾을 수 가 없네요~~

  • HTML/CSS
  • typescript
  • next.js
  • tailwindcss
  • supabase
  • claude
  • 바이브코딩
땀모 댓글 2 좋아요 2 조회수 73

타입스크립트 autoComplete?

미해결

실무에 바로 적용하는 스토리북과 UI 테스트

강의 잘 듣고 있습니다 ! 강의하시다 보면 타입스크립트에 타입이나 인터페이스 정의하실 때 자동 완성되는 것 같은데.. 어떻게 설정해야하는지 문의드립니다

  • react
  • typescript
  • tailwindcss
  • storybook
  • ui-testing
jaiyah 댓글 1 좋아요 0 조회수 60

자바스크립트 입문 강의

미해결

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

안녕하세요 선생님 항상 좋은 강의 감사합니다. 자바스크립트 문법이 약해 종종 막힐 때가 있어 유튜브로 확인하고 있는데 11~21 내용이 현재 없는 것 같은데 따로 확인하는 방법 있을까요?

  • react
  • React-Context
  • react-router
  • tailwindcss
  • react-query
김지현 댓글 1 좋아요 0 조회수 41

git 초기설정하고 Next Js 설치하는게 너무 어렵습니다.

미해결

SEO 최적화 랜딩페이지 솔루션 & 노출전략: 바이브코딩으로 완성 with Nextjs

강의간에 너무 간단하게 나와서 이부분부터 막힙니다.

  • react
  • node.js
  • cursor
  • tailwindcss
  • nextjs
정영준 댓글 1 좋아요 0 조회수 48

궁금했던 질문입니다. 바로 콤마위치 입니다.

미해결

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

저는 개발자 생활 초기에는 화면에서 받은 파라미터들을 받아 파라미터들을 이용하여 쿼리문을 작성하여 화면에 노출시키는 로직등을 많이 개발해 왔었어요. 그러다 보니 화면도 중요하지만 쿼리작성이 무엇보다 많이 중요했었거든요. 쿼리작성이 중요하다 보니, PL님 혹은 팀장님들 에게서 많이 교육 받은것 중 하나가 콤마를 앞으로 쓰는 겁니다. 그게 버릇이 되어 왔고 이쁘다고 생각했었어요 하지만 요즘 프론트엔드 개발자들 대부분은 콤마를 뒤에다가 선언을 하더라고요. 콤마를 앞이든 뒤이든 돌아가면 상관없긴 하지만, 왜 이렇게 콤마를 뒤에 두는 개발자들이 많이 생겼는지 궁금합니다. const [todos, dispatch] = useImmerReducer(todoReducer, [ { id : 0, text : 'HTML&CSS 공부하기', done : false }, { id : 1, text : '자바스크립트 공부하기', done : false } ]);

  • react
  • React-Context
  • react-router
  • tailwindcss
  • react-query
  • 콤마
  • 콤마뒤
  • 콤마뒤싫어
  • 콤마앞에가좋아
댓글 1 좋아요 0 조회수 53

React 버전업 관련 문의

해결됨

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

안녕하세요 선생님, 궁금한 점이 있어서 문의드립니다. 현재 강의를 보면 react 버전이 18 인데, 혹시 19 로 버전업하실 계획 있으실까요?

  • react
  • React-Context
  • react-router
  • tailwindcss
  • react-query
식빵 댓글 2 좋아요 0 조회수 71

쿠폰 문의 드립니다.

미해결

한입 리액트 실전 라이브러리 키트 - Zustand, Tanstack Query, TailwindCSS

안녕하세요 강사님 강의들 잘 보고 있습니다. 2026년에 구입했던 "한입 리액트 실전 라이브러리 키트 - Zustand, Tanstack Query, TailwindCSS" 강의 다시 보게 되면서 "한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편" 강의도 구매해서 보고 싶어 졌는데 예전에 받았던 할인 쿠폰이 만료 처리 되어 사용할 수가 없네요. 너무 늦은 시점에 요청 드려 염치가 없지만 혹시 쿠폰 재발급이 가능한지 문의 드립니다. 감사합니다. 수고하세요.

  • react
  • 웹앱
  • tailwindcss
  • react-query
  • zustand
itdeveloper 댓글 2 좋아요 0 조회수 63

tailwind css 적용 잘 안되면 참고하세요.

미해결

최신 Vue 3 완벽 가이드: 프로젝트 설정 & 스펙 총정리

강의 들으면서 따라가다 보니 영상에는 vue가 들어가 있는데요. content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'], 이부분에 vue가 들어가야 tailwind css가 적용되는것 같습니다. 참고하세요.

  • vue.js
  • eslint
  • tailwindcss
  • vue-3
Minkoo Lee 댓글 1 좋아요 0 조회수 63

섹션3 Shadcn/ui 생성 시

미해결

한입 리액트 실전 라이브러리 키트 - Zustand, Tanstack Query, TailwindCSS

( 해당 섹션 수강하던 2026-04-03 기준 ) npx shadcn@latest init 명령어 입력하면 2가지 선택지를 제공해줘요. Select a component library 라고 떠요 선택지에 Radix, Base 있는데 Radix가 흔히 아는 Shadcn/ui 라고 합니다. Which preset would you like to use? Nova (아이콘 Lucide, 폰트 Geist) Vega (아이콘 Lucide, 폰트 Inter) Maia (아이콘 Hugeicons, 폰트 Figtree) Lyra (아이콘 Phosphor, 폰트 JetBrains Mono) Mira (아이콘 Hugeicons, 폰트 Inter) Luma (아이콘 Lucide, 폰트 Inter) 강의에선 7:16 참고 하시면 base color 고르라는 선택지가 나왔고, 강사님께선 Neutral 고르셨습니다. 저는 저게 안나와서 gemini 에게 물어봤고 이와 같은 답변을 얻어서 진행했습니다. 혹시나 참고가 될까싶어 작성합니다.

  • react
  • 웹앱
  • tailwindcss
  • react-query
  • zustand
ggomsoo 댓글 1 좋아요 0 조회수 182

오타?

미해결

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

2 퀴즈 강의에서 설명된 Create React App(CRA)과 Bit의 비교 중, Bit의 특징으로 언급된 것은 무엇인가요? 이거 오타 아닌가요? Bit -> Vite?

  • react
  • React-Context
  • react-router
  • tailwindcss
  • react-query
krug 댓글 1 좋아요 0 조회수 63

섹션2 tailwindcss 퀴즈에 대해서

미해결

한입 리액트 실전 라이브러리 키트 - Zustand, Tanstack Query, TailwindCSS

강의 잘 듣고있습니다. tailwindcss@v4로 변경되고 이후론 사용을 안해봐서 이번 강의가 매우 도움이 되고있습니다. 섹션2 모든 챕터 수강 이후 퀴즈를 푸는데 문제 1개가 강의에 사용되는 버전인 v4가 아닌 v3에 대한 내용이 있는 것 같아서 Q&A 올렸습니다. 공식문서 - docs - getting started - upgrade guide에서도 확인 가능합니다. 강의 감사합니다.

  • react
  • 웹앱
  • tailwindcss
  • react-query
  • zustand
ggomsoo 댓글 2 좋아요 0 조회수 102

Recoil 에러

해결됨

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

Recoil에서 에러가 납니다. Recoil 소개 및 기본 문법 강의를 보고 있는데 몇번이나 시도했는데 에러가 납니다. 똑같이 코드를 옮겨적었는데 왜 에러가 생기는지 ,,, 어떻게 해야될지요

  • firebase
  • next.js
  • tailwindcss
  • react-query
  • supabase
루루팝팝 댓글 1 좋아요 0 조회수 109

next.js 프로젝트 생성 수업노트보기 에러

미해결

[풀스택 입문] Firebase보다 10배 좋은 Supabase

https://join.slack.com/t/lopun-lecture/shared_invite/zt-2mkxcgt5h-7Bq~fMnMJ8Scle17fzFYCQ next.js 프로젝트 생성 수업노트보기 에러 수정 바랍니다 아래와 같은 것이 나와요 otion.site/Supabase-Next-js-14-a522542541254b7ea54d9e81fdbf5e6a?pvs=4

  • postgresql
  • next.js
  • tailwindcss
  • supabase
karom61 댓글 1 좋아요 0 조회수 79

User Memory 파일 생성 폴더

미해결

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

~/.claude/CLAUDE.md 에서 생성이 안되고 하위 폴더에서 생성이되네요

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

노션 DB 설정 관련

미해결

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

노션을 처음 사용해봅니다. DB 연결에서 노션이 나오는데 영상과 실제 노션 앱과 화면이 다르게 나오고 화면대로 하려니 다른거 같습니다. 예) invoice-web 페이지를 생성하고 invoice DB 전체 item DB 이렇게 두개를 생성 하는데 연결에 가니 invoice-web이 화면과 달리 보이지 않습니다. 다른 LLM 툴에 물어보니 웹페이지를 만들어서 연결하는게 아니라 DB를 만들고 그 아래에 invoice DB와 item DB를 만들어야 한다는데 현재 이부분에서 더이상 진도가 나가지 못하고 있습니다.

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

[해결방법] 노션 db 조회 안될 시

해결됨

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

분명히 노션 세팅 잘 했고 연결까지 했는데 데이터베이스 조회 안 되는 분들은 참고해주세요. 강의 영상 촬영 날짜가 아마도 2025년 09월 이전으로 생각 됩니다. 그 이후에 노션 API 버전이 바뀌면서 데이터베이스 조회가 안 되는게 원인입니다. [ 노션 API 업그레이드 가이드 ] https://developers.notion.com/guides/get-started/upgrade-guide-2025-09-03 해결 방법은 2가지인데 API를 구버전을 쓰도록 프롬프트를 유도하거나, 신규 API 버전에 맞춰서 해야 하는데 신규 버전은 "데이터베이스 ID"가 아닌 "데이터베이스 소스 ID"를 필요로 합니다. [ 구버전 프롬프트 ] 노션 api를 "2022-06-28" 버전으로 사용하고 관련 코드 전부 수정해줘. [ 최신 버전 해결 방법 ] 데이터베이스를 열면 위 사진처럼 보일텐데 새로 만들기 왼쪽에 설정 누르면 밑에서 3번째에 데이터 소스 관리 있습니다. 소스 관리에서 위 사진처럼 데이터 소스 ID 복사하시고 그 값을 env에 넣으시면 됩니다.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
  • 지금-베스트
For Citizen 댓글 2 좋아요 1 조회수 565

Git 폴더 생성(Windows)

미해결

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

안녕하세요. Git 이름과 메일 입력해서 결과뜨는것까지 확인했고, Git 리포지토리 초기화까지 했는데, 터미널에서 ls를 들어가보면 .git이 없어요.

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

인기 태그

인프런 TOP Writers

주간 인기글