그랩님 강의 잘 듣고 있습니다.다름이 아니라, 강의를 들으면서 Ngrok를 설치 후forwarding Url로 크롬브라우저에서 치고 들어가면,아래와 같은 에러가 떠서 어떻게 해결 해야 하는지 답변을 듣고 싶어 글을 작성하게 되었습니다.에러 화면은 아래와 같습니다 그리고 올려 달라고 하신 사진 역시 첨부합니다. 상황은 아래와 같습니다.[사진2] [마지막 사진] 어떻게하면 그랩님의 강의 결과 화면과 똑같이 나올 수 있을까요? 답변 부탁드립니다.

이건 4주안에 못풀거같아서요. github 에 찾아보니 사람들이 다양한 방법으로 풀긴하네요.

따라하면서 코드작성 하니까 진행이 더뎌서 부탁드려요

그랩님, 강의 잘 듣고 있습니다.Ngrok에러가 앞전에 이어 지금도 있어서처음부터 다시 시작해보려고윈도우 크롬 다운로드 파일에서 다운로드한 Ngrok파일을 삭제 후다시 https://ngrok.com/download/windows?tab=download 에 들어가서 다운로드 후 압축을 풀려고 하는데, 이것을 컴퓨터 알약 프로그램이 아래 첨부한 사진처럼 악성 코드로 분류해서 치료할 것인지프로그램이 물어봐서 제가 치료하기 누르는 순간 결국 삭제되어서 Ngrok 진행을 하지 못하고 있습니다.왜 예전에는 다운로드 할 시에는 악성코드 문제 이슈가 전혀 없었는데요, 지금은 아래와 같은 첨부 사진 처럼뜨기에 혹시나 보안에 취약해지면 컴퓨터가 잘못 될 수도 있을 것 같아서 이것을 제대로 알고 시도해 봐야 될 것 같아 질문을 다시 드리게 되었습니다.아래는 ngrok 가서 다운 받은 [다운로드 폴더] 스샷 입니다.아래는 ngrok 다운 받은 파일 실행 후 스샷 입니다.마지막 사진은 ngrok 다운로드 받고 압축 해재하려면 아래와 같이 뜨는 스샷입니다.질문 요약 : ngrok 다운 받으면 알약에서 악성코드로 인지해서 악성코드 치료하면 ngrok.exe가 지워집니다. 어떻게 해야하나요? 그냥 치료 안하고 설치해도 되는 건가요? 이렇게 그냥 치료 안하고 진행해도 해킹 문제나 보안 문제가 발생하지 않을까 걱정이 들어서 전문가이신 그랩님께 여쭈어 봅니다.빠른 답변 부탁 드립니다.

강의를 완강하고 복습하려고 다시 해봤는데요, 강의내에 있는 unspalsh 의 랜덤이미지가 없어진거 같아서요.비슷한 기능으로 다른거로 대체할수 있는게 있을까요...???

안녕하세요. 수강 중 궁금한점이 있어 글 남기게 되었습니다. vue 인스턴스의 data, computed, watch 속성으로 인하여 속성 값이 변경되면 vue의 Reactivity 시스템에 의해 화면이 업데이트 된다라고 이해했는데 맞을까요~? React의 useState, useReducer를 통해 상태를 관리하고 화면이 업데이트되는 것과 동일한지도 궁금합니다~

현재 71~87 페이지 공부 중인데...앞 부분은 어찌저찌 완성시켰지만 2장 들어오면서 부터 정확히 어느 위치에 어떻게 넣어야 할지 감도 안오네요..결국 AI 도움을 받아서 쓰긴 썼는데... (결과 화면은 출력됐습니다. 근데 책 코드와 조금씩 다르네요.) 코드 입력하는 부분이 너무 헷갈리는데 중간 과정에 대한 소스가 따로 있을까요?책에 나온 깃허브에는 완성본만 나와서 이게 맞는지 모르겠네요.현재 2장 진행하면서 2.3까지 책의 내용대로 진행해봤는데 너무 진행이 안되서 글 남깁니다.

91페이지 첫번째 코드에imprt tkinter.Font 해보면 찾질 못하더라고요.완성본 보니 import tkinter.font라고 적혀있고 그 뒤의 코드들은 없던데... 테스트 해보려면 어떻게 써봐야 하나요?

현재 71~87 페이지 공부 중인데...정확히 어느 위치에 어떻게 넣어야 할지 감도 안오네요.결국 AI 도움을 받아서 쓰긴 썼는데... (결과 화면은 봄.. 근데 책 코드와 조금씩 다르네요.) 코드 입력하는 부분이 너무 헷갈리는데 중간 과정에 대한 소스가 따로 있을까요?책에 나온 깃허브에는 완성본만 나와서 이게 맞는지 모르겠네요.현재 2장 진행하면서 2.3까지 책의 내용대로 진행해봤는데 너무 진행이 안되서 글 남깁니다.

안녕하세요. 강의 5:18에서 인스턴스로부터 프로토타입 프로퍼티에 직접 접근할 수 있는 방법을 설명해주시는데 애초에 왜 직접 접근할 수 있는 방법을 찾는건가요?

vue페이지는 인식하는데 탭이 도저히 나오질 않습니다

선생님 이 강의로 자스 입문하려고 하는데요바닐라 자바스크립트나 그냥 자바스크립트나 똑같은 건가요?다르다면 바닐라 자바스크립트는 배경지식이 필요한건가요..? 얘부터 해도 될까요

2.14) 비동기 작업 처리하기 3. Async&Awat 강의 예제 질문 async function getData() { return new Promise((resolve, reject) => { setTimeout(() => { resolve({ id: "Lu75", username: "Lu", }); }, 1500); }); } async function printData() { const data = await getData(); console.log(data, "...?"); return data; // 아마도 저 await 동작을 기다리기 전에 반환 처리가 먼저 되는 것일까? } console.log(printData()); // Promise 객체가 콘솔에 찍힙니다.질문 요약: printData()를 호출한 값을 console.log()로 출력할 때, 왜 Prmise 객체가 찍히는 걸까요? 예제 코드에서 printData() 함수에서 data 라는 변수에 getData() 함수의 실행 결과? Promise 객체에서 resolve 값이 담기는 거로 이해하고 있어서 data 변수를 return을 해서 console.log()로 출력을 해봤는데 제가 예상한 값이 나오지 않았습니다. 강의에서 나온 내용으로 제가 이해하기로는 await 키워드는 비동기의 작업을 기다려준다고 하여 data 변수에 당연히 getData()에서 Promise 객체가 resolve한 결과 값이 담기고 그 후에 return을 하는 줄 알았거든요! printData()를 호출한 값이 data의 값이 아닌 Promise 객체가 출력되어 이해가 되지 않아 질문을 합니다.getData() 함수에서 Promise의 executor 함수 부분에서 setTimeout()을 사용하여 1500ms를 기다리기 전에 printData()가 실행이 종료되어 그런걸까요..? 실행 순서가 잘 이해가 되지 않아 질문 남깁니다...!

퀴즈에 1., 2. 이런 문자들이 있어서 보기가 조금 불편합니당 ..! 그래도 이해는 가능합니다 ..ㅎㅎ

안녕하세요. vue.js를 사용하다 리액트를 배우고 있습니다.현재 회사에서 진행중인 프로젝트에서 일부는 뷰, 일부는 뷰+nuxt.js를 사용합니다. 뷰만 사용하는 페이지는 SSR이고, nuxt.js는 CSR라고 합니다.(상사의 설명) 질문 // 리액트는 무조건 CSR로 되는건가요? next.js를 사용하면 크게 어떤점이 다른가요?(이 프로젝트 후 한입next 수강예정입니다..간단하게 먼저 질문드립니다.) 프로젝트와 뷰js를 완벽하게 이해하지 못해서 질문이 명확하지 못해 죄송합니다.

컨테이너(Container) 강의 중 6분 59초에 나오는 <script> 시멘틱 태그 안에 작성된 tailwind.config 는 최신 버전에서 작동하지 않는데 어떻게 하면 사용할 수 있나요?

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 설정에서 계속 뭔가 안되네요ㅠ

마지막 섹션에 있는 강의 자료에는 코드만 있는데일기 만들기 노션링크는 어디서 확인할 수 있나요?

아래의 코드를 기준으로 했을때, 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()함수 예제를 설명하실 때 setTimeout()은 this 를 별도로 처리하고 있지 않아서 전역객체로 나온다는 설명이 있는데 이 말이 setTimeout()에서 콜백함수를 별다른 처리없이 함수로써 호출하고만 있다는 뜻인가요?