173만명의 커뮤니티!! 함께 토론해봐요.
미해결
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
supabase를 사용하는 기업들이 많이 있나요? 보통은 스프링부트 또는 노드, 네스트를 사용할거같은데 supabase를 사용하는 사례들이 많은지, 중소및 스타트업위주로 사용하는지 궁금합니다.
미해결
[TEST] MD파트 스탠드업 챌린지
린다린다
미해결
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
안녕하세요...강의 잘 듣고 있습니다. 강의 에서 사용하는 shadcn 으로 메뉴를 구성하고 있는데... 위에 top메뉴를 두고 top메뉴 밑에 sidebar를 두고 있는데.... sidebar는 무조건 맨위에 존재해야 하느건지 도저히 top메뉴(shadcn의 navigation menu) 밑으로는 들어가지를 않네요..T.T 혹시 sidebar는 무조건 left top인가요?
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
구현해야할 Home 페이지는 title의 월과 년도가 같은 일기들을 보여주면 된다고 생각해서 beginTime과 endTime의 구현 없이, 단순히 월과 년도가 같으면 해당 아이템을 가져오는 방식으로 작성했습니다. 이렇게 했을 때 비교적 코드가 간단해 보인다고 생각했고 Home 구현만 한 현재까지는 문제없이 작동되는데,혹시 다른 문제를 일으킬 여지가 있는걸까요? 답변 미리 감사드립니다. const getMonthlyData = (data, pivotDate) => { return data.filter( (item) => item.createDate.getMonth() === pivotDate.getMonth() && item.createDate.getFullYear() === pivotDate.getFullYear() ); };
미해결
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
zustand 강의에서 devtools 미들웨어를 사용하여 브라우저 도구 Redux 툴에서 Action 과 State 를 살펴보는데 강의 영상에서는 Action의 이름이 setSession 으로 나오는 데... 제 Redux 툴에서는 액션 명이 anonymous로 표시됩니다. 어떻게 액션명이 표시되는 지 궁금합니다. set 함수에서 액션명 표시하려면 이름을 주어 표시했는데 . 뭔가 다른가요 ? //... set({session, isLoaded: true}, undefined, 'setSession'); //...
해결됨
[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
고농축 백엔드 코스의 첫 부분과 완벽한 프론트엔드 첫 부분이 겹치는 부분이 많은거 같은데, 둘 중 하나만 들어두될까요? 아니면 다른 부분이 있으니 들어야하나요?
미해결
한 입 크기로 잘라먹는 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 타입으로 뜹니다. 제가 중간에 설정하는 부분이나 놓친부분이 있는걸까요 ㅠㅠ?
해결됨
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
2025.10.27. 16:44분 기준 example 서버의 플레이그라운드 접속과 API 접근 모두 안됩니다. 확인 부탁드립니다.
미해결
React Native with Expo: 제로초에게 제대로 배우기
.
미해결
한 입 크기로 잘라먹는 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, }, }, ]);
미해결
TailwindCSS 완벽 마스터: 포트폴리오부터 어드민까지!
tailwindcss 공식 페이지는 v4.1로 되어 있는데 강의하신 버전은 v3.4.13 으로 되어 있네요 v 4.1버전과 설정 옵션들이 조금 달라서 문의 드립니다. v 4.1 버전을 사용하고자 한다면 어떻게 설정을 해야 하는걸까요?
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
혹시 main.jsx파일에서의 ReatDom.creatRoot( document.getElementById("root") ).render(<App/>);에서 id값을 따로 root로 설정해주지 않아도 render함수안에 있는 인자 값으로 root가 설정되는 걸까요? 어떻게 root로 설정하고 app을 루트로 만들어줬는지 궁금합니다.
해결됨
웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크
강의자료는 어디에 있나요? [02-05] 헤더 옵션 심화 하는데 이미지 첨부하는 자료 또는 강의에서 진행하는 소스코드를 어디서 받을 수 있는지 알려주세요.
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
안녕하세요, 정환님 :) 55강 6.2) UI 구현하기에서 데모 사이트 링크가 https://counter-six-pi.vercel.app/ (데모 사이트) 대신 https://hyobb.com/?utm_source=notbook (김효빈님 resume) 으로 연결되는 것 같습니다. 확인 부탁드립니다! + : 강의 너무 잘 듣고 있습니다. 리액트 네이티브 프로젝트 전에 리액트 공부를 위해 구매했는데, 깔끔한 발성과 쉬운 설명 덕분에 리액트 공부가 훨씬 쉬워지는 느낌입니다. 강의 내용 잘 소화해서 프로젝트 잘 진행해보겠습니다! 감사합니다.
미해결
Amazing JavaScript - 입문
'화살표 함수 기본' 편 수업 교안에 url 오타가 있는 것 같습니다. http://vue.js/ 로 되어 있습니다.
해결됨
AI시대의 웹개발 : 비동기 프로그래밍과 데이터 통신 최적화(프롱트 특강)
화면 안나오는 부분도 똑같고 강의 내용도 똑같고 인프런은 검수를 안하고 강의를 올리나요?
해결됨
AI시대의 웹개발 : 비동기 프로그래밍과 데이터 통신 최적화(프롱트 특강)
9강 11분부터 15분까지 검은색 화면인데 뭐죠?
미해결
인프런 클론코딩 Part 2: 수강부터 배포까지, 진짜 인프런 완성하기
✅ 모든 질문들은 슬랙 채널에서 답변드리고 있습니다. 💡 ”로펀의 인프런 상담소” 슬랙 채널 가입하기 💡 평일중에는 퇴근 이후(저녁 7시)에 답변을 받아보실 수 있고, 주말중에는 상시 답변드리고 있습니다. 파트 1 수강 완료 하고 파트2 듣기 시작하였습니다. 파트2 노션 링크를 찾을수 없어서요
미해결
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
질문은 아니고 오타가 있어서 제보 합니다. 이해하기 인데 아해하기로 되어 있네요 (6.1) 인증과 인가 아해하기
미해결
[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core
https://docs.nestjs.com/openapi/mapped-types#pick 문서에서 as const 를 쓰던데 안 써도 괜찮은가요?
