yarn start:dev 실행 하고 나면 아래와 같이 나오면서 에러가 뜨고 있어요 ERROR [TypeOrmModule] Unable to connect to the database. Retrying (1)...아래 코드도 정상적으로 기입 했는데, 계속 접속 오류로 연결이 되지가 않습니다.import { ApolloDriver, ApolloDriverConfig } from '@nestjs/apollo' import { Module } from '@nestjs/common' import { GraphQLModule } from '@nestjs/graphql' import { TypeOrmModule } from '@nestjs/typeorm' import { BoardsModule } from './apis/boards/boards.module' import { Board } from './apis/boards/entities/board.entity' @Module({ imports: [ BoardsModule, GraphQLModule.forRoot<ApolloDriverConfig>({ driver: ApolloDriver, autoSchemaFile: 'src/commons/graphql/schema.gql', }), TypeOrmModule.forRoot({ type: 'mysql', host: 'localhost', port: 3306, username: 'root', password: 'test1234', database: 'myproject03', entities: [Board], synchronize: true, logging: true, }), ], // controllers: [AppController], // providers: [AppService], }) export class AppModule {}  현재 brew 확인시 Mysql 서버도 정상적으로 켜져 있는것을 확인 할 수 있어요 디비버에서도myproject03 이라고 정확하게 만들었습니다.선생님의 강의하고 다른부분을 못 찾았는데,데이터 베이스가 연결이 안될 때는 어느부분을 더 점검 해 봐야 할지요?     

http://localhost:3000/graphql 실행 후 query > getHello 시 오류가 있습니다.코드는 오타 없이 동일 한데, 저는 실행시 http://localhost:3000/graphql 여기서 아래와 같은 오류가 뜨는데 어떤 상황인지 파악이 잘 되지가 않습니다.{ "errors": [ { "message": "Cannot return null for non-nullable field Query.getHello.", "locations": [ { "line": 2, "column": 3 } ], "path": [ "getHello" ], "extensions": { "code": "INTERNAL_SERVER_ERROR", "exception": { "stacktrace": [ "Error: Cannot return null for non-nullable field Query.getHello.", " at completeValue (/Users/back/study/20230119_nestjs/class/13-01-nestjs-with-graphql/node_modules/graphql/execution/execute.js:594:13)", " at /Users/back/study/20230119_nestjs/class/13-01-nestjs-with-graphql/node_modules/graphql/execution/execute.js:486:9", " at processTicksAndRejections (node:internal/process/task_queues:95:5)", " at async Promise.all (index 0)", " at execute (/Users/back/study/20230119_nestjs/class/13-01-nestjs-with-graphql/node_modules/apollo-server-core/src/requestPipeline.ts:501:14)", " at processGraphQLRequest (/Users/back/study/20230119_nestjs/class/13-01-nestjs-with-graphql/node_modules/apollo-server-core/src/requestPipeline.ts:407:22)", " at processHTTPRequest (/Users/back/study/20230119_nestjs/class/13-01-nestjs-with-graphql/node_modules/apollo-server-core/src/runHttpQuery.ts:436:24)" ] } } } ], "data": null } app.module.ts 에도 정상적으로 연결 해 두었습니다.import { Module } from '@nestjs/common' // import { AppController } from './app.controller'; // import { AppService } from './app.service'; import { BoardsModule } from './apis/boards/boards.module' import { GraphQLModule } from '@nestjs/graphql' import { ApolloDriver, ApolloDriverConfig } from '@nestjs/apollo' @Module({ imports: [ BoardsModule, GraphQLModule.forRoot<ApolloDriverConfig>({ driver: ApolloDriver, autoSchemaFile: 'src/commons/graphql/schema.gql', }), ], // controllers: [AppController], // providers: [AppService], }) export class AppModule {}

섹션 6. 키보드 event 체크에서 질문이 있습니다.DOM은 브라우저가 HTML 문서를 파싱하는 과정에서 생겨나는 객체라고 배웠고,window는 가장 높은 최상위 공간에 존재하고 있는 전역객체라고 배웠습니다.그런데, event속성을 사용할 때, 꼭 굳이 window를 사용해야 하는지 여쭤봅니다.어떻게보면 event속성도 크게보면 HTML 문서 내 한 요소이자 영역인 것 같아서요. 혹시 window 객체에서 사용가능한 속성과 document 객체에서 사용가능한 속성이따로 분리되어 각자 사용하기로 약속한게 있는건가요? 이점이 궁금합니다.감사합니다.

콘솔 결과와 error가 같이 출력됩니다!

 .bottom 클래스 스타일에background: url(../image/bottom.png) center bottom/100% no-repeat;로 되어있는데 center bottom/100% 부분은 background-position 속성값일까요?bottom/100% 부분이 이해가 안되서 질문 남깁니다.

궁금한게 있는데요 !clearInterval 하면 intervalId 가 초기화는 안되는 건가요?? 카운트 다운 시작 버튼을 누르고 intervalId 가 1번부터 시작할 때 1씩 증가하고 타이머 초기화 버튼 누르고 다시 시작 누르면 1로 초기화 되지 않고 누적 되는거 같아서요.브라우저를 새로고침 했을 때 1로 초기화 되는데브라우저에 캐싱되는건가요 ?? 

FEConf 영상보고 신기해서 검색하다가 이런 사이트까지 왔는데유료강의도 한번 한번봐야겠네요👍

이런 식의 풀이는 조금 더 안좋은 풀이 방식일까요? function solution(n, arr){ const answer = arr.filter((item) => String(item).charAt(1) === String(n)) return answer.length; } const arr=[12, 20, 54, 30, 87, 91, 30]; console.log(solution(0, arr));

안녕하세요 강의 잘 듣고 있습니다. C++ 강의에서 js 질문을 드려도 될지 싶은데 일단 적어 보겠습니다. (프론트엔드 경력 코테 준비중이라 js 를 고집하고 있는중입니다.)3-K (백준 3197 - 백조의 호수)를 js 로 포팅 했는데 시간 초과가 발생하네요. 강사님 코드 로직을 그대로 적용 했다고 생각하는데 혹시 제코드에 빠트린게 있을지 궁금합니다. (제 눈에는 안보이네요 ㅠ)로직이 똑같은거라면 어느부분을 개선 해야될지 조언 좀 부탁드립니다.  http://boj.kr/a9a2b9684a774eb3ad7e2efb5baf57d8 

강의에서 보면 n번째 참가자임을 알려주는const order = Number($order.textContent) 이하 아래부분이const onClickButton = function() { if (!word) { word = newWord; $word.textContent = word; const order = Number($order.textContent); if (order+1 > playNumber) { $order.textContent = 1; } else { $order.textContent = order+1; } } else { if (newWord[0] === word[word.length-1]) { word = newWord; $word.textContent = word; const order = Number($order.textContent); if (order+1 > playNumber) { $order.textContent = 1; } else { $order.textContent = order+1; } } else { alert('틀렸습니다!') } }이렇게 중복되어서 const onClickButton = function() { if (!word) { word = newWord; $word.textContent = word; } else { if (newWord[0] === word[word.length-1]) { word = newWord; $word.textContent = word; } else { alert('틀렸습니다!') } const order = Number($order.textContent); if (order+1 > playNumber) { $order.textContent = 1; } else { $order.textContent = order+1; } }제가 위에 코드처럼 밖으로 빼봤습니다.그런데 다른 때는 괜찮은데 1번째에서 2번째 참가자로 넘어갈때 그대로 1번째 참가자로 남아있습니다.혹시 저처럼 저렇게 밖으로 빼면 안되는 이유라도 있는건가요? [제로초 강좌 질문 필독 사항입니다]질문에는 여러분에게 도움이 되는 질문과 도움이 되지 않는 질문이 있습니다.도움이 되는 질문을 하는 방법을 알려드립니다.https://www.youtube.com/watch?v=PUKOWrOuC0c0. 숫자 0부터 시작한 이유는 1보다 더 중요한 것이기 때문입니다. 에러가 났을 때 해결을 하는 게 중요한 게 아닙니다. 왜 여러분은 해결을 못 하고 저는 해결을 하는지, 어디서 힌트를 얻은 것이고 어떻게 해결한 건지 그걸 알아가셔야 합니다. 그렇지 못한 질문은 무의미한 질문입니다.1. 에러 메시지를 올리기 전에 반드시 스스로 번역을 해야 합니다. 번역기 요즘 잘 되어 있습니다. 에러 메시지가 에러 해결 단서의 90%를 차지합니다. 한글로 번역만 해도 대부분 풀립니다. 그냥 에러메시지를 올리고(심지어 안 올리는 분도 있습니다. 저는 독심술사가 아닙니다) 해결해달라고 하시면 아무런 도움이 안 됩니다.2. 에러 메시지를 잘라서 올리지 않아야 합니다. 입문자일수록 에러메시지에서 어떤 부분이 가장 중요한 부분인지 모르실 겁니다. 그러니 통째로 올리셔야 합니다.3. 코드도 같이 올려주세요. 다만 코드 전체를 다 올리거나, 깃헙 주소만 띡 던지지는 마세요. 여러분이 "가장" 의심스럽다고 생각하는 코드를 올려주세요.4. 이 강좌를 바탕으로 여러분이 응용을 해보다가 막히는 부분, 여러 개의 선택지 중에서 조언이 필요한 부분, 제 경험이 궁금한 부분에 대한 질문은 대환영입니다. 다만 여러분의 회사 일은 질문하지 마세요.5. 강좌 하나 끝날 때마다 남의 질문들을 읽어보세요. 여러분이 곧 만나게 될 에러들입니다.6. 위에 적은 내용을 명심하지 않으시면 백날 강좌를 봐도(제 강좌가 아니더라도) 실력이 늘지 않고 그냥 코딩쇼 관람 및 한컴타자연습을 한 셈이 될 겁니다.

강의에서 설명해 주신객체(인스턴스) 와, 그것의 생성자 함수, 그리고 객체의 프로토타입 이 3가지의 구조에 대해서는 이해했습니다. 그렇게 되면, 어떤 객체를 프로토타입 체인을 타고 올라가도결국 Object.prototype 에 도달하게 되는 것이고,Object.prototype 또한 constructor를 가지고 있을 것입니다. 그렇다면 그 constructor는 함수이므로,Function.prototype 을 상속 받을 것이고,Fuction.prototype의 constructor는역시 함수이므로 Function.prototype을 상속 받게 됩니다. 크롬 개발자 도구에서 객체를 선언하고 console.dir로 타고타고 올라가면 결국 저 Object.prototype.constructor 가 나오는 시점부터 무한하게 트리를 타고 올라가게 되는데[[prototype]] > constructor > [[prototype]] > constructor > [[prototype]] .... 제가 보기엔 재귀참조형태 같아보이는데 이것이 맞는지 궁금하여 질문 드립니다. 그렇게 되면 Function.prototype.constuctor === Function()Function().[[prototype]] === Function.prototypeFunction.prototype.[[prototype]] === Object.prototypeObject.prototype.constructor === Object()Object().[[prototype]] === Function.prototype 형태가 되어버리는데 이게 맞는 지 궁금합니다..무언갈 놓치고 있는 것인지? 아니면 최상위 Object 객체에선 다르게 동작하는 규칙이 있는 것인지 궁금합니다. 

storage 데이터 유무에 따른 조건문까지 들은 학생입니다.로직 다 작성하고 테스트를 하는 과정에서 새로고침(F5)을 한번 눌렀을때는 입력했던 숫자들이 지워지면서 카운트다운이 흘러가고, localStorage에 있는 데이터도 사라지고 그 상태에서 한번 더 새로고침(F5)을 누르게 될 때 카운트다운이 흘러가는게 사라지고 D-Day를 입력해 주세요 가 뜨는데 원래 강의에서 이렇게 동작하게 하려고 했던 로직이 맞는지 궁금합니다!

index.html의 id="app"이랑 겹치게 작성하는 특별한 이유가 뭔가요?

안녕하세요 강사님해당 상품을 클릭했을때 url은 바뀌지만 상품상세페이지로 화면은 바뀌지 않는 오류가 발생했습니다(새로고침하면 화면이 바뀌긴 합니다)다른 수강생들의 비슷한 질문답변을 참고하여 <React.StrictMode>를 지워도보고 react-router-dom 버전도 5.2.0이고 Route path도 "/products/:id"라고 적었는데 여전히 오류가 해결되지 않습니다https://github.com/kanghanju/grab-market-client/commit/01c0657f4f64398b47493c1b2c3b44836bf1a785#여기는 Link태그 해당 수업코드 파일입니다!  

자바스크립트에서 함수는 표현식으로 변수에 할당할 수 있어서값으로 평가 될 수 있다고 알고 있습니다. 강의에서 배열이나 객체에 대한 예시를 설명해 주셔서 이해를 했는데, 문득 함수의 경우는 어떻게 이루어지는지 궁금해 졌습니다. const outerFunc = function (){ let b = 1; let c = 2; const innerFunc = function(){ console.log("inner function") } }예를들어 위와같이 있다고 할 때, 초기화 단계에서 outerFunc 변수가 생성되고 undefined로 초기화 된 후에,리터럴로 선언된 함수가 그 자체로 들어있다가, 함수 호출 시에 (실행시에) 컨텍스트를 생성하며 함수 내부에 선언한 변수들이 생성, 주소 할당 등의 과정이 이루어지는지,아니면 변수나 객체가 생성되는 것과 마찬가지로 내부에 있는 b, c 변수들이 메모리에 할당되고 주소값을 참조하는 과정까지 이루어 진 후, outerFunc 변수에 함수객체의 주소를 가리키도록 생성되는지위 두가지 중 어떻게 동작하는지가 혼동됩니다..

문제보면 배열 원소 크기 제한이 백만개 이하던데O(2^N)로는 너무 오래 걸리는 풀이 같아요.일단 지금은 DFS를 연습하는 정도로만 받아들이면 될까요?

안녕하세요 강의와 큰 관련이 없는데 ^^강사님 사용하시는 화면에 펜을 그리는 도구는 어떤걸 사용하시나요? 화살표도 변경되고 이쁘고 신기한 것 같아서 문의드립니다 ㅎㅎ

안녕하세요 강사님이 진행중이신 python이나 c++ 강의보다 javascript로 된 강의가 전체적으로 문제가 적은 것 같더라고요. 혹시 추후에 다른 강의들에 있는 내용을 javascript로 올려주실 계획이 있으신가해서 여쭤봅니다. 특히 추가적인 DFS, BFS에 해당되는 문제들이 있었으면 좋겠습니다!

 todolist 보고있습니다.엔터키를 누르면 새 할 일이 생기는데요,input 태그 안에서 띄어쓰기가 한 칸 생기네요?어째서 이런 문제가 발생하는걸까요..사진에 한칸이, 띄워져서 써져요 저 두 항목이 띄워져서 쓰인겁니다.혹시모르니 코드도 첨부해요*{ box-sizing: border-box; margin: 0px; } html, body{ width: 100%; height: 100%; } body{ background-color: azure; display: flex; flex-direction: column; align-items: center; min-height: 100vh; } .todo-container{ max-width: 100%; width: 400px; } #todo-input{ background-color: lightyellow; border: none; display: block; font-size: 2rem; padding: 0.5rem 2rem 0.5rem 0.5rem; width: 100%; } #todo-list{ background-color: snow; list-style-type: none; padding: 0; } #todo-list li{ border-top: 1px solid rgb(242,242,242); font-size: 1.5rem; user-select: none; } .complete{ color: rgb(155, 155, 155); text-decoration: line-through; } li button{ background-color: mintcream; width: 1.5rem; height: 1.5rem; margin: 0.5rem; border: 2px solid black; border-radius: 8px; cursor: pointer; } li button:active{ border: 2px solid gray; } .delete-btn-wrapper{ margin-top: 1rem; } .delete-btn-wrapper button{ font-weight: bold; background-color: antiquewhite; padding: 0.2rem 1rem; cursor: pointer; }const todoInput = document.querySelector("#todo-input"); const todoList = document.querySelector("#todo-list"); const createTodo = () =>{ const newLi = document.createElement('li'); const newSpan = document.createElement('span'); const newBtn = document.createElement('button'); newBtn.addEventListener('click',()=>{ newLi.classList.toggle('complete'); }); newLi.addEventListener('dblclick',()=>{ newLi.remove() }) newSpan.textContent = todoInput.value; newLi.appendChild(newBtn); newLi.appendChild(newSpan); todoList.appendChild(newLi); todoInput.value = " "; // console.log(todoList.children[0].querySelector('span').textContent) saveItemsFn(); } const keyCodecheck = () => { if (window.event.keyCode===13 && todoInput.value!==""){ createTodo(); } } const deleteAll = () =>{ const liList = document.querySelectorAll('li'); for(let i=0; i<liList.length; i++){ liList[i].remove(); } } const saveItemsFn = () =>{ const saveItems = []; for(let i=0; i<todoList.children.length; i++){ const todoObj = { contents: todoList.children[i].querySelector('span').textContent, complete: todoList.children[i].classList.contains('complete') } saveItems.push(todoObj); } console.log(saveItems); }<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>To-Do List</title> <link rel="stylesheet" href="./index.css"> </head> <body> <h1>To Do</h1> <div class="todo-container"> <input type="text" id="todo-input" onkeydown="keyCodecheck()"> <ul id="todo-list"> </ul> </div> <div class="delete-btn-wrapper"> <button onclick="deleteAll()">Deletel ALL</button> </div> <script src="./index.js"></script> </body> </html>

이메일로 보냈는데 확인을 하지 않으셔서 자료 요청드립니다. guswjdedi@gmail.com