안녕하세요! 미니 프로젝트 강의 듣다가 부족한 부분은 기초 자바스크립트 영상을 보고 있습니다(넘 감사드려용..) 기초 영상 중 #18 모듈 부분 타임라인 1:55 에 보시면 <script src="index.js"></script> 요 안에 type="module" 를 적어주시는 데, 이 부분이 적어줘야할 이유가 궁금합니다!! 왜 적는 지 궁금해요 ㅎㅎ..
if(Number(activeLi) < 0){ activeLi = Number(activeLi) + 260; //왼쪽에 있던 카드가 오른쪽으로 갔다면, 다시 왼쪽으로 갈 수 있도록 PREV 버튼 활성화 slidePrev.style.color = '#2f3059'; slidePrev.classList.add('slide-prev-hover'); slidePrev.addEventListener('click',transformPrev); if(Number(activeLi) === 0){ slideNext.style.color = '#cfd8dc'; slideNext.classList.remove('slide-prev-hover'); //이벤트처리. 클릭을 눌러도 더이상 동작하지 않게. slideNext.removeEventListener('click', transformPrev); } } let activeLi = classList.getAttribute('data-position'); activeLi에 속성을 가져오고 if문에서 Number를 꼭 써야한다는 것이 정확하게 이해가 잘 안가요... Number()로 형변환을 하지 않으면 어떻게 되나요 ? 어차피 index.html에서 data-position의 값으로 숫자를 지정한거 아닌가요? <ul class="class-list" data-position="0"> 쌍따옴표로 감싸면 다 문자로 인식되는건가요? 강의를 띄엄띄엄봐서 ㅠㅠ 헷갈립니다...
React 진영에서 functional component나 hook 등은 순수 함수로 작성하도록 권장되는 것으로 알고 있는데요, renderBlogList 함수는 외부 스코프에 있는 loading , posts 값에 의존성을 가지기 때문에 순수함수가 될 수 없는 것으로 보이는데 이를 순수함수로 변경하는 것이 더 나은 코드를 작성하는 방법일까요? 아니면 굳이 그렇게 할 필요까지는 없을지 궁금합니다.
변수 명은 편한대로 변경했습니다. numberOfPageForGroup = currentGroup === lastGroup ? totalPages % limit : limit; 처음 알려주신 코드 로직 그대로 사용하면 totalPages가 limit으로 나누어 떨어져서 나머지가 0인 경우 버그가 발생합니다. const numberOfPageForGroup = currentGroup === lastGroup && totalPages % limit !== 0 ? totalPages % limit : limit; 나누어 떨어지는 경우도 처리해줘야 정상 작동합니다.
안녕하세요. 스크립트는 아래와 같이 작성하였으며, 콘솔에는 3-12.AsyncAwait.html:20 Uncaught (in promise) TypeError: data is not iterable at calculateSum 이라는 오류가 나왔습니다. <!DOCTYPE html> <html> <head> <title>Document</title> </head> <body> <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> <script> var url ="https://74f8c451-bcda-46f0-820b-f63caee12b28.mock.pstmn.io/productList"; async function getData2(){ return (await axios.get(url)).data; } async function calculateSum(){ var data = await getData2(); var total = 0; for(var item of data){ total += item.price; } console.log(total); } calculateSum(); </script> </body> </html> 어디가 잘못된걸까요... 강의랑 똑같이 작성을 한거같은데..
Modal.vue 의 style 에 scoped 속성을 주면 왜 slot 의 디자인이 적용되지 않는 건가요?? 인터넷을 뒤져보니 이렇게 동작하는 게 정상적이라고는 하지만, 정작 왜 그런지는 이해가 안됩니다. 그리고 혹시 <style scoped> 를 쓰더라도 slot 에 디자인을 적용시킬 방법은 없을까요?
안녕하세요. d.ts 관련하여 타입 추론은 되는데 컴파일 시 Can not find name '타입명' 에러가 계속 발생하여 문의글을 올립니다. 프로젝트 구조는 아래와 같이 되어 있습니다. index.d.ts node_modules/ index.ts tsconfig.js 각 파일의 내용은 아래와 같습니다. index.d.ts interface Person { name: string; age: number; } interface Developer extends Person { skill: string; } index.ts const dev : Developer = { age: 33, name: 'Developer', skill: 'TS' } console.log('Dev > ', dev. tsconfig.json { "compilerOptions: { ... "lib": ["DOM", "ESNext"], "module": "commonjs", ... 이 상황에서 tsc index.ts로 컴파일을 실행하면 Developer 부분에 Cannot find name 'Developer' 에러가 발생하고 컴파일이 실패했다는 메세지가 터미널에 출력됩니다. 이해가 안되는 부분은 VS Code 상으로는 인터페이스임을 제대로 추론하고 에러 표시 또한 나오지 않는다는 것입니다. d.ts가 외부 모듈의 타입을 tsc가 파악할 수 없을때, 타입 추론을 할 수 있도록 도와주는 용도로 사용한다고 알고 있고, 일반적으로 프로젝트 루트 경로에 d.ts를 선언하면 전역으로 타입이 적용되는 것으로 알고 있는데, 왜 추론만 되고 실제 컴파일을 실행할 때는 에러가 발생하는지 궁금합니다. 감사합니다.
모던 웹을 위한 다양한 Javascript+ES6 객체 선언 기법 이해3 11:35 초 이 부분에서.. get_message()를 constructor(name,brand) 안에 안쓰는 이유가 있나요? 잘 이해가 안가서요... 그리고 get_message라고 써야하나요 아니면 getMessage 라고 해야하나요?
5:02초 예제에서, 첫번째 next 메서드는 제너레이터 함수의 첫번째 yield를 만날때까지 실행을 한다고 하셨는데.. 이미 처음 next 메서드를 실행했을 때 const data1 = yield; 문장이 실행된것 아닌가요? 왜 두번째 next 메서드의 인수가 변수 data1으로 대입되나요?
처음에 function addTodo의 객체 파라미터 todo에 제 나름대로 데이터 타입을 정의할 때, 저는 function addTodo(todo: {id: number, title: string, done: boolean}): void { } 라고 선언을 했는데, 에러가 나지 않아서 맞는 방법인 줄 알았습니다. 그런데 다른 분께서 구분자 질문한 글에 강사님께서 작성하신 답변에는 세미콜론을 사용하는게 좀 더 정확한? 표현인것처럼 느껴져서 여기저기 찾아봤는데, 둘 다 사용해도 되는 것 같아 강사님께 질문 남깁니다.
안녕하세요 강사님, 제 github에서 learn-TS라는 레퍼지토리를 따로 생성한 뒤 해당 폴더에 git clone을 해서 형상관리를 하고싶은데 warning: adding embedded git repository: learn-typescript hint: You've added another git repository inside your current repository. hint: Clones of the outer repository will not contain the contents of hint: the embedded repository and will not know how to obtain it. hint: If you meant to add a submodule, use: hint: hint: git submodule add <url> learn-typescript hint: hint: If you added this path by mistake, you can remove it from the hint: index with: hint: hint: git rm --cached learn-typescript hint: hint: See "git help submodule" for more information. 라는 에러가 뜨면서 git에 업로드를 하지 못하고 있습니다. 혹시 해결방법을 알고 계시다면 답변 부탁드립니다.