묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
리액트는 전부 CSR인가요?
안녕하세요. vue.js를 사용하다 리액트를 배우고 있습니다.현재 회사에서 진행중인 프로젝트에서 일부는 뷰, 일부는 뷰+nuxt.js를 사용합니다. 뷰만 사용하는 페이지는 SSR이고, nuxt.js는 CSR라고 합니다.(상사의 설명) 질문 // 리액트는 무조건 CSR로 되는건가요? next.js를 사용하면 크게 어떤점이 다른가요?(이 프로젝트 후 한입next 수강예정입니다..간단하게 먼저 질문드립니다.) 프로젝트와 뷰js를 완벽하게 이해하지 못해서 질문이 명확하지 못해 죄송합니다.
-
미해결TailwindCSS 완벽 마스터: 포트폴리오부터 어드민까지!
tailwindcss v4.1 에서의 script 사용에 대해 궁금한 점이 있습니다.
컨테이너(Container) 강의 중 6분 59초에 나오는 <script> 시멘틱 태그 안에 작성된 tailwind.config 는 최신 버전에서 작동하지 않는데 어떻게 하면 사용할 수 있나요?
-
미해결타입스크립트 입문 - 기초부터 실전까지
vscode eslint server 오류
ESLint server is starting. 2025-10-31 16:07:45.117 [info] ESLint server running in node v22.19.0 2025-10-31 16:07:45.120 [info] ESLint server is running. 2025-10-31 16:07:46.021 [info] ESLint library loaded from: /Users/ijinseob/learn-typescript/node_modules/eslint/lib/api.js 2025-10-31 16:07:46.026 [error] An unexpected error occurred: 2025-10-31 16:07:46.026 [error] Error: Could not find config file. at assertConfigurationExists (/Users/ijinseob/learn-typescript/node_modules/eslint/lib/config/config-loader.js:80:17) at LegacyConfigLoader.loadConfigArrayForFile (/Users/ijinseob/learn-typescript/node_modules/eslint/lib/config/config-loader.js:414:3) at async ESLint.lintText (/Users/ijinseob/learn-typescript/node_modules/eslint/lib/eslint/eslint.js:1123:4) at async /Users/ijinseob/.vscode/extensions/dbaeumer.vscode-eslint-3.0.16/server/out/eslintServer.js:1:189380 at async O (/Users/ijinseob/.vscode/extensions/dbaeumer.vscode-eslint-3.0.16/server/out/eslintServer.js:1:182146) at async /Users/ijinseob/.vscode/extensions/dbaeumer.vscode-eslint-3.0.16/server/out/eslintServer.js:1:29208 at async /Users/ijinseob/.vscode/extensions/dbaeumer.vscode-eslint-3.0.16/server/out/eslintServer.js:1:11102 2025-10-31 16:07:55.052 [error] An unexpected error occurred: 2025-10-31 16:07:55.053 [error] Error: Could not find config file. at assertConfigurationExists (/Users/ijinseob/learn-typescript/node_modules/eslint/lib/config/config-loader.js:80:17) at LegacyConfigLoader.loadConfigArrayForFile (/Users/ijinseob/learn-typescript/node_modules/eslint/lib/config/config-loader.js:414:3) at async ESLint.lintText (/Users/ijinseob/learn-typescript/node_modules/eslint/lib/eslint/eslint.js:1123:4) at async /Users/ijinseob/.vscode/extensions/dbaeumer.vscode-eslint-3.0.16/server/out/eslintServer.js:1:189380 at async O (/Users/ijinseob/.vscode/extensions/dbaeumer.vscode-eslint-3.0.16/server/out/eslintServer.js:1:182146) at async /Users/ijinseob/.vscode/extensions/dbaeumer.vscode-eslint-3.0.16/server/out/eslintServer.js:1:29208 at async /Users/ijinseob/.vscode/extensions/dbaeumer.vscode-eslint-3.0.16/server/out/eslintServer.js:1:11102extension 설치는 했는데 config 설정에서 계속 뭔가 안되네요ㅠ
-
해결됨[CSS&JS Master] - 트렌디한 감정기록 일기장 만들기
일기 만들기 노션 링크가 어디있나요?
마지막 섹션에 있는 강의 자료에는 코드만 있는데일기 만들기 노션링크는 어디서 확인할 수 있나요?
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
함수나 변수 작성(선언?) 위치 선택 기준
아래의 코드를 기준으로 했을때, getMonthlyData함수는 Home 컴포넌트의 바깥에서 작성해주고 있고, 그외에 onIncreaseMonth같은 것은 Home 내부에 작성해주고 있는데, 매번 이런 작성 위치가 헷갈리더라고요. 작성 위치를 정하는 명확한 기준이 따로 있을까요??import { useState, useContext } from "react"; import { DiaryStateContext } from "../App"; import Header from "../components/Header"; import Button from "../components/Button"; import DiaryList from "../components/DiaryList"; const getMonthlyData = (pivotDate, data) => { const beginTime = new Date( pivotDate.getFullYear(), pivotDate.getMonth(), 1, 0, 0, 0 ).getTime(); const endTime = new Date( pivotDate.getFullYear(), pivotDate.getMonth() + 1, 0, 23, 59, 59 ).getTime(); return data.filter( (item) => beginTime <= item.createdDate && item.createdDate <= endTime ); }; const Home = () => { const data = useContext(DiaryStateContext); const [pivotDate, setPivotDate] = useState(new Date()); const monthlyData = getMonthlyData(pivotDate, data); const onIncreaseMonth = () => { setPivotDate(new Date(pivotDate.getFullYear(), pivotDate.getMonth() + 1)); }; const onDecreaseMonth = () => { setPivotDate(new Date(pivotDate.getFullYear(), pivotDate.getMonth() - 1)); }; return ( <div> <Header title={`${pivotDate.getFullYear()}년 ${pivotDate.getMonth() + 1}월`} leftChild={<Button onClick={onDecreaseMonth} text={"<"} />} rightChild={<Button onClick={onIncreaseMonth} text={">"} />} /> <DiaryList /> </div> ); }; export default Home;
-
미해결코어 자바스크립트
setTimeout 에서 this
영상에서 setTimeout()함수 예제를 설명하실 때 setTimeout()은 this 를 별도로 처리하고 있지 않아서 전역객체로 나온다는 설명이 있는데 이 말이 setTimeout()에서 콜백함수를 별다른 처리없이 함수로써 호출하고만 있다는 뜻인가요?
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
one과 two의 값지정
🚨 필독) 질문하시기 전에 꼭 읽어주세요 (10초 소요)제목을 구체적으로 작성해 주세요✅ 좋은 예 : 감정일기장 Home 구현중 xx 이슈가 발생합니다.⛔️ 나쁜 예 : 이거 왜 안되나요?, 오류나요 도와주세요 등비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요! 코드의 이슈는 전체 프로젝트를 "링크 형태"로 올려주셔야 원인을 파악할 수 있습니다.깃허브, 구글드라이브 등의 수단을 통해 링크 형태로 전달해주세요직접 실행해보며 원인을 파악해야 하기 때문에 텍스트 형태로 붙여넣는건 삼가해주세요 🥲 답변이 도움이 되셨다면 답글 or 해결완료 버튼을 클릭해주세요비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요!제 답변이 여러분께 도움이 되었는지 저도 알고 싶어요 🥲 강의 내용에 궁금한 점이 있다면 몇 챕터의 몇 분 몇 초인지 알려주시면 더 좋아요더 빠른 답변이 가능합니다!2.4 강의 중rest매개변수 부분에서 // 2. Rest 매개변수 // -> Rest는 나머지, 나머지 매개변수 function funcB(one,two,...rest) { console.log(rest); } funcB(...arr1); 여기서 혹시 one과 two에 값을 지정할 수 있는 방법도 있을까요?? one = 10, two =20 해서 console.log()로 찍어봤을 때 10, 20 ,...이 되게 하는 방법이 있는 지 궁금합니다.
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
강의에 대해 질문 드립니다.
제가 vue.js 끝장내기 - 실무에 필요한 모든 것과vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념 두 강의를 오래 전에 구매했습니다.개인 사정으로 이전에는 학습을 못하다가당장 두 세달 내 프로젝트에 투입이 되어야 하는 상황에 직면하여지금 필요에 의해 학습을 시작 하려고 합니다.헌데 구매한 시점이 오래되다보니이 강의들이 vue3를 사용해야 하는 지금 환경에서 당장 투입이 될 수 있는 도움이 되는지 아니면 버전의 차이로 많은 부분이 달라 새로 업데이트된 강의를 구입하는게 더 적절한지 알고 싶습니다.
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
fontawesome 사용 문의
사용하려면 kit를 생성해야하는 것 같은데 무조건 구독을 해야하는건가요?
-
해결됨React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드
관리자 자동 로그아웃 문의드립니다.
관리자 계정이 시간이 지나면 자동으로 로그아웃이 안되어서 매번 isLoggedIn false로 바꿔주고 있는데강의에서 24시간 설정했는데24시간 이후 자동로그인이 안되는 것 같아서 문의드립니다.감사합니다.
-
미해결AI와 함께 배우는 Next.js
8강 수업자료 url 없음
안녕하세요 !수업자료 url이 연결되어있지 않은 것 같습니다 ~추천 플러그인 궁금하네요 ..!! 👀👀
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
Ngrok 설치 후 forwarding Url로 연결 불가
그랩님 강의 잘 듣고 있습니다.다름이 아니라, 강의를 들으면서 Ngrok를 설치 후forwarding Url로 크롬브라우저에서 치고 들어가면,아래와 같은 에러가 떠서 어떻게 해결 해야 하는지 답변을 듣고 싶어 글을 작성하게 되었습니다.에러 화면은 아래와 같습니다. 추가적으로 위 사진하나로 해결 방법이 파악이 불가능하다면,추가로 다른 어떤 것을 첨부해야 에러를 해결 할 수 있는 점이라면, 저에게 어떤 스샷이 필요한지 말씀해주시면, 다시 스샷 올려서 질문을 이어나가겠습니다.답변 꼭 주시면 감사하겠습니다.
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
Home 구현 중 getMonthlyData에서 질문이 있습니다.
구현해야할 Home 페이지는 title의 월과 년도가 같은 일기들을 보여주면 된다고 생각해서 beginTime과 endTime의 구현 없이, 단순히 월과 년도가 같으면 해당 아이템을 가져오는 방식으로 작성했습니다.이렇게 했을 때 비교적 코드가 간단해 보인다고 생각했고 Home 구현만 한 현재까지는 문제없이 작동되는데,혹시 다른 문제를 일으킬 여지가 있는걸까요? 답변 미리 감사드립니다. const getMonthlyData = (data, pivotDate) => { return data.filter( (item) => item.createDate.getMonth() === pivotDate.getMonth() && item.createDate.getFullYear() === pivotDate.getFullYear() ); };
-
미해결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을 루트로 만들어줬는지 궁금합니다.
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
55강 Counter App 데모사이트 링크가 잘못된 것 같습니다.
안녕하세요, 정환님 :)55강 6.2) UI 구현하기에서 데모 사이트 링크가https://counter-six-pi.vercel.app/(데모 사이트)대신 https://hyobb.com/?utm_source=notbook(김효빈님 resume)으로 연결되는 것 같습니다.확인 부탁드립니다! + : 강의 너무 잘 듣고 있습니다.리액트 네이티브 프로젝트 전에 리액트 공부를 위해 구매했는데,깔끔한 발성과 쉬운 설명 덕분에 리액트 공부가 훨씬 쉬워지는 느낌입니다.강의 내용 잘 소화해서 프로젝트 잘 진행해보겠습니다! 감사합니다.
-
미해결Amazing JavaScript - 입문
수업교안 url 오타
'화살표 함수 기본' 편 수업 교안에 url 오타가 있는 것 같습니다.http://vue.js/ 로 되어 있습니다.
-
해결됨AI시대의 웹개발 : 비동기 프로그래밍과 데이터 통신 최적화(프롱트 특강)
9강하고 11강 동영상이 똑같은데요?
화면 안나오는 부분도 똑같고 강의 내용도 똑같고 인프런은 검수를 안하고 강의를 올리나요?
-
해결됨AI시대의 웹개발 : 비동기 프로그래밍과 데이터 통신 최적화(프롱트 특강)
동영상오류인거 같아요
9강 11분부터 15분까지 검은색 화면인데 뭐죠?
-
미해결[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core
PickType 사용 시 `as const`를 꼭 사용해야 하나요?
https://docs.nestjs.com/openapi/mapped-types#pick 문서에서 as const를 쓰던데 안 써도 괜찮은가요?