const express = require('express') const app = express() const port = 5000 const mongoose = require('mongoose') mongoose.connect('mongodb+srv://Uoco:ws1004@cluster0.jd1ro.mongodb.net/test?retryWrites=true&w=majority',{ useNewUrlParser: true ,useUnifiedTopology: true, useCreateIndex: true, useFindAndModify: false }).then(() => console.log('MongoDB Connection..')) .catch(err => console.log('error')) app.get('/', (req, res) => { res.send('Hello World!')}) app.listen(port, () => {console.log(`Example app listening at http://localhost:${port}`)}) 인강 처럼 똑같이 따라해서 처리하였습니다. 터미널에서 npm run start시작하면 > boiler-plate@1.0.0 start /Users/uoco/Documents/boiler-plate > node index.js Example app listening at http://localhost:5000 error 과 같이 발생합니다. 의심이 가는건 몽고디비에서 카피할 시 <dbname> 으로 나오는데 인강과 같이 임의로 test로 수정하여 처리하였습니다. 어느 부분이 문제인지 확인 부탁드립니다!

안녕하세요 강사님 다름이아니라 제가 강의 따라하던중 프롬프트 창에서 저렇게 뜨는데요 다른 방법이나 해결책이 있을가요?

제가 setState가 비동기처리이면서 배치이다 라는것을 보면서 궁금한 점이생겼는데요.. onAdd함수를 보면 currentId를 1증가시키고, todo변수에 값을 할당한뒤 setTodoList에 값을 넣어서 렌더링하는 순서인데요. 만약에 동기처리처럼 onAdd버튼을 클릭시 currentId에 1을 증가한후, 그값을 todo에 넣은뒤 그 값을 setTodoList에 반영 하고 싶다고면 어떻게 해야할까요?

삭제된 글입니다

Note라는 엔티티와 Tag라는 Entity가 있는데 서로 M:N 구조여서 매핑 테이블을 사이에 두고 쪼개주었습니다. 그런데 Note를 save할 때, Tag가 기존에 있던 태그라면 매핑 테이블에만 정보를 추가해주고, 아니라면 Tag 테이블에 추가되는 식으로 구현을 하고 싶습니다. for (String tagName : tags) { Optional<Tag> optionalTag = tagRepository.findTagByTagName(tagName); Tag tag = optionalTag.orElseGet(() -> Tag.builder() .tagName(tagName) .activated(true) .build() ); NoteTag noteTag = NoteTag.builder() .tag(tag) .note(note) .build(); note.getNoteTags().add(noteTag);}noteRepository.save(note); 이런식으로 구현을 했는데, 생각을 해보니까 태그의 개수가 많을 경우 조회를 많이하게 될 것 같더라고요. 어떻게 해결을 해야 한 번만 조회를 해오도록 할 수 있을까요? 강의를 다 보질 않아서 혹시 강의로 해설이 된 내용이 있다면 그 부분을 찾아서 보겠습니다. 흑흑...

webpack-dev-server 가 되지 않아 알아보니 webpack-cli와 버전이 안 맞아서 오류가 뜨는거 같습니다. 혹시나 안되시는 분 계시면 webpack-cli 버전을 제로초님과 같게 변경하시고 하시면 될 거 같아요. npm i -D webpack-cli@3.3.10

강사님 생각에는 1. 스벨트가 실제 프로젝트에 쓸만큼 현 시점에서 성숙하다고 생각하시나요? 저는 스벨트의 컨셉? 혹은 개념이 너무나 마음에 들어 이번 기회에 한번 파보고 싶어서 강사님의 강좌를 구매했습니다. 2. 다음 강좌는 언제쯤 출시되나용?

블로그로 설명해주실떄는 이해가잘됬는데 스스로 다른예제를 만들었을떄 이해가 안가는부분이많아서 질문드려봅니다. 만약 손님에게 받을 주문테이블이있습니다. 주문테이블은 기본적인 이름,이메일,회사이름,메모 가있습니다. 위의 컬럼은 단지 데이터하나(단수)만 받는 컬럼 이기때문에 저렇게 정의를 해놔도 상관이없다고 생각합니다. 근데 만약 어떤 컬럼에서는 다중의 데이터를 받아야한다면 그컬럼은 다른테이블로 분리해서 주문테이블과 1:다 관계를 맺어야하나요?(주문테이블이 1) 제가 머릿속으로 그려놓은걸 저렇게 짜봤는데 이해한게 맞나싶어서 질문해봅니다

onSubmitForm 에서 useCallback 사용할 때 제네릭으로 할 때와 e에 바로 써줄 때랑 둘 중 하나 쓰면 된다고 하신거 같은데 e에 바로 써줄 때에 오류 뜨는데 왜 그런건가요? onChange에서는 onSubmit과 다르게 두 경우 모두 오류 없습니다.

Passport 모듈 구현관련 다음 에러가 발생하네요... 다른곳 찾아보니 노드모듈과 패키지락제이슨을 지우고 npm install 다시하라는데 안되네요. node:internal/modules/cjs/loader:903   throw err;   ^   Error: Cannot find module './Strategy' Require stack: - D:\webcoding\NodeJS_Zerocho\nodebird\node_modules\passport-kakao\dist\passport-kakao.js - D:\webcoding\NodeJS_Zerocho\nodebird\passport\kakaoStrategy.js - D:\webcoding\NodeJS_Zerocho\nodebird\passport\index.js - D:\webcoding\NodeJS_Zerocho\nodebird\app.js     at Function.Module._resolveFilename (node:internal/modules/cjs/loader:900:15)     at Function.Module._load (node:internal/modules/cjs/loader:745:27)     at Module.require (node:internal/modules/cjs/loader:972:19)     at require (node:internal/modules/cjs/helpers:88:18)     at Object.<anonymous> (D:\webcoding\NodeJS_Zerocho\nodebird\node_modules\passport-kakao\dist\passport-kakao.js:6:34)     at Module._compile (node:internal/modules/cjs/loader:1083:30)     at Object.Module._extensions..js (node:internal/modules/cjs/loader:1112:10)     at Module.load (node:internal/modules/cjs/loader:948:32)     at Function.Module._load (node:internal/modules/cjs/loader:789:14)     at Module.require (node:internal/modules/cjs/loader:972:19) {   code: 'MODULE_NOT_FOUND',   requireStack: [     'D:\\webcoding\\NodeJS_Zerocho\\nodebird\\node_modules\\passport-kakao\\dist\\passport-kakao.js',     'D:\\webcoding\\NodeJS_Zerocho\\nodebird\\passport\\kakaoStrategy.js',     'D:\\webcoding\\NodeJS_Zerocho\\nodebird\\passport\\index.js',     'D:\\webcoding\\NodeJS_Zerocho\\nodebird\\app.js'   ] }

어디있는거에요?

안녕하세요 답변주셔서 감사합니다 서버쪽에서 video.js 에서 var storage = multer.diskStorage ({     destination: (req,file, cb) => {         cb(null, "uploads/");     },     filename: (req,file,cb) => {         cb(null, `${Date.now()}_${file.originalname}`)     },     fileFilter: (req,file,cb) => {         const ext = path.extname(file.originalname)         alert(ext);         if(ext !== '.mp4'){             return cb(res.status(400).end('only jpg, png, mp4 is allowed'), false);         }         cb(null, true)     } }); 해당코드에서 fileFilter가 적용이 안되는거 같아요 동영상 업로드에서 동영상 파일이 아닌 것을 못올리게 막고싶은데 이상태로 동영상파일이 아닌것을 올리면 서버를 재시작해야하는 사태가 일어납니다. 어떻게 코드를 바꿔야할까요?? 

안녕하세요 영한님 반갑습니다! ㅎㅎ 질문이 하나 있습니다. Member refMember = em.getReference(Member.class , member.getId()); refMember.getUsername(); 다음의 상황에서 영속성 컨텍스트에 프록시객체가 생기고 강제 초기화를 한 상황입니다. 이 상황에서 em.close(); 를 해서 컨텍스트를 닫아주면 영속성 컨텍스트가 사라졌기 때문에 refMember 의 getter 사용 시에 값이 안나올 줄 알았는데 나오더라구요. 그 이유가 refMember 안에 이미 저장이 되었기 때문에 영속성 컨텍스트가 닫혀도 상관이 없는건가요 ?? Member refMember = em.getReference(Member.class , member.getId());Member realMember = em.find(Member.class, member.getId()); 이 경우에는 realMember 또한 프록시를 반환하지만, 처음 가지고 올 때 DB접근하면서 그 값을 프록시에 초기화 해주기 때문에 차후에 refMember.getUsername()을 호출 시에 따로 db접근을 안하는 것을 확인할 수 있었는데, 이 경우에도 em.close()를 해도 마찬가지로 값을 가져올 수가 있던데, 인스턴스에 값이 이미 저장이 되면 영속성 컨텍스트는 닫히든 말든 아무 상관이 없는건지가 궁금합니다! 그리고 좋은말씀 감사합니다!! ^^

차이가 무엇인가요?

안녕하세요, 좋은 강의 완강하였습니다. 다름이 아니라 강의 초반에 기존의 boiler-plate를 클론하셨는데, 강사님 Github의 'boilerplate-mern-stack' repo에서 클론하신걸로 알고 있고, 제공하신 무료 기본강의는 'boiler-plate-ko' repo 내용으로 알고 있습니다. Nav바나 cor 부분와 같이 몇몇  부분이 다른거 같던데, 'boilerplate-mern-stack'에 관련된 강의는 따로 제공하시는지 알고 싶습니다. 항상 좋은 강의 감사드립니다! ^^

getServerSideProps()을 사용해서 SSR을 할 경우 useEffect와의 관계가 궁금합니다. getServerSideProps()을 완료하기 전까지 useEffect는 동작을 안하고 SSR이 끝난 다음에 동작을 시작하나요? 아니면 일단 useEffect와 기타 랜더링이 되고 SSR이 끝나면 변화된 변수로 다시 useEffect가 동작하나요?

안녕하세요. 매일 들어와서 확인하고 있는데, 혹시 예상하시는 날짜가 있으실까요? ㅎㅎ

좋은 강의 재미나게 시청(?)중입니다.  강의영상 6:39초 search-form size 정의하는 부분을 보다가 궁금즘이 생겨서 문의드려봅니다. flex로 display설정되어있는 .header아래에서... 강의에서는 '1분코딩'이지만, website-title이 상황에 따라 (띄워쓰기없는 긴영문으로 되어있을경우) 옆으로 삐져나가는 현상이 생기는것 같아서요. 그냥 overflow:hidden;을 추가하면 가로 scroll이 생기지 않고 그냥 삐져나갔구나 하면 될 건 같은데, 한글이나 영문 띄워쓰기가 있는 경우에는 h1 tag가 자동으로 줄바꿈 하기도 하는것 같아서... 왤까..하는 궁금증이 생겨 문의글 남겨봅니다. 어떻게 처리(or이해)하면 될까요? 한글의 경우, 띄워쓰기나 길게 붙어있는 경우에도 h1 tag의 타이틀이 정상적으로 자동 줄 바뀜이 되는데, (일단 줄바뀜되어 ux깨지는건 제외하구요...) 길게 붙어있고, 띄워쓰기가 없는 영문의경우 h1 tag의 width는 고정인가요...?  (width값을 fix해서 주면 줄바뀜이 되긴 합니다...) case1 ) 한글, 띄워쓰기 O case2) 한글, 띄워쓰기X case3) 한글+영어, 띄워쓰기 O case4) 영어, 띄워쓰기 X ----> 요놈이 질문의 포인트입니당. 영역을 띄워넘어...스크롤이 생겨버림. (.header에서 overflow:hidden;으로 감출 순 있겠지만, 왜 이아이는 h1 tag가 자동 줄바꿈 안되나요...?) h1 tag에 width를 고정하여 주었을 경우... 이땐  알아서 줄바꿈 해서 보여주네요. flex와 관계는 없는것(?)같기도 한데....^^;; 처음에 타이틀을 그냥 길게 아무 영타로 타이핑 해 놓고 수업 진행 하다가... 강사님 처럼(캡쳐화면) 안되고, 안 이쁘게 찾기가 삐져나가서.. 2시간동안 궁금해서 이것저것보고, 앞수업에서 만들었던 css도 보고 하다가... 원인(?)을 확인하고 질문드려요. 제가 또 뭘 잘못 알고 있는거라면... 조언 부탁드려봅니다... :)

vuetify 설치를 한 후 error가 뜨는데 해결 방법이 있을까요? Failed to compile../node_modules/vuetify/src/components/VGrid/_grid.sass Module parse failed: Unexpected character '@' (1:0) You may need an appropriate loader to handle this file type. | @import '../../styles/styles.sass' | | .container @ ./node_modules/vuetify/lib/components/VGrid/VLayout.js 1:0-50 @ ./node_modules/vuetify/lib/components/VGrid/index.js @ ./node_modules/vuetify/lib/components/index.js @ ./node_modules/vuetify/lib/index.js @ ./src/plugins/vuetify.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server ./src/main.js

생성자 생성방식으로 객체를 초기화해서 setter를 사용하지 않고 개발을 하고 있었습니다.그런데 "비밀번호 찾기 시 임시비밀번호 발급" 기능을 구현하는데setter를 안쓰고 어떻게 처리해야할지 모르겠습니다.1) setter를 사용하여 비밀번호를 변경한다.2) 해당 회원의 비밀번호 프로퍼티에 update를 쳐서 비밀번호를 변경한다. 를 생각하고 있는데 다른 좋은 방법이 있을까요?