inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

고농축 백엔드와 완벽한 프론트 강의 차이?

해결됨

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

고농축 백엔드 코스의 첫 부분과 완벽한 프론트엔드 첫 부분이 겹치는 부분이 많은거 같은데, 둘 중 하나만 들어두될까요? 아니면 다른 부분이 있으니 들어야하나요?

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

21강. 강의와 다른부분에서 todo 타입 에러가 납니다.

미해결

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

import type { Todo } from "@/types"; import { create } from "zustand"; import { combine } from "zustand/middleware"; import { immer } from "zustand/middleware/immer"; const initialState: { todos: Todo[]; } = { todos: [], }; const useTodosStore = create( immer( combine(initialState, (set) => ({ actions: { createTodo: (content: string) => { set((state) => { state.todos.push({ id: new Date().getTime(), content }); }); }, deleteTodo: (targetId: number) => { set((state) => { state.todos = state.todos.filter((todo) => todo.id !== targetId); }); }, }, })), ), ); export interface Todo { id: number; content: string; } 오히려 강의에서 7분에 'never'에러나던 state.todos.push({ id: new Date().getTime(), content}); 이 코드 작성 시에는 에러가 나지않고, state.todos.filter((todo) => todo.id !== targetId); 여기서 todo 부분에서 에러가 납니다. 'todo' 매개 변수에는 암시적으로 'any' 형식이 포함됩니다. state.todos에 마우스오버해서 확인해보니 any 타입으로 뜹니다. 제가 중간에 설정하는 부분이나 놓친부분이 있는걸까요 ㅠㅠ?

  • react
  • typescript
  • react-query
  • supabase
  • zustand
정중한 사슴 댓글 3 좋아요 0 조회수 115

example 서버 플레이그라운드, API 접속 모두 안됩니다.

해결됨

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

2025.10.27. 16:44분 기준 example 서버의 플레이그라운드 접속과 API 접근 모두 안됩니다. 확인 부탁드립니다.

  • react
  • node.js
  • seo
  • graphql
  • next.js
이준희 댓글 2 좋아요 0 조회수 131

.

미해결

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

.

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
이영훈 댓글 2 좋아요 0 조회수 148

TailWind css 린트

미해결

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

bg-muted, muted-foreground를 린트가 인식하지 못하는 것 같아요. Tailwind CSS IntelliSense 설치했구요, 추가로 PostCSS Language Support 확장 프로그램까지 설치한 상태입니다. 현재 제 eslint.config.js파일입니다. import js from '@eslint/js'; import globals from 'globals'; import reactHooks from 'eslint-plugin-react-hooks'; import reactRefresh from 'eslint-plugin-react-refresh'; import tseslint from 'typescript-eslint'; import { defineConfig, globalIgnores } from 'eslint/config'; import tailwind from 'eslint-plugin-tailwindcss'; export default defineConfig([ globalIgnores(['dist']), js.configs.recommended, // ESLint 기본 권장 ...tailwind.configs['flat/recommended'], // Tailwind 플러그인 권장(배열) ...tseslint.configs.recommended, // TypeScript 권장(배열) { files: ['**/*.{ts,tsx}'], extends: [ reactHooks.configs['recommended-latest'], // React Hooks 권장 reactRefresh.configs.vite, // Vite 환경에서 React Refresh ], rules: { 'tailwindcss/classnames-order': 'off', // 정렬은 Prettier가 담당하므로 충돌 방지 "@typescript-eslint/no-unused-vars": 'warn', // 사용되지 않은 변수가 있다면 경고 "@typescript-eslint/no-explicit-any": 'warn' // 명시적으로 any를 사용하면 경고 }, languageOptions: { globals: globals.browser, }, }, ]);

  • react
  • tailwindcss
likelion13 댓글 3 좋아요 1 조회수 251

확장 프로그램 설치 및 최적화 버전 문의

미해결

TailwindCSS 완벽 마스터: 포트폴리오부터 어드민까지!

tailwindcss 공식 페이지는 v4.1로 되어 있는데 강의하신 버전은 v3.4.13 으로 되어 있네요 v 4.1버전과 설정 옵션들이 조금 달라서 문의 드립니다. v 4.1 버전을 사용하고자 한다면 어떻게 설정을 해야 하는걸까요?

  • HTML/CSS
  • javascript
  • 반응형-웹
  • tailwindcss
JiA 댓글 2 좋아요 1 조회수 134

렌더링

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

혹시 main.jsx파일에서의 ReatDom.creatRoot( document.getElementById("root") ).render(<App/>);에서 id값을 따로 root로 설정해주지 않아도 render함수안에 있는 인자 값으로 root가 설정되는 걸까요? 어떻게 root로 설정하고 app을 루트로 만들어줬는지 궁금합니다.

  • javascript
  • react
  • node.js
  • 카카오공채-개발
das mi 댓글 2 좋아요 0 조회수 67

강의자료는 어디에 있나요?

해결됨

웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크

강의자료는 어디에 있나요? [02-05] 헤더 옵션 심화 하는데 이미지 첨부하는 자료 또는 강의에서 진행하는 소스코드를 어디서 받을 수 있는지 알려주세요.

  • react
  • react-native
  • next.js
  • expo
하태영 댓글 2 좋아요 0 조회수 93

55강 Counter App 데모사이트 링크가 잘못된 것 같습니다.

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

안녕하세요, 정환님 :) 55강 6.2) UI 구현하기에서 데모 사이트 링크가 https://counter-six-pi.vercel.app/ (데모 사이트) 대신 https://hyobb.com/?utm_source=notbook (김효빈님 resume) 으로 연결되는 것 같습니다. 확인 부탁드립니다! + : 강의 너무 잘 듣고 있습니다. 리액트 네이티브 프로젝트 전에 리액트 공부를 위해 구매했는데, 깔끔한 발성과 쉬운 설명 덕분에 리액트 공부가 훨씬 쉬워지는 느낌입니다. 강의 내용 잘 소화해서 프로젝트 잘 진행해보겠습니다! 감사합니다.

  • javascript
  • react
  • node.js
  • 카카오공채-개발
변지섭 댓글 2 좋아요 0 조회수 44

수업교안 url 오타

미해결

Amazing JavaScript - 입문

'화살표 함수 기본' 편 수업 교안에 url 오타가 있는 것 같습니다. http://vue.js/ 로 되어 있습니다.

  • javascript
  • es6
Seoin 댓글 1 좋아요 0 조회수 73

9강하고 11강 동영상이 똑같은데요?

해결됨

AI시대의 웹개발 : 비동기 프로그래밍과 데이터 통신 최적화(프롱트 특강)

화면 안나오는 부분도 똑같고 강의 내용도 똑같고 인프런은 검수를 안하고 강의를 올리나요?

  • javascript
  • promise
  • frontend
  • fetch-api
whh12345 댓글 2 좋아요 0 조회수 185

동영상오류인거 같아요

해결됨

AI시대의 웹개발 : 비동기 프로그래밍과 데이터 통신 최적화(프롱트 특강)

9강 11분부터 15분까지 검은색 화면인데 뭐죠?

  • javascript
  • promise
  • frontend
  • fetch-api
whh12345 댓글 1 좋아요 0 조회수 105

노션 링크 문의

미해결

인프런 클론코딩 Part 2: 수강부터 배포까지, 진짜 인프런 완성하기

✅ 모든 질문들은 슬랙 채널에서 답변드리고 있습니다. 💡 ”로펀의 인프런 상담소” 슬랙 채널 가입하기 💡 평일중에는 퇴근 이후(저녁 7시)에 답변을 받아보실 수 있고, 주말중에는 상시 답변드리고 있습니다. 파트 1 수강 완료 하고 파트2 듣기 시작하였습니다. 파트2 노션 링크를 찾을수 없어서요

  • aws
  • docker
  • next.js
  • nestjs
  • prisma
황태연 댓글 1 좋아요 0 조회수 99

(6.1) 인증과 인가 아해하기

미해결

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

질문은 아니고 오타가 있어서 제보 합니다. 이해하기 인데 아해하기로 되어 있네요 (6.1) 인증과 인가 아해하기

  • react
  • typescript
  • react-query
  • supabase
  • zustand
이주영 댓글 1 좋아요 1 조회수 123

PickType 사용 시 `as const`를 꼭 사용해야 하나요?

미해결

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

https://docs.nestjs.com/openapi/mapped-types#pick 문서에서 as const 를 쓰던데 안 써도 괜찮은가요?

  • javascript
  • typescript
  • rest-api
  • nestjs
  • backend
목화 댓글 2 좋아요 0 조회수 139

next.js가 아닌 react.js로 강의를 한이유가 궁금합니다.

미해결

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

next.js가 더 좋은거같은데 react.js로 하는이유가 있을까요? next.js요즘 안쓰는사람많던데 이유가 궁금합니다.

  • react
  • typescript
  • react-query
  • supabase
  • zustand
duddnd 댓글 3 좋아요 2 조회수 229

api 오류

미해결

AI와 함께 배우는 Next.js

https://app-router-api-five.vercel.app/ api 네트워크 오류가 나서 계속 500 오류가 납니다ㅠ

  • javascript
  • react
  • next.js
  • cursor
  • 인공지능(ai)
이진섭 댓글 2 좋아요 1 조회수 147

1주차 과제제출 디스코드 링크

해결됨

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

1주차 과제 제출을 위해 디스코드 링크로 들어가려는데 해당 채팅이 없다고 나옵니다. 혹시 어떻게 접근하여 제출하면 될까요?

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
hllymlly 댓글 2 좋아요 1 조회수 92

오류가 아닌 warning 메세지가 계속 뜹니다.

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

🚨 필독) 질문하시기 전에 꼭 읽어주세요 (10초 소요) 제목을 구체적으로 작성해 주세요 ✅ 좋은 예 : 감정일기장 Home 구현중 xx 이슈가 발생합니다. ⛔ ️ 나쁜 예 : 이거 왜 안되나요?, 오류나요 도와주세요 등 비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요! 코드의 이슈는 전체 프로젝트를 "링크 형태"로 올려주셔야 원인을 파악할 수 있습니다. 깃허브, 구글드라이브 등의 수단을 통해 링크 형태로 전달해주세요 직접 실행해보며 원인을 파악해야 하기 때문에 텍스트 형태로 붙여넣는건 삼가해주세요 🥲 답변이 도움이 되셨다면 답글 or 해결완료 버튼을 클릭해주세요 비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요! 제 답변이 여러분께 도움이 되었는지 저도 알고 싶어요 🥲 강의 내용에 궁금한 점이 있다면 몇 챕터의 몇 분 몇 초인지 알려주시면 더 좋아요 더 빠른 답변이 가능합니다 실행하는데 문제가 되지는 않는데 혹시 해결할 수 있는 방법이 있을까요??

  • javascript
  • react
  • node.js
  • 카카오공채-개발
고민지 댓글 2 좋아요 0 조회수 78

컴포넌트 네이밍 컨벤션 관련 질문 드립니다.

미해결

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

안녕하세요! 강의 잘 보고 있습니다. 정환님이 제작하신 강의는 모두 수강하고 있는데요, 리액트나 넥스트 강의에서 보면 컴포넌트 파일명도 케밥 케이스로 작성하시던데, 일반적으로 컴포넌트는 파스칼 케이스로 작성하는 경우가 많아서 혹시 특별한 이유가 있는지 궁금합니다!

  • react
  • typescript
  • react-query
  • supabase
  • zustand
popo 댓글 2 좋아요 0 조회수 123

인기 태그

인프런 TOP Writers

주간 인기글