// 즉시실행 인명함수 (() => {     const actions = {         bordFlies(){             document.querySelector(['data-index="2"'] .bird).style.transform = `translateX($(window.innerWidth)px)`;         }     }     const stepElems = document.querySelectorAll('.step');     const graphicElems = document.querySelectorAll('.graphic-item');      // 현재 활성화된(visible 클래스가 붙은) .graphic-item을 지정     let currentItem = graphicElems[0];     let ioIndex;     const io = new IntersectionObserver((entries, observer) => {         //console.log(entries[0].target.dataset.index);         ioIndex = entries[0].target.dataset.index * 1;         //console.log(iosIndex);     });     for(let i=0; i< stepElems.length; i++){         io.observe(stepElems[i]);         //stepElems[i].setAttribute('data-index', i);         stepElems[i].dataset.index = i;         graphicElems[i].dataset.index = i;         //console.log(stepElems[i].setAttribute('data-index', i));     }     // 활성화     function activate(action){         currentItem.classList.add('visible');         if(action){             actions[action](); // 오류         }         console.log(action);     }     // 비활성화     function inactivate(){         currentItem.classList.remove('visible');     }     window.addEventListener('scroll', () => {         let step;         let boundingRect;         let temp = 0;         //for (let i = 0; i < stepElems.length; i++){         for (let i = ioIndex - 1; i < ioIndex + 2; i++){             step = stepElems[i];             if(!step) continue;             boundingRect = step.getBoundingClientRect();             //console.log(boundingRect.top);             temp++;             // 범위설정             if(boundingRect.top > window.innerHeight * 0.1  && boundingRect.top < window.innerHeight * 0.8){                 //console.log(step.dataset.index);                 //graphicElems[step.dataset.index].classList.add('visible');                 if(currentItem){                     inactivate();                 }                 currentItem = graphicElems[step.dataset.index];                 activate(currentItem.dataset.action);  // 오류             }         }         console.log(temp);     });     activate(); })();// 즉시실행 인명함수 (() => {     const actions = {         bordFlies(){             document.querySelector(['data-index="2"'] .bird).style.transform = `translateX($(window.innerWidth)px)`;         }     }     const stepElems = document.querySelectorAll('.step');     const graphicElems = document.querySelectorAll('.graphic-item');      // 현재 활성화된(visible 클래스가 붙은) .graphic-item을 지정     let currentItem = graphicElems[0];     let ioIndex;     const io = new IntersectionObserver((entries, observer) => {         //console.log(entries[0].target.dataset.index);         ioIndex = entries[0].target.dataset.index * 1;         //console.log(iosIndex);     });     for(let i=0; i< stepElems.length; i++){         io.observe(stepElems[i]);         //stepElems[i].setAttribute('data-index', i);         stepElems[i].dataset.index = i;         graphicElems[i].dataset.index = i;         //console.log(stepElems[i].setAttribute('data-index', i));     }     // 활성화     function activate(action){         currentItem.classList.add('visible');         if(action){             actions[action](); // 오류         }         console.log(action);     }     // 비활성화     function inactivate(){         currentItem.classList.remove('visible');     }     window.addEventListener('scroll', () => {         let step;         let boundingRect;         let temp = 0;         //for (let i = 0; i < stepElems.length; i++){         for (let i = ioIndex - 1; i < ioIndex + 2; i++){             step = stepElems[i];             if(!step) continue;             boundingRect = step.getBoundingClientRect();             //console.log(boundingRect.top);             temp++;             // 범위설정             if(boundingRect.top > window.innerHeight * 0.1  && boundingRect.top < window.innerHeight * 0.8){                 //console.log(step.dataset.index);                 //graphicElems[step.dataset.index].classList.add('visible');                 if(currentItem){                     inactivate();                 }                 currentItem = graphicElems[step.dataset.index];                 activate(currentItem.dataset.action);  // 오류             }         }         console.log(temp);     });     activate(); })();// 즉시실행 인명함수 (() => {     const actions = {         bordFlies(){             document.querySelector(['data-index="2"'] .bird).style.transform = `translateX($(window.innerWidth)px)`;         }     }     const stepElems = document.querySelectorAll('.step');     const graphicElems = document.querySelectorAll('.graphic-item');      // 현재 활성화된(visible 클래스가 붙은) .graphic-item을 지정     let currentItem = graphicElems[0];     let ioIndex;     const io = new IntersectionObserver((entries, observer) => {         //console.log(entries[0].target.dataset.index);         ioIndex = entries[0].target.dataset.index * 1;         //console.log(iosIndex);     });     for(let i=0; i< stepElems.length; i++){         io.observe(stepElems[i]);         //stepElems[i].setAttribute('data-index', i);         stepElems[i].dataset.index = i;         graphicElems[i].dataset.index = i;         //console.log(stepElems[i].setAttribute('data-index', i));     }     // 활성화     function activate(action){         currentItem.classList.add('visible');         if(action){             actions[action](); // 오류         }         console.log(action);     }     // 비활성화     function inactivate(){         currentItem.classList.remove('visible');     }     window.addEventListener('scroll', () => {         let step;         let boundingRect;         let temp = 0;         //for (let i = 0; i < stepElems.length; i++){         for (let i = ioIndex - 1; i < ioIndex + 2; i++){             step = stepElems[i];             if(!step) continue;             boundingRect = step.getBoundingClientRect();             //console.log(boundingRect.top);             temp++;             // 범위설정             if(boundingRect.top > window.innerHeight * 0.1  && boundingRect.top < window.innerHeight * 0.8){                 //console.log(step.dataset.index);                 //graphicElems[step.dataset.index].classList.add('visible');                 if(currentItem){                     inactivate();                 }                 currentItem = graphicElems[step.dataset.index];                 activate(currentItem.dataset.action);  // 오류             }         }         console.log(temp);     });     activate(); })();

강의와 관련있는 질문을 남겨주세요.• 강의와 관련이 없는 질문은 지식공유자가 답변하지 않을 수 있습니다. (사적 상담, 컨설팅, 과제 풀이 등)• 질문을 남기기 전, 비슷한 내용을 질문한 수강생이 있는지 먼저 검색을 해주세요. (중복 질문을 자제해주세요.)• 서비스 운영 관련 질문은 인프런 우측 하단 ‘문의하기’를 이용해주세요. (영상 재생 문제, 사이트 버그, 강의 환불 등) 질문 전달에도 요령이 필요합니다.• 지식공유자가 질문을 좀 더 쉽게 확인할 수 있게 도와주세요.• 강의실 페이지(/lecture) 에서 '질문하기'를 이용해주시면 질문과 연관된 수업 영상 제목이 함께 등록됩니다.• 강의 대시보드에서 질문을 남길 경우, 관련 섹션 및 수업 제목을 기재해주세요. • 수업 특정 구간에 대한 질문은 꼭 영상 타임코드를 남겨주세요! 구체적인 질문일수록 명확한 답을 받을 수 있어요.• 질문 제목은 핵심 키워드를 포함해 간결하게 적어주세요.• 질문 내용은 자세하게 적어주시되, 지식공유자가 답변할 수 있도록 구체적으로 남겨주세요.• 정확한 질문 내용과 함께 코드를 적어주시거나, 캡쳐 이미지를 첨부하면 더욱 좋습니다. 기본적인 예의를 지켜주세요.• 정중한 의견 및 문의 제시, 감사 인사 등의 커뮤니케이션은 더 나은 강의를 위한 기틀이 됩니다. • 질문이 있을 때에는 강의를 만든 지식공유자에 대한 기본적인 예의를 꼭 지켜주세요. • 반말, 욕설, 과격한 표현 등 지식공유자를 불쾌하게 할 수 있는 내용은 스팸 처리 등 제재를 가할 수 있습니다.  안녕하세요 진행과정 중 해결이 잘 안되는 부분이 있어서 질문남깁니다...ㅠ 제가 노트북의 문제로 포맷을 했어서 다시 환경을 설치중인데 이번에 우분투에서 실행환경을 구축하고 싶어서 톰캣 설치까지 다 했는데 파일업로드가 되질않습니다...ㅠ webapps ROOT에 해도 안되고..ㅠ 어디에 파일을 업로드해야하는지 혹시 아시나요..? 혹시 아신다면 도와주시면 감사하겠습니다.ㅠ

Vue devtools가 detected 상태가 되었습니다. 어떻게 다시 활성화 시킬까요 ?

https://firebase.google.com/docs/auth/android/anonymous-auth 에서 kotlin + ktx 쪽 코드를 읽어왔는데 아래와같이 Firebase.auth 가 빨간줄이 뜹니다. 어떻게 해결하면 좋을까요 ??

안녕하세요 타임리프와 JPA를 기존에 많은 회사에서 사용했던 스프링프레임워크 MVC에 TOMCAT 사용한곳에서도 적용이 가능한가요?

인텔리제이는 아니고 이클립스에서 하는데, cmd창에서 명령어도 다 쳤고, 빌드 패스도 잡아줬고 메이븐 업데이트도 했고 별거 다해봤는데 오류 안풀리네요. 저 플러그인을 못찾는다고만 나오네요. 어떻게 해결해야될까요??

error: The argument type 'Map<String, dynamic> Function()' can't be assigned to the parameter type 'Map<String, dynamic>'. (argument_type_not_assignable at [netflix_clone_test] lib/model/model_movie.dart:17) snapshot.data 자체에 오류가 발생하는데 원인 파악을 못하겠습니다..ㅜㅠ

아래 같은 에러가 발생하는데 웹을 잘 몰라서 왜 valid type 이 아닌지 모르겠습니다.

아래와 같은 방법을 써봤는데 안되더라구요 ㅠ npm cache clean --force delete node_modules folder delete package-lock.json file npm install 오류 메세지 Insufficient number of arguments or no entry found. Alternatively, run 'webpack(-cli) --help' for usage info. Hash: 450784a2e0438262e127 Version: webpack 4.44.2 Time: 31ms Built at: 2020-09-20 9:48:22 ├F10: PM┤ WARNING in configuration The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enabledefaults for each environment. You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/configuration/mode/ ERROR in Entry module not found: Error: Can't resolve './src' in '/Users/Eric/study/webpack/npm/getting-started' npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! getting-started@1.0.0 build: `webpack` npm ERR! Exit status 2 npm ERR! npm ERR! Failed at the getting-started@1.0.0 build script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR!     /Users/Eric/.npm/_logs/2020-09-20T12_48_22_174Z-debug.log

mongo db cluster이용이  유료밖에 안되는데 따로 mock date를 받는 방법은 없을 까요 ? 

제목대로입니다.

일반적인 강의 기준으로 말씀드리는 거에요. 강의가 소리부터 안 들리면 질이 안 좋은거 아닌가요? 스피커 두개를 바꿔봤지만 똑같네요.

선생님 안녕하세요.  알고리즘, 자료구조등에 대한 문제를 풀어본적은 한번도 없고 자바문법정도 알고있습니다. 이번에 강의를 수강해보려고 하는데, 혹시 선수학습이 필요한 기초지식이 있나요? 아니면 바로 강의를 수강해도 될까요?

저도 제이쿼리로만 하다가 자바스크립트로 하니까 덜덜 떨리긴 하지만 비슷하내요! 제이쿼리로도 구현해볼려고 합니다! 너무 재밌고 강의가 너무너무너무 친절합니다. 너무 좋아요 감사드립니다. 제주도 개발자님!

knight가 class여서 참조해서 작업한다는건 이해했습니다 근데 얕은카피가 새로운 객체를 만들어서 값을 다시 정해주고 딥카피가 원본클래스 내부에서 함수를 만드는거 같은데 외부에서 그냥 복사할수있는방법은 없는건가요?

안녕하세요!이렇게 구체적이고 섬세하고 친절하고 좋은 강의를 해주셔서 정말 감사합니다. 저는 프로그래밍을 배우고 싶은 비전공자 학생인데 선생님 강의가 빛과 같습니다. 쏙쏙 이해가 잘돼요.너무 재미있게 잘 챙겨듣고있습니다.다듣고 나서 한번에복습할 때 프린트 해서 보고싶은데영상에서사용하신ppt이미지 업로드를부탁드려도될까요?감사합니다. 강의와 관련있는 질문을 남겨주세요.• 강의와 관련이 없는 질문은 지식공유자가 답변하지 않을 수 있습니다. (사적 상담, 컨설팅, 과제 풀이 등)• 질문을 남기기 전, 비슷한 내용을 질문한 수강생이 있는지 먼저 검색을 해주세요. (중복 질문을 자제해주세요.)• 서비스 운영 관련 질문은 인프런 우측 하단 ‘문의하기’를 이용해주세요. (영상 재생 문제, 사이트 버그, 강의 환불 등) 질문 전달에도 요령이 필요합니다.• 지식공유자가 질문을 좀 더 쉽게 확인할 수 있게 도와주세요.• 강의실 페이지(/lecture) 에서 '질문하기'를 이용해주시면 질문과 연관된 수업 영상 제목이 함께 등록됩니다.• 강의 대시보드에서 질문을 남길 경우, 관련 섹션 및 수업 제목을 기재해주세요. • 수업 특정 구간에 대한 질문은 꼭 영상 타임코드를 남겨주세요! 구체적인 질문일수록 명확한 답을 받을 수 있어요.• 질문 제목은 핵심 키워드를 포함해 간결하게 적어주세요.• 질문 내용은 자세하게 적어주시되, 지식공유자가 답변할 수 있도록 구체적으로 남겨주세요.• 정확한 질문 내용과 함께 코드를 적어주시거나, 캡쳐 이미지를 첨부하면 더욱 좋습니다. 기본적인 예의를 지켜주세요.• 정중한 의견 및 문의 제시, 감사 인사 등의 커뮤니케이션은 더 나은 강의를 위한 기틀이 됩니다. • 질문이 있을 때에는 강의를 만든 지식공유자에 대한 기본적인 예의를 꼭 지켜주세요. • 반말, 욕설, 과격한 표현 등 지식공유자를 불쾌하게 할 수 있는 내용은 스팸 처리 등 제재를 가할 수 있습니다. 

값 타입 컬렉션..이것을 @ElementCollection으로 사용하지 않고 그냥 Entity만들어서 사용해도 되지 않나요? JPA를 필요로 하는 곳에 프로젝트를 가게 됐는데 갑작스럽게 너무나 방대한 학습으로 인해 뇌의 전두엽이 터질것 같은데 그냥 엔티티로 다 때려박고 양방향 만들어도 되나요? 어차피 컬렉션을 엔티티로 만들면 @OneToMany써서 조인하면 될거같은데.

검색어 자동완성 기능은 어떻게 할수 있는지요? 참고할만한 내용이라도 알려주세요

선생님 안녕하세요. 좋은강의 정말로 감사드리며 듣고있습니다.  현재 한번 완강을하고 복습중에 있습니다. 그런데 문제가 발생하여 질문드립니다. 자바로 설정하는 부분에서 ServletAppContext에 @PropertySource 와 @Value를 사용하여  properties파일의 값을 읽어오려하는데 null값이 들어갑니다. 프로퍼티 파일에는 이렇게 값이 들어가있고 ServletAppContext에는 이렇게 @PropertySource와 @Value를 이용해 설정했습니다. 그 뒤에,  이런식으로 값을 찍어보았는데, 이런식으로 널값이 나오게됩니다. 프로퍼티 파일의 주소는 /WEB-INF/properties/db.properties입니다. 혹시몰라서, 다른 컨트롤러에도 해봤는데요. 이런식으로 메인컨트롤러에다가 찍어보았습니다. 그러자 이런식으로  메인 클래스에서는 값을 잘 받아옵니다. 구글링을 통해 여러가지 방법을 시도해봤지만, 아직 해결되지않은 상태입니다. 해결방법과 이런 문제가 생겼을 때 어떻게 해결방법을 찾을 수 있는지 알려주시면 감사하겠습니다.

fetchedAsk를 바로 쓰고 싶다면 배열로 연결하라고 말씀 하신 부분에서..  바로 쓰고 싶다는 말이 무슨밀인가요..? 객체로 연결한거와의 차이점이 이해가 안가서요..!