안녕하세요~ main.js 같은 곳에 전역으로 리스너를 선언해서 각각 컴포넌트 내에서 일어나는 클릭이나 router 변경 등을 감지하고 싶은데요! $(document).ready(function() { let logoElement = document.getElementById('logo') logoElement.addEventListener('click', function() { console.log("로고를 클릭했습니다.") }) let imgElement = document.querySelector('.img') imgElement.addEventListener('click', function() { console.log("이미지를 클릭했습니다.") }) }) 이런식으로 엘리먼트 하나하나 클릭할때마다 콘솔이 찍혔으면 좋겠는데 가능한가요? 부모-자식으로 구성되어있는데 하위의 하위(=자식의 자식) 레벨의 컴포넌트에서의 클릭도 인식할 수 있나요? 각 Vue 파일마다 mounted()에서 $(document).ready(~)를 통해 이벤트리스너를 달아야하는건지, 아니면 한 파일에 전역으로 선언해서 공통으로 사용할 수 있는건지 궁금해요! 또 JQuery가 아닌 Vue로 구현할 수 있는 방식이 있나요?

안녕하세요:) 수업을 위해 vscode를 설치했는데요~관리자권한으로 열면  this user installer is not meant to be run as an administrator. if you would like to install vs code for all users in this system, download the system installer instead from http://code.visualstudio.com. are you sure you want to continue? 라고 알림창이 떠서 끄고, 그냥 더블클릭 했더니 강의에 나온 것 처럼 설치창이 떠서 설치를 마쳤습니다. 혹시 문제가 없는건가요...? 그리고 vscode도 회사에서 사용해도 따로 비용을 지불하거나 하지 않아도 괜찮은가요? 감사합니다!

강의 잘 보았습니다. 위 코드에서 observable로 감싸진 객체 안에 state와 action, computed 속성으로 get을 넣어서 표현하셨는데 action은 const A = action(() => 식으로 observable 밖에서 선언하여 export할 수 있는데 혹시 computed도 외부로 분리하여 표현할 수 있는 방법이 있나요? 데코레이터 사용하지 않구요.

강의 잘 보고 있습니다. reaction을 작성할 때, 연속 함수로 표현하는 부분에서 첫 번째 함수와 두 번째 함수에서 값을 인자로 넘겨줄 수 있나요? 예를 들어 reaction(( 어떤 인자? ) => { }, ( 어떤 인자? ) => {}) return을 state.compB로 했는데 밑에서 console을 내릴 때도 state.compB로 표현하는 부분에서 궁금점이 생겨 질문드립니다. () => { return state.compB }, (value) => console.log(value) 이런 식 혹은 다른 인자를 삽입하는 것들이 가능한가요?

강의 잘 보았습니다. redux 처럼 불변성을 지켜주기 위해 타이트하게 관리하지 않는 점에서 매우 흥미로웠습니다. 그렇다면 혹시 observable({   data: [{ id: 1, name: 'A'}, { id: 2, name: 'B'}] )}  위처럼 observable state가 존재할 때, id 1번의 name을 C로 바꾸고 싶다면 data[0].name = 'C' 이런 식의 구문으로 사용해도 무방한 것인가요? 아니면 위와 같은 경우엔 copy를 통한 불변을 지켜주어야 하나요?

수험장에서는 크로스브라우징을 수험자 자리에서 못하고 감독관 자리에서 같이 확인해야 하죠~? 

엄청난 명강의 감사드립니다. 강사님^^ 아래 어떤 분께서 질문하셨는데 Eureka 서비스에 USER-SERVICE 등록하고 새로고침하면 정상 반영되는데 프로세스를 죽였고 일정시간을 기다렸음에도 불구하고 새로고침 하면 여전히 등록되어 있다고 나오는 현상이 있는 것 같은데 어떤 분께서 아래쪽에 질문을 했는데 이건 버그인가요? 아니면 나중에 강의 때 문제가 될까봐 한번 여쭤봅니다. 물론 유레가 자체를 내렸다 올리면 당연히 instances 목록에는 없습니다. 한번 체크 부탁드리겠습니다.^^

혹시 이 강의를 이해하려면 파이썬이나 텐서플로우를 기본적으로 알고 있어야 하나요? C, C++만 배워봐서 약간 혼란스럽네요...

안녕하세요 강의 잘 듣고있습니다. 이전 강의를 들으면서 transform이라는 변수를 통해 child에도 접근할 수 있고 gameObject에도 접근할 수 있음을 알게 되었습니다.  궁금한건 아래 코드와 같이 girdPanel.transform을 foreach에 넣어주면 자동으로 자식들의 transform이 child라는 변수에 들어가나요?.. 너무 신기합니다. 어떠한 원리에서 가능한걸까요..? 개발자의 편의를 위해 저런식으로 동작하게 구현해놓은걸까요?

항상 강의 잘 듣고 있습니다. 감사합니다! fetch join을 할 때 기본적으로 left outer join이 수행된다고 하셨는데 그 전 강의에서는 대부분 Inner join으로 수행됐던것같아서. 질문드렸습니다! 수행하는 우선순위가 따로 있는건가요?

요구사항중에 웹페이지를 제작 후 5mb 용량이 초과되면 실격처리가 된다고 하셨는데, 제작한 index.html의 용량을 뜻하는건가요? 아니면 index.html을 포함한  만든 이미지파일, 스크립트파일,css파일 전부 합쳐서 5mb를 넘으면 안되는건가요~?

index가 열리지않고 http://localhost:8080을 입력했을때 hello.html파일이 바로 열리는것 같습니다 ㅜ

이 솔루션의 경우, 시간복잡도와 공간복잡도 계산은 어떻게 되나요?

안녕하세요 영한님! 현재 강의에선 model 오브젝트의 내용을 request 임시 저장소에 옮기는 작업을 MyView에서 하셨는데요. 이렇게 되면 render()도 오버로딩해야되고 파라미터도 (model, request, response)로 개인적으론 지저분(?)하다고 느껴져서 그냥 front controller에서 model 내용을 request로 옮기는 것이 기존 render(request, response) 그대로 사용할 수 있고 좋은 거 같습니다. 제 짧은 소견으론 아키텍처 관점에서도 크게 나쁘진 않은거 같은데 영한님은 어떻게 생각하시는지 궁금합니다.

강의 예제에서 TestScript 안의 Start함수에 GameObject obj1 = new GameObject(); 를 입력하고 유니티에서 플레이를 하면 계층뷰에서 생성된 GameObject의 이름이 왜 "obj1"이 아닌 "NewGameObject"가 되는 것인가요?

안녕하세요 폰트사이즈 0 CSS 적용이 안되는 이유는 무엇인가요?? @charset 'utf-8'; body {     margin: 0;     font-size: 12px;     color: #222;     line-height: 1.6em;     background-color: #fff; } a {     text-decoration: none;     color: #222; } .container {     border: 1px solid red;     width: 1200px;     margin: auto; } header {     /*overflow: hidden;*/     height: 100px;     position: relative;     width: 1200px; } header > div {     border: 1px solid blue;     height: 100px; } .header-logo {     width: 200px;     float: left; } .navi {     width: 600px;     float: right; } .slide {} .slide > div {     border: 1px solid green; } .items {     overflow: hidden; } .items > div {     border: 1px solid pink;     height: 200px;     float: left;     box-sizing: border-box; } .news {     width: 400px; } .gallery {     width: 400px; } .shortcut {     width: 400px; } footer {     overflow: hidden; } footer > div {     border: 1px solid blue;     height: 100px;     float: left;     box-sizing: border-box; } .family-site {     width: 200px; } .copyright {     width: 1000px; } .copyright div {     border: 1px solid green;     height: 50px; } /*탭콘텐츠*/ .tab-inner, .gallery-inner{     width: 95%;     margin: auto; } .tab-inner .btn{} .tab-inner .btn span, .gallery-inner .btn span{     border: 1px solid #000;     display: inline-block;     width: 100px;     text-align: center;     padding: 5px;     border-radius: 5px 5px 0 0;     border-bottom: none;     background-color: #fff;     margin-bottom: -1px;    }   .tab-inner .tabs, .gallery-inner .tabs{     border: 1px solid #000;     padding: 0 5px;     height: 150px; } .tab-inner .tabs a{     display: block;     padding: 2px;     border-bottom: 1px solid #333;  } .tab-inner .tabs a:last-child{     border-bottom: none;           } .tab-inner .tabs a b{     float: right;     font-weight: normal; } .gallery .tabs {     text-align: center;     padding-top: 20px;     box-sizing: border-box; } .gallery .tabs img{     width: 110px; } /*네비*/ .menu{     list-style: none;     padding: 0;     margin-top: 50px;      } .menu li{     width: 25%;     float:left;     text-align: center;     box-sizing: border-box;     } .menu li > a  {     border: 1px solid #000;     display: block;     padding: 5px;     background-color: #fff;     transition: 0.5s;     color: #000;      } .menu li:hover > a{     background-color: #000;     color: #fff; } .sub-menu{     display: none; } .sub-menu a{     display: block;     padding: 5px;     transition: 0.5s;     color: #fff;     background-color: #000; } .sub-menu a:hover{     background-color: #fff;     color: #000; } .sub-back {     background-color: #000;     height: 150px;     width: 1200px;     position: absolute;     right: 0;     top: 100%;     z-index: -1;     display: none; } /*세로 슬라이드*/ .slide{     position: relative;     width: 1200px;     height: 300px;      } .slide div{     border: 5px solid red;     position: absolute;     font-size: 0;     top: 0;     left: 0; } @keyframes slide {     0%{}     30%{}     35%{}     65%{}     70%{}     95%{}     100%{} }

deleteUser 구현할 때에 userRepository.deletedById(id); 일때 해당 user 레포지토리는 jpa 레포지토리를 상속받은 인터페이스이지만  아무것도 작성하지 않았음에도 불구하고 동작하는 이유는 hibernate가 설치되어 있어서 그런것인가요? 그럼 만약 hibernate를 안쓰고 직접 구현하고 싶다면 UserRepository 인터페이스가 JpaRepository를 상속한 부분을 지우고 코드 작성하고 구현체 만들면 되는건가요?

(제가 드리는 문의가 강의내용과 연결될 수 있는지 없는지 알 수가 없어...일단 문의올립니다. 연관이 없으면 삭제하셔도 무방합니다.) 쿠팡, 옥션, 네이버 스마트스토어 등등에서 상품을 판매하면 --> 주문내역을 엑셀로 다운로드 한 후 --> 적절히 동일한 형식으로 가공하여 (마켓마다 엑셀 형식이 다 다릅니다) --> 그 엑셀파일을 택배시스템에 업로드시켜 주문상품을 배송합니다. 이 때 동일한 형식으로 가공되는 엑셀파일에는 상품 정보는 물론 주문자, 수령자, 주문자 및 수령자의 스마트폰 번호, 수령자 주소 등이 있는데 ==> 이를 활용하여 재구매여부를 확인해볼 수 있을까? 생각이 들었습니다. 예를 들어, 1개월 이내 재구매 여부를 확인하기 위해 (1) 매일매일의 주문 data를 보관하면서 (1개의 주문은 엑셀에서 1개의 row입니다) (2) 각 주문이 들어온 날짜 기준으로 이전 30일 이내에 + 똑같은 주문자 스마트폰 번호가 있는지 확인 = 똑같은 스마트폰 번호가 있으면 해당 주문은 재구매라고 판단하는 거죠. (이 때, 주문자 스마트폰 번호 대신 주문자, 수령자 이름, 수령자의 스마트폰 번호 등으로 해도 무방할 거 같습니다) 그런데 이걸 함수나 파워쿼리로 구현할 수가 있을까요? 함수나 쿼리를 써보려고 머리를 굴려봤지만 ... 각 주문마다 조건이 되는 부분이 다르기에 (4.1 주문은 3.1~4.1 주문 중에서 조건에 부합하는 것을 찾아야 하지만 / 3.15 주문은 2.15~3.15 주문 중에서 찾아야 하니까) 결국 시간을 헛되이 쓰고 말았습니다. 원하는 게 구현이 되려면 결국 VBA, 파이썬 등과 같이 프로그래밍이 좀 필요한 것 같지만... 그래도 혹시나 엑셀 함수나 파워쿼리만 써도 가능할 방법이 있을까 하는 심정에 문의를 드립니다.

devServer의 새로고침클릭시 내용변경하는건 제대로 작동되는데. 실시간으로 변경사항이 적용되는 핫리로딩 기능이 적용이 안됩니다. webpack.config.js 에서 @pmmmwh 와  plugins에서 적어둔 new Refres...() 을 지우면 크롬에서 저에러가 안나는걸보니.. 저에러때문에 핫리로딩기능이 사용이 안되는데 뭐가문제일까요?? 혹시몰라서 devtool : eval을 devtool : source-map 으로 바꾸어보았습니다만 바꾸고나서 저에러는 뜨지않으나 핫리로딩기능은 여전히 안됩니다. port번호는 기본 8080에서 퍼미션에러가 나와서 8081로 변경해주었습니다.

강의 잘 들었습니다. 처음으로 git에 입문을 하게 되었는데 눈높이에 맞는 강의 내용이 좋았습니다.  PPT 자료 받을 메일 주소는 mugu9849@naver.com 입니다.  수강평 어디서 작성하는지 몰라서 질문&답변 란에 올립니다. 수강평 작성할 수 있는 링크를 찾지 못하겠습니다.  답변 부탁드립니다. 감사합니다.