핸드북에는 유니온(Union) 타입이란 두 타입의 합집합을 의미한다고 (&) 써있고 교차(Intersection) 타입이란 아래와 같이 타입이 2가지 이상일 경우에 교집합(교차)인 경우의 속성만 보장해주는 특성을 의미합니다. 라고 써있는데.. 강의에서는 유니온이 | 이거고 인터섹션이 & 이거라고 하셔서.. 어떤게 맞는건가요? 갑자기 너무 헷갈리네요요 제가 이해를 잘못하고있는건가요..?

안녕하세요. 1. 저는 매개변수에 빨간물결은뜨는데 노란색이 안뜨는데 어떻게 해야하나요? format on Save는 껐습니다. 2. 그리고 다른질문이있는데 원래 format on Save를 끄기전에 vscode에서 프리티어가 코드를 정리해줬는데  js는 적용이 되고 ts파일은 적용이 안되더라구요. 왜 ts는 프리티어 적용이 안되나요?

강의 3분 즈음 내용입니다. 삭제 버튼은 span 태그 안에 i 태그를 작성했는데 체크 버튼은 i 태그만 사용한 이유가 궁금합니다!

실습하다가 위와 같은 에러가 세미콜론 끝에서 계속 떠서 검색해보니까 prettier 2.0이상 부터 endOfLine 옵션 default가 auto'에서 'lf'변경되면서 뜨는것 같습니다! 강제로 아래와 같이 설정해주면 안뜨네요. .eslintrc.js 파일 내 아래와 같이 추가설정 rules: {     'prettier/prettier': [       'error',      {     endOfLine: 'auto'    }

https://www.inflearn.com/questions/113338 이쪽 혹시 질문 답변받을 수 있을까요? 인덱싱과 딕셔너리 패턴에 대한 내용입니다.

선생님 우선 새해 복 많이 받으세요. ^^  강의 감사하게 잘 듣고 있습니다. 다름이 아니라 질문이 있어서요... 마지막에 getShoppingItemOption('name')가 의미하는게 어떤건지 이해가 잘 안가네요 ㅠㅠ string이라는 타입을 반환하는 건가요? 만약 타입을 반환하는거라면 이게 어떤 의미인지, 어떤 방식으로 사용되는지 잘 모르겠습니다. 그리고 타입스크립트의 장점이 미리 타입을 추론할 수 있어서 오류를 줄일 수 있다는 점인데 제네릭을 사용하면 타입을 유동적으로 나중에 선언을 해주는 방식이라고 이해를 했는데 이러면 타입스크립트를 쓰는 의미가 줄어들지 않나요? 아무값이나 넣고 나중에 타입을 선언하니까...

// 인덱싱 interface StringArray { [index: number]: string; } var arr = ['a', 'b', 'c']; arr[0]; // 'a' // 딕셔너리 패턴 interface StringRegexDictionary { [key: string]: RegExp } var obj: StringRegexDictionary = { sth: /abc/, cssFile: /\.css$/, jsFile: /\.css$/, } 위의 코드처럼 인덱싱과 딕셔너리 패턴이 다른게 없어보이는데요. 어떤 차이가 있는건가요? Array에 접근할떄는 인덱싱, Object에 접근할때는 딕셔너리 패턴이라고 두신건가요?

안녕하세요. 핸드북에서 딕셔너리 패턴에 대한 내용이 빠진듯해요! 혹시 이 부분도 같이 추가 부탁드려도 될까요?

영상을 여러 번 돌려봤는데 너무 헷갈려서요 제가 제대로 이해한 게 맞는지 확인해주셨으면 합니다. 제가 정리한 내용은 다음과 같습니다. ㅡㅡ 현재 스크롤 상태를 나타내는 scrollState의 기본값은 false이다. 스크롤 이벤트가 실행되면 clearTimeout이 먼저 작동한다. clearTimeout은 setTimeout의 반환값을 매개변수로 하여 setTimeout을 취소시키는 함수이다. 지금은 setTimeout이 실행되지 않았으니 건너뛰고 다음 if문으로 가자. "!(self.scrollState=false)= true", 즉 if(true){} 이므로 if문이 실행된다. running 클래스가 붙어 이제 애니메이션이 작동된다. 다음으로 setTimeout 함수로 가보자. setTimeout은 항상 숫자를 리턴하기 때문에 scrollState는 값을 가지게 되어 true가 된다. setTimeout 안의 내용들은 0.5초 후에 실행되는데 실행되기도 전에 스크롤 이벤트 갱신과 함께 clearTimeout으로 인해 실행되지 못한다. 이제 if문으로 넘어가는데 scrollState가 true이므로 if(!true), 즉, if(false)가 되어 if 문이 실행되지 않는다. 그리고 setTimeout으로 넘어가면 마찬가지로 리턴값을 받아 여전히 true이고, settimeout은 실행되지 않는다. 이렇게 반복되다가 마지막 스크롤일 때 setTimeout이 드디어 실행된다. 왜냐하면 더 이상 스크롤 이벤트가 일어나지 않아 clearTimeout이 동작하지 않기 때문이다. 비로소 scrollstate는 false가 되고 running 클래스는 제거된다.

문득 강의를 듣다 궁금해졌습니다.구글링을 해보긴 했는데 기본적으로 자바스크립트는 동기적 언어라고 하더군요.간혹 비동기적 언어라고 오해하는 경우도 있던데 , 콜백이나 프로미스, async / await 등 비동기 처리에 대한 특징들이 많아서 그럴까요?

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 파일에서 대응하게 하는 건 어려울까요? 강의를 듣다 궁금해서 질문 남깁니다. 크로스 브라우징 너무 어렵네요ㅜ

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; }

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