if (passwordConfirmInput.value !== passwoedInput.value)  에서 !=가 아닌 !==를 쓴 이유는 무엇이고, !=와 !==의 차이는 무엇인가요?

안녕하세요 수강 중 궁금한 사항 질문드립니다~ 질문1) FormView.js 파일 아래 코드에서 import View from './View.js'; const tag = '[FormView]'; const FormView = Object.create(View); // 객체를 생성함 FormView.setup = function(el) { // el 받아서 내부적으로 속성으로 갖게할꺼임   this.init(el)   this.inputEl = el.querySelector('[type=text]')   this.resetEl = el.querySelector('[type=reset]')   this.showResetBtn(false); // 숨길꺼니깐 false로 넘겨줌 } const FormView = Object.create(View) 로 객체?를 생성 후 여기서 this로 메서드를 추가하셨는데 혹시 그냥 View.init(el) 이런식으로 하면 안되는건지 질문드립니다!  질문2) View.js 에서 throw el 은 어떤 역할인건지 궁금합니다..  그럼 답변부탁드릴게요 감사합니당

최근 듣는 분들 중 enter 작동 안하시는 분들은  .list-enter -> .list-enter-from 으로 하니까 잘 작동하네여!

(사진)

안녕하세요. 카드 3D 애니메이션을 IE에서 실행되게 할 때 선생님께서 문서구조를 바꾸셨는데 그럼 하나의 html 파일에서 대응하게 하는 건 어려울까요? 강의를 듣다 궁금해서 질문 남깁니다. 크로스 브라우징 너무 어렵네요ㅜ

안녕하세요? 좋은강의를 무료로 공개해 주셔서 감사한 마음으로 잘 듣고있습니다! 공부하다 map, filter, reduce에 비해 group_by, count_by함수는 좋다는 느낌이 들지 않아서 답답함을 해소할 수 있을까 싶어 질문 드립니다. 제가 그냥 생각해 봤을때는 group_by를 통해 멋지게 그룹핑을 했다면 그 결과를 reduce와 같은 함수를 이용해서 집계를 하는게 좋다고 생각을합니다. 예를들어서 다음과 같이 동작했으면 좋겠습니다. _go(   [{a:1, b:1}, {a:2, b:2}, {a:3, b:1}, {a:4, b:3}],   list => _group_by(list, obj=>obj.b),   grouped => _group_reduce(grouped, (a_sum, obj)=>a_sum+obj.a, 0),   console.log, ) // 결과 {   '1': 4,    '2': 2,   '3': 4, } 이런 저의 바람과는 달리 카운팅 이라는 단순한 동작을 위해서도 새롭게 'count_by함수를 만들어 낸다'는점이 앞에서 배운 '함수형'이라는 느낌이 나지 않는거 같습니다. 이렇게 된다면 위의 예제와 같이 group_by된 결과에서 a의 값을뽑아 모두 더하는 작업을 하려면 '_group_by_add_a'와 같은 함수를 만들어야 하고, 또 다른 작업을 하려면 또 새롭게 무언가를 만들어내야 할 거 같습니다. 그리고 map, filter, reduce등은 array like를 만들어 내고 이 결과는 go를통해 계속하여 연결해 쓸 수 있는 느낌이었지만, group_by, count_by는 객체를 리턴해 버려서 더이상의 진행은 없는 느낌이 듭니다. (물론 Object.values후 flat 하면 다시 Array가 되긴 합니다만, 이렇게 해버리면 에초에 그룹으로 묶은 의미가 사라지는게 아닐까 합니다.) 위와같이 그룹에 대해서 또 다시 연산하는 무언가를 나중에 배우는 건가요? 아니면 함수형은 마지막을 만들어둔 집계함수로 마무리하는게 끝인 건가요? 그리고 return이 객체인 경우 그 이후 진행을 어떻게 하는게 좋은지도 궁금합니다.   감사합니다.

facebook 컬러를 어떻게 가져오나요?

쌤 코드 기준으로 질문드려여 :> case 0: 일 경우, 동영상이 밑의 사진처럼 로드시 drawImage 처리를 해줘야 스크롤 처리가 없어도 한번에 뜨는 반면에, case2:일 경우는 동영상이 로드 시의 처리 없이도 바로 뜨는데 이게 왜그런지 궁금하네유

안녕하세요! 강의에서 본 내용처럼 env.development 파일에 url 을 정의해놓고 사용하려고 하는데 process.env.VUE_APP_API_URL 이 undefined로 떨어져서 제대로 동작하지 않네요..ㅠ 다른 설정이빠진게 있을까요?

강의 열심히 따라가다가 tsc index.ts 부분에서  bash: tsx: command not found 라고 나오는데요.  강의처럼 정상동작 하려면 어떻게 해야할까요? 방법을 찾아보다가 npx tsc index.ts라고 입력하니까 정상작동하네요.. 일단 그렇게 따라가고 있습니다.

강의 8:02에 .local-nav-links .product-name을 하여 .local-nav-links a보다 우선순위를 올려 주셨는데 앞서 작성하신 .local-nav-links a:not(.product-name)에 fontr-size를 정해주고 .porduct-name에 굵기, 크기를 조절해준다면 더 클린한 코드 아닌가요? 사실 크게 상관 없을거 같은데 궁금해서 질의 합니다. 8:02부분과 이 코드를 비교하시면 제질문이 이해되기 쉬울거 같습니다. .product-name { margin-right: auto; font-size: 1.2rem; font-weight: bold; } .local-nav-links a:not(.product-name) { margin-left: 2em; font-size: 0.8rem; }

승인 받은 후 비공개 리포지토리에 접속했더니 404에러가 뜹니다.. 혹시 확인 부탁드려도 괜찮을까요?

강사님~ 강의 잘 보고 있습니다   함수 타입 - 옵셔널 파라미터 강의 2:15쯔음부터 옵셔널 연산자 설명해주시는데... 물음표 얘기하시는 거죠? 코드에선 ?로 보여주시는데 음성으로는 느낌표(!)라고 녹음이 되었네요

const b = {      name :  '하하',      bb () {                  return this.name;       },      a: x => {                   return this.name;         } } 생뚱맞은 질문 있을수도 있는데 여기서 a: x=> {return this.name}에서  에로우 함수는 함수스코프인데 실행컨텍스트 실행이 this바인딩을 안하니까 const b= {}이쪽 스코프를 참조하니까 객체에서의 this는 window인가여 TT bb() {    const b = x => {              return this.name;      } } 같은경우는 this바인딩 안하니까 외부함수 즉 메소드 bb(){}의 this를 보니까 this는 b를 보는건 알겟는데용

안녕하세요선생님~ 수업 잘 듣고있어요 객체에서 키값으로 문자나 숫자를 쓸수있다고 하셨는데 ,숫자1을 키값으로 쓰니까 점접근자를 사용할수없네요? 각괄호접근자로는 값이 출력되구요 왜 그럴까요?

type test1 = {name: string} type test2 = test1 & {age: number} const test3: test2 = { name: 'd', age: 33 } 찾아보니 제가 보기에는 위 코드가 interface 처럼 확장이 되는 것 같던데, 제가 쓴 코드는 확장의 개념이 맞는지 아닌지 질문드립니다.

안녕하세요 선생님 궁금한게 생겨서 질문드려요!   const zMove=pageYOffset/maxScrollValue*1000-490;  houseElem.style.transform='translateZ('+zMove+'vw)'; 여기에서 zMove에 1000을 곱할때 pageYOffset/maxScrollValue가 너무 작아서라고 이해했는데 다시듣다보니 의문이 생겨서요   .wall-left, .wall-right의 width가 1000vw인것과 관련있는건가요? 스크롤이 끝까지 가지않게 950을 곱해주시는걸 보고 든 생각인데 이게 맞는건지 궁금해요

안녕하세요 강사님.  저는 vue cli 4 버전으로 하고 있습니다.  기존 강의 대로 slot 부분을 따라하면 npm run serve 했을 때 사진과 같은 에러가 납니다. 위의 에러를 검색해서 찾다가  TodoInput 컴포넌트의 <h3 slot="header">경고</h3>  을  <template v-solt:header>경고</template> 로 바꾸니까 해결이 되었습니다.  제 생각에는 4버전의 eslint-loader가 기존 강의 버전과 다른 규칙이 있어서 그런 것 같은데 제 생각이 맞는지 여쭤보고 싶어서 질문을 드립니다.  그리고 혹시나 제가 한 것 말고 다른 해결 방법이 있다면 알려주시면 감사하겠습니다. 

actions.js 에서 return response를 명시하지 않고 곧바로 Ask.vue에서 then으로 체인을 할수 있던데요, 어떻게 돌아가는건지 정확히 알 수 있을까요?

제로초님 노드 js교과서 예전버전과 유튜브에 올려주식 새 버전 모두 너무 감사하게 잘 듣고 있습니다. 강의 중간에 소개해주셨던 HTTP 완벽가이드책을 보면서 HTTP를 한번 훓었는데 HTTP 전체 개념을 잡는데 정말 큰 도움이 된것 같습니다. 너무 좋은 책 소개해주셔서 감사드립니다. 다름이 아니라 HTTP 공부 뒤에 운영체제도 공부해보려고 하는데 혹시 추천해주실만한 책이 있는지 물어봐도 될까요?현재 알아본것은 - 운영체제 (일명 공룡책)- 그림으로 배우는 구조와 원리 운영체제- 운영체제와 정보기술의 원리 이렇게 세권이 좋다는 말은 들었습니다. HTTP 완벽가이드처럼 입문자도 쉽게 이해할수 있으면서 필수개념은 다 익힐 수 있는 책을 공부하고 싶은데 혹시 조언을 부탁드려도 되는지 여쭙고 싶습니다. 강의와 관계없는 질문이라 물어보기 죄송한데 주변에 조언을 얻을만한 곳이 없어서 이곳에 올립니다.좋은 하루 보내시기 바랍니다!