inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

자바스크립트 입문 강의

미해결

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

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

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

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

미해결

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

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

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

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

미해결

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 조회수 38

React 버전업 관련 문의

미해결

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

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

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

쿠폰 문의 드립니다.

미해결

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

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

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

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 조회수 50

섹션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 조회수 162

오타?

미해결

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

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

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

섹션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 조회수 92

Recoil 에러

해결됨

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

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

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

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 조회수 70

User Memory 파일 생성 폴더

미해결

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

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

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

노션 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 조회수 155

[해결방법] 노션 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 조회수 523

Git 폴더 생성(Windows)

미해결

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

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

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

파일 간략하게 정리하기?

미해결

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

38강의 4:40초 쯤에, clear 또는 compact, 아님 이미 생성된 파일들을 간략하고 명확하게 정리할 수 있다고 하셨는데, 이 영상에서 알려주신 clear나 compact는 파일을 간략하게 정리하는 명령어는 아니지 않나요? 그냥 클로드 코드와 대화한 내용을 간략하게 정리하는 거 아닌가요? 파일은 어떻게 간략하게 할 수 있다는건지 알려주세요!

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

[해결방법] 윈도우 WSL 환경에서 shrimp-task-manager 사용 시 참고사항

해결됨

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

WSL 환경에서 수강하시는 분들, tasks.json 파일에 내용이 기록이 안 되면 아래 문제로 보여집니다 https://github.com/cjo4m06/mcp-shrimp-task-manager/issues/61#issuecomment-3240079086 해결법은 딱히 없고 그냥 클로드한테 수동으로 내용 채워달라고 하는게 현재로서는 쓸만해보입니다.

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

클로드 편집기 폴더 변경 방법?

미해결

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

클로드 편집기에서 my-profile-site 를 띄우고 싶은데, 사진 보면 claude-code-mastery 로 되어있거든요? 이거 어떻게 바꿀수있나요?ㅠ 무조건 커맨트+O 로 해야할까요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
  • 지금-베스트
날고있는 거북이 댓글 2 좋아요 0 조회수 908

agent @ 제안 기능?

미해결

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

클로드 코드에서 @ 하면 현재 경로의 파일만 보이는데 강의에서는 agent 명도 제안을 해주네요? 기본 기능인가요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
  • 지금-베스트
cco 댓글 3 좋아요 0 조회수 104

안녕하세요 오늘 짜던 코드에서 질문이 있습니다

해결됨

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

어제부터 shrimp task manager를 활용해서 진행 중인데 갑자기 저렇게 중국어 문구가 나올 때가 있네요 신경 안써도 되는걸까요? 알려주신 깃허브 통해서 쉬림프 mcp를 받았습니다

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

인기 태그

인프런 TOP Writers

주간 인기글