IP할당 관련으로 첫번째 방법은 이상하게 나와요 eth1 과 eth0이 나와 야하는 데 전 eth0 이 두개 가 나와서 안될거 같아요.. 그래서 2번째 방법으로 할건데 VI나 gedit 좀 다운로드좀 하게 좀 링크좀요...............

기본적으로 메모리가 2048mb라고 되어있잖아요... 그럼 그및 애를들어 1048또는 1548은 안돼나요?

// action creator const changeNickname = (data) => {   return {     type: 'CHANGE_NICKNAME',     data,   } } 이런식으로 data가 마지막 프로퍼티인데 끝에 ','를 붙이시는데 안붙이는거랑 붙이는거랑 어떤 차이가 있나요?

이미지는 어디서 구했나요?

선생님 추석 잘 보내고 계신지요?? 오늘 객체4를 공부하다가 flex관련 궁금증이 생겼습니다. 강의 객체4에서  card instance를 여러개 생성했는데요,  instance는 각각 div tag로 생성되는데, 여기서 div가 원래 block요소의 성질을 가지고 있다는 것 까지는 이해를 했습니다. .card 에서 display: inline-flex;  로 설정해 주셨는데 여기서 좀 헷갈리는 게 있습니다. display를 그냥 flex로 해주니까 card instance들이 가로정렬(main-axis?)이 안되고 block level처럼 세로로 죽 나열이 됩니다.이게 갑자기 무엇이랑 헷갈렸냐면 "3개의 문" 강의에서는 container인 .stage에 display: flex만 해줘도 각각의 door item들이 div요소로 이루어 졌음에도가로로 정렬이 되었다는 것이 지금 머릿속에서 명확히 정리가 되지 않습니다.그래서 선생님 이론 강의 flex 도 찾아봤는데 flex와 inline-flex의 차이를 명확히 이해를 못하겠습니다. 선생님께 도움을 구합니다.

안녕하세요 databaseURL 과 storageBucket 은 앞에다 아이디만 써주면 되나요? 저같은 경우는  firebase_admin.initialize_app(cred, {     'databaseURL': 'https://please-7e966.firebaseio.com/',     'storageBucket': 'please-7e966.appspot.com/' }) 이런식으로 했거든요 이게 맞는지 모르겠네요.. 계속 연동이 안되서요 ㅠㅠ

혹시 아래 같이 docker-compose up 할 때 에러 보신 분 계신가요? 빌드까지는 되는데 실행할때 에러가 발생하네요..큭 docker-compose.yml # 버전을 항상 지정해줘야 한다. version: "3" # docker compose option services: # 실행하려는 컨테이너 정의 react: # 컨테이너이름 build: # 현재 디렉토리에 있는 Dockerfile 사용 context: . # 도커 이미지를 구성하기 위한 파일과 폴더들이 있는 위치 dockerfile: Dockerfile.dev # 도커 파일 지정 ports: - "3000:3000" # 포트 매핑(호스트포트:컨테이너포트) volumes: # 호스트 머신에 있는 파일 매핑 - /usr/src/app/node_modules # 이건 호스트 디렉토리를 참조히지 않음 - ./:/usr/src/app stdin_open: true # 리액트 앱을 끌 때 필요(버그수정)

그 책에 있는데로 할려 했는데 예전에 있던거라더고요.. 책에 나와있는그 자체 가 달라요... produsk download가 아니라   produsd a-z 이런식으로요... 범웨어 요즈음 2020거 쫌 알려줘요................. 제발좀요.............

FileNotFoundError Traceback (most recent call last) <ipython-input-41-928a18d63e66> in <module> 11 print(ANNO_DIR) 12 ---> 13 files = os.listdir(ANNO_DIR) 14 print('파일 개수는:',len(files)) 15 print(files) FileNotFoundError: [WinError 3] 지정된 경로를 찾을 수 없습니다: 'C:\\Users\\admin\\DLCV/data/raccoon/annotations' HOME_DIR = str(Path.home()) HOME_DIR = str('/Users/admin/Desktop/') 으로 바꿔서 불러왔는데 xml_to_csv 과정에서 다시 /Users/admin/Desktop\DLCV/data/raccoon/images\raccoon-1.jpg 경로 중간에 \로 아어집니다. /Users/admin/Desktop/DLCV/Detection/yolo/keras-yolo3\\model_data/raccoon_class.txt'라쿤 클래스 텍스트 불러올 때도 다시 \ 로 이어집니다..

안녕하세요 선생님. 강의 너무 유용하고 재밌게 듣고 있습니다. 자꾸 오류가 뜨는데 무슨 문젠지 모르겠어서 너무 답답해서 질문 남깁니다.ㅠㅠ opacity가 정의되어 있지 않다그러고 Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The provided value is not of type '(CSSImageValue or HTMLImageElement or SVGImageElement or HTMLVideoElement or HTMLCanvasElement or ImageBitmap or OffscreenCanvas) 이런 오류가 뜨네요.. 분명 캔버스로 잘 정의한 것 같 은데요...ㅠㅠㅠㅠㅠ 분명 선생님을 다 따라 쳤는데도 어디서 문제가 생긴건지 모르겠습니다.. 도와주시면 감사하겠습니다.흑흑 (() => {   let yOffset = 0; // window.pageYOffset 대신 쓸 변수   let prevScrollHeight = 0; // 현재 스크롤 위치 (yOffset) 보다 이전에 위치한 스크롤 섹션들의 스크롤 높이 합   let currentScene = 0; // 현재 활성화 된(눈 앞에 보고 있는) 씬 (scroll-section)   let enterNewScene = false; // 새로운 씬이 시작 된 순간 true   const sceneInfo = [     {       //0       type: 'sticky',       heightNum: 5, //브라우저 높이의 5배로 scrollHeight 세팅       scrollHeight: 0,       objs: {         container: document.querySelector('#scroll-section-0'),         messageA: document.querySelector('#scroll-section-0 .main-message.a'),         messageB: document.querySelector('#scroll-section-0 .main-message.b'),         messageC: document.querySelector('#scroll-section-0 .main-message.c'),         messageD: document.querySelector('#scroll-section-0 .main-message.d'),         canvas: document.querySelector('#video-canvas-0'),         context: document.querySelector('#video-canvas-0').getContext('2d'),         videoImages: [],       },       values: {         videoImageCount: 300,         imageSequence: [0, 299],         canvas_opacity: [1, 0, { start: 0.8, end: 1 }],         messageA_opacity_in: [0, 1, { start: 0.1, end: 0.2 }],         messageB_opacity_in: [0, 1, { start: 0.3, end: 0.4 }],         messageC_opacity_in: [0, 1, { start: 0.5, end: 0.6 }],         messageD_opacity_in: [0, 1, { start: 0.7, end: 0.8 }],         messageA_translateY_in: [20, 0, { start: 0.1, end: 0.2 }],         messageB_translateY_in: [20, 0, { start: 0.3, end: 0.4 }],         messageC_translateY_in: [20, 0, { start: 0.5, end: 0.6 }],         messageD_translateY_in: [20, 0, { start: 0.7, end: 0.8 }],         messageA_opacity_out: [1, 0, { start: 0.25, end: 0.3 }],         messageB_opacity_out: [1, 0, { start: 0.45, end: 0.5 }],         messageC_opacity_out: [1, 0, { start: 0.65, end: 0.7 }],         messageD_opacity_out: [1, 0, { start: 0.85, end: 0.9 }],         messageA_translateY_out: [0, -20, { start: 0.25, end: 0.3 }],         messageB_translateY_out: [0, -20, { start: 0.45, end: 0.5 }],         messageC_translateY_out: [0, -20, { start: 0.65, end: 0.7 }],         messageD_translateY_out: [0, -20, { start: 0.85, end: 0.9 }],       },     },     //1     {       type: 'normal',       // heightNum: 5, // type normal에서는 필요없음       scrollHeight: 0,       objs: {         container: document.querySelector('#scroll-section-1'),       },     },     //2     {       type: 'sticky',       heightNum: 5, // 브라우저 높이의 5배로 scrollHeight 세팅       scrollHeight: 0,       objs: {         container: document.querySelector('#scroll-section-2'),         messageA: document.querySelector('#scroll-section-2 .a'),         messageB: document.querySelector('#scroll-section-2 .b'),         messageC: document.querySelector('#scroll-section-2 .c'),         pinB: document.querySelector('#scroll-section-2 .b .pin'),         pinC: document.querySelector('#scroll-section-2 .c .pin'),         canvas: document.querySelector('#video-canvas-1'),         context: document.querySelector('#video-canvas-1').getContext('2d'),         videoImages: [],       },       values: {         videoImageCount: 960,         imageSequence: [0, 959],         canvas_opacity_in: [0, 1, { start: 0, end: 0.1 }],         canvas_opacity_out: [1, 0, { start: 0.95, end: 1 }],         messageA_translateY_in: [20, 0, { start: 0.15, end: 0.2 }],         messageB_translateY_in: [30, 0, { start: 0.6, end: 0.65 }],         messageC_translateY_in: [30, 0, { start: 0.87, end: 0.92 }],         messageA_opacity_in: [0, 1, { start: 0.25, end: 0.3 }],         messageB_opacity_in: [0, 1, { start: 0.6, end: 0.65 }],         messageC_opacity_in: [0, 1, { start: 0.87, end: 0.92 }],         messageA_translateY_out: [0, -20, { start: 0.4, end: 0.45 }],         messageB_translateY_out: [0, -20, { start: 0.68, end: 0.73 }],         messageC_translateY_out: [0, -20, { start: 0.95, end: 1 }],         messageA_opacity_out: [1, 0, { start: 0.4, end: 0.45 }],         messageB_opacity_out: [1, 0, { start: 0.68, end: 0.73 }],         messageC_opacity_out: [1, 0, { start: 0.95, end: 1 }],         pinB_scaleY: [0.5, 1, { start: 0.6, end: 0.65 }],         pinC_scaleY: [0.5, 1, { start: 0.87, end: 0.92 }],       },     },     //3     {       type: 'sticky',       heightNum: 5, // 브라우저 높이의 5배로 scrollHeight 세팅       scrollHeight: 0,       objs: {         container: document.querySelector('#scroll-section-3'),         canvasCaption: document.querySelector('.canvas-caption'),       },       values: {},     },   ];   function setCanvasImages() {     let imgElem;     for (let i = 0; i < sceneInfo[0].values.videoImageCount; i++) {       imgElem = new Image(); // imgElem = document.createElement('img');       imgElem.src = `./video/001/IMG_${6726 + i}.JPG`;       sceneInfo[0].objs.videoImages.push(imgElem);     }     let imgElem2;     for (let i = 0; i < sceneInfo[0].values.videoImageCount; i++) {       imgElem2 = new Image(); // imgElem = document.createElement('img');       imgElem2.src = `./video/002/IMG_${7027 + i}.JPG`;       sceneInfo[2].objs.videoImages.push(imgElem2);     }   }   function setLayout() {     // 각 스크롤 섹션의 높이 세팅     for (let i = 0; i < sceneInfo.length; i++) {       if (sceneInfo[i].type === 'sticky') {         sceneInfo[i].scrollHeight = sceneInfo[i].heightNum * window.innerHeight;       } else if (sceneInfo[i].type === 'normal') {         sceneInfo[i].scrollHeight = sceneInfo[i].objs.container.offsetHeight;       }       sceneInfo[         i       ].objs.container.style.height = `${sceneInfo[i].scrollHeight}px`;     }     yOffset = window.pageYOffset;     let totalScrollHeight = 0;     for (let i = 0; i < sceneInfo.length; i++) {       // 새로고침 해도 씬이 고정되게 세팅       totalScrollHeight += sceneInfo[i].scrollHeight;       if (totalScrollHeight >= yOffset) {         currentScene = i;         break;       }     }     document.body.setAttribute('id', `show-scene-${currentScene}`);     const heightRatio = window.innerHeight / 1000; //캔버스 원래 height = 1000     sceneInfo[0].objs.canvas.style.transform = `scale(${heightRatio}) translate(-50%,-50%)`;     sceneInfo[2].objs.canvas.style.transform = `scale(${heightRatio}) translate(-50%,-50%)`;   }   function calcValues(values, currentYOffset) {     let rv;     //  현재 씬(스크롤섹션)에서 스크롤 된 범위를 0~1 사이의 비율로 구하기     const scrollHeight = sceneInfo[currentScene].scrollHeight;     const scrollRatio = currentYOffset / scrollHeight;     if (values.length === 3) {       //  start ~ end 사이에 애니메이션 실행       const partScrollStart = values[2].start * scrollHeight;       const partScrollEnd = values[2].end * scrollHeight;       const partScrollHeight = partScrollEnd - partScrollStart;       if (         currentYOffset >= partScrollStart &&         currentYOffset <= partScrollEnd       ) {         rv =           ((currentYOffset - partScrollStart) / partScrollHeight) *             (values[1] - values[0]) +           values[0];       } else if (currentYOffset < partScrollStart) {         rv = values[0];       } else if (currentYOffset > partScrollEnd) {         rv = values[1];       }     } else {       rv = scrollRatio * (values[1] - values[0]) + values[0];     }     return rv;   }   function playAnimation() {     const objs = sceneInfo[currentScene].objs;     const values = sceneInfo[currentScene].values;     const currentYOffset = yOffset - prevScrollHeight; // 현재 씬에서 얼만큼 스크롤했는지를 확인     const scrollHeight = sceneInfo[currentScene].scrollHeight;     const scrollRatio = currentYOffset / scrollHeight;     switch (currentScene) {       case 0:         let sequence = Math.round(           calcValues(values.imageSequence, currentYOffset)         );         objs.context.drawImage(objs.videoImages[sequence], 0, 0);         objs.canvas.style.opacity = calcValues(           values.canvas_opacity,           currentYOffset         );         if (scrollRatio <= 0.22) {           // in           objs.messageA.style.opacity = calcValues(             values.messageA_opacity_in,             currentYOffset           );           objs.messageA.style.transform = `translate3d(0, ${calcValues(             values.messageA_translateY_in,             currentYOffset           )}%, 0)`;         } else {           // out           objs.messageA.style.opacity = calcValues(             values.messageA_opacity_out,             currentYOffset           );           objs.messageA.style.transform = `translate3d(0, ${calcValues(             values.messageA_translateY_out,             currentYOffset           )}%, 0)`;         }         if (scrollRatio <= 0.42) {           // in           objs.messageB.style.opacity = calcValues(             values.messageB_opacity_in,             currentYOffset           );           objs.messageB.style.transform = `translate3d(0, ${calcValues(             values.messageB_translateY_in,             currentYOffset           )}%, 0)`;         } else {           // out           objs.messageB.style.opacity = calcValues(             values.messageB_opacity_out,             currentYOffset           );           objs.messageB.style.transform = `translate3d(0, ${calcValues(             values.messageB_translateY_out,             currentYOffset           )}%, 0)`;         }         if (scrollRatio <= 0.62) {           // in           objs.messageC.style.opacity = calcValues(             values.messageC_opacity_in,             currentYOffset           );           objs.messageC.style.transform = `translate3d(0, ${calcValues(             values.messageC_translateY_in,             currentYOffset           )}%, 0)`;         } else {           // out           objs.messageC.style.opacity = calcValues(             values.messageC_opacity_out,             currentYOffset           );           objs.messageC.style.transform = `translate3d(0, ${calcValues(             values.messageC_translateY_out,             currentYOffset           )}%, 0)`;         }         if (scrollRatio <= 0.82) {           // in           objs.messageD.style.opacity = calcValues(             values.messageD_opacity_in,             currentYOffset           );           objs.messageD.style.transform = `translate3d(0, ${calcValues(             values.messageD_translateY_in,             currentYOffset           )}%, 0)`;         } else {           // out           objs.messageD.style.opacity = calcValues(             values.messageD_opacity_out,             currentYOffset           );           objs.messageD.style.transform = `translate3d(0, ${calcValues(             values.messageD_translateY_out,             currentYOffset           )}%, 0)`;         }         break;       case 2:         let sequence2 = Math.round(           calcValues(values.imageSequence, currentYOffset)         );         objs.context.drawImage(objs.videoImages[sequence2], 0, 0);         if (scrollRatio <= 0.5) {           // in           objs.context.style.opacity = calcValues(             values.canvas_opacity_in,             currentYOffset           );         } else {           // out           objs.context.style.opacity = calcValues(             values.canvas_opacity_out,             currentYOffset           );         }         if (scrollRatio <= 0.32) {           // in           objs.messageA.style.opacity = calcValues(             values.messageA_opacity_in,             currentYOffset           );           objs.messageA.style.transform = `translate3d(0, ${calcValues(             values.messageA_translateY_in,             currentYOffset           )}%, 0)`;         } else {           // out           objs.messageA.style.opacity = calcValues(             values.messageA_opacity_out,             currentYOffset           );           objs.messageA.style.transform = `translate3d(0, ${calcValues(             values.messageA_translateY_out,             currentYOffset           )}%, 0)`;         }         if (scrollRatio <= 0.67) {           // in           objs.messageB.style.transform = `translate3d(0, ${calcValues(             values.messageB_translateY_in,             currentYOffset           )}%, 0)`;           objs.messageB.style.opacity = calcValues(             values.messageB_opacity_in,             currentYOffset           );           objs.pinB.style.transform = `scaleY(${calcValues(             values.pinB_scaleY,             currentYOffset           )})`;         } else {           // out           objs.messageB.style.transform = `translate3d(0, ${calcValues(             values.messageB_translateY_out,             currentYOffset           )}%, 0)`;           objs.messageB.style.opacity = calcValues(             values.messageB_opacity_out,             currentYOffset           );           objs.pinB.style.transform = `scaleY(${calcValues(             values.pinB_scaleY,             currentYOffset           )})`;         }         if (scrollRatio <= 0.93) {           // in           objs.messageC.style.transform = `translate3d(0, ${calcValues(             values.messageC_translateY_in,             currentYOffset           )}%, 0)`;           objs.messageC.style.opacity = calcValues(             values.messageC_opacity_in,             currentYOffset           );           objs.pinC.style.transform = `scaleY(${calcValues(             values.pinC_scaleY,             currentYOffset           )})`;         } else {           // out           objs.messageC.style.transform = `translate3d(0, ${calcValues(             values.messageC_translateY_out,             currentYOffset           )}%, 0)`;           objs.messageC.style.opacity = calcValues(             values.messageC_opacity_out,             currentYOffset           );           objs.pinC.style.transform = `scaleY(${calcValues(             values.pinC_scaleY,             currentYOffset           )})`;         }         break;       case 3:         break;     }   }   function scrollLoop() {     enterNewScene = false;     prevScrollHeight = 0;     for (let i = 0; i < currentScene; i++) {       prevScrollHeight += sceneInfo[i].scrollHeight;     }     if (yOffset > prevScrollHeight + sceneInfo[currentScene].scrollHeight) {       enterNewScene = true;       currentScene++;       document.body.setAttribute('id', `show-scene-${currentScene}`);     }     if (yOffset < prevScrollHeight) {       enterNewScene = true;       if (currentScene === 0) return; // 브라우저 바운스 효과로 인해 마이너스가 되는 것을 방지 (모바일)       currentScene--;       document.body.setAttribute('id', `show-scene-${currentScene}`);     }     if (enterNewScene) return;     playAnimation();   }   // window.addEventListener('DOMcontentLoaded', setLayout)   // 이미지가 업로드 되기 전에 실행   window.addEventListener('scroll', () => {     yOffset = window.pageYOffset;     scrollLoop();   });   window.addEventListener('load', () => {     setLayout();     sceneInfo[0].objs.context.drawImage(sceneInfo[0].objs.videoImages[0], 0, 0);   });   window.addEventListener('resize', setLayout);   setCanvasImages(); })();

삭제된 글입니다

죄송하지만 Button.js 내용은 어디서 확인할 수 있나요?

스트리밍때 여쭤보려고 했는데 못물어봐서 강의 질문으로 여쭤봅니다. echart 사용중인데 request 받고 response를 서버에서 보내줄때 echart에 필요한 데이터 형식으로 맞춰서 보내주는 방식으로 코드 작성했는데요, json으로 response 전달되다 보니까 함수코드를 어떻게 전달해야 할지 모르겠습니다 db에서 조회한 데이터를 그냥 client로 넘겨주고 client 단에서 map 이나 filter로  받은 데이터를 echart 형식에 맞게 바꿔주는 방식으로 해야하나요?

안녕하세요, html 파일 수정시 ctrl + shift + f9 단축키로 recompile하면 서버 재시작 없이 변경사항이 적용 되는줄 알았는데 리컴파일 할때마다 서버자체가 재시작 되면서 데이터베이스의 테이블도 다 드랍했다 생성합니다. ddl-auto: create으로 해놓긴 했지만 리컴파일 할때 서버 재시작이 안되고 반영되는줄 알았는데 무조건 서버 재시작이 되는건가요?

localhost:5000 이 아닌 3000으로 연결되었고, postman에서 포트 번호만 3000으로 변경해서 post했을 때 아래와 같이 오류가 발생합니다. 혹시 원인을 알 수 있을까요? [HPM] Error occurred while trying to proxy request /api/dialogflow/textQuery from localhost:3000 to http://localhost:5000/ (ECONNREFUSED) (https://nodejs.org/api/errors.html#errors_common_system_errors)

알려주신 데로 추가 인스통하여 package.json 에도 버전이 다 올라온 상태입니다. 안그레도 modules 여쭈어 보려 했었는데 강의 에는 devModules로 변경하라 하라고 하셨는데 인터넷 찾아보니 buildModules로 되어있습니다. 우선 dev 에서 build로 변경한 상태입니다. 그리고 login 비활성화와 check-box 깨지듯 나오는것은 해결이 되었습니다. 동영상에 보이는 버전들과 유사한데  여전히 아이콘들이 보이질 않습니다. 아이콘 자리에 마우스를 갔다 대면 손가락으로 변하였습니다. 그리고 v-image와 v-list-tile 이란게 없다면서 에러가 뜹니다. 제가 vuetify 에 가서 찾아 봐도 찾지를 못했습니다. v-img 란게 보이긴 한데 동일한것인지는 모르겠습니다.      

service 구현에서는 생성자 주입 방식이 test case에서도 주입 값을 바꿔서 사용할 수 있다고 하셨었는데요. 실제 test case에서는 필드 주입으로 코드를 작성하시더라구요! 그러면 test case에서 주입되는 memberService값과 MemberService에서 주입되는 memberService값이 똑같은거 아닌가요?ㅜㅜ 여기 부분이 어떻게 다른건지 이해가 잘 안돼서요ㅜㅜ

개념이 없어서 어렵습니다. vim을 한두번 써 봤지만 . 폴더를 만들고 에디터를 사용한다는 것이 이해가 안됩니다. 에디터에서 파일을 생성한다? 어떤 파일이 어떻게 에디터에서 어디에 생성이되는 건가요? 이런 문제는 어떻게 접근할 수 있을까요? 너무 초보적인 질문을 드려서 죄송합니다.

안녕하세요, 판교님, 강의 잘 듣고 있습니다. 강의를 한번 더 다시 보구 있는데요. eslint가 제대로 안먹혀서 확인중에 다른분의 댓글을보니 "eslint.workingDirectories": [ "./vue-til" ] 이런식으로 현제 작업폴더 경로를 추가 해보니 잘 먹히더라구요.. cli 버전은 @vue/cli 4.5.6 입니다. vue 2로 설치했구요.. node 버전은 영상과 같이 v10.16.3입니다. 혹시 매번 이런식으로 프로젝트를 생성할때마다 추가를 해줘야 ㅎ는지요??

(사진)