25%
26,400원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Javascript ES6+ 제대로 알아보기 - 초급
프로토타입 체이닝에 대해서
프로토타입 체이닝에 대해서 보면서 느끼는건, 마치 객체지향의 오버라이딩과 같은 느낌이 들어서요!둘의 차이가 궁금합니다.
- 해결됨Javascript ES6+ 제대로 알아보기 - 초급
react 사용할 때 destructuring assignment라고 하는거 진짜 많이 사용 했는데 신기합니다.
const { name : name, age : age } = { name: '재남', age: 30 } console.log(name, age) 원래 이게 정석이었는데, shorthand properties 덕분에 축약 해서 사용 할 수 있게 된건지 몰랐네요. 감사합니다!
- 해결됨Javascript ES6+ 제대로 알아보기 - 초급
2023-10-30일 기준 Object Rest/Spread Properties 적용 됬나봐요. 짱신기
그냥 크롬 개발자 도구 켜서 해봤는데 됩니다!
- 해결됨Javascript ES6+ 제대로 알아보기 - 초급
제가 이해한 부분이 혹시 맞는지 알 수 있을까요?
var로 생성 했을때 block스코프 생성 되지 않음var funcs = []; for (var i = 0; i < 10; i++) { funcs.push(function () { console.log(i); }); } funcs.forEach(function (f) { f(); }); let으로 생성 했을 때 block스코프인해 변수의 유효범위가 생김.즉, for문의 { } 블록 스코프로 변수의 유효범위로 인해서funcs.push(function(){console.log(i)})에서 i가 for문의 i를 가져올 수 있게 됨.let funcs = []; for (let i = 0; i < 10; i++) { funcs.push(function () { console.log(i); }); } funcs.forEach(function (f) { f(); }); 마찬가지로 var를 사용시 똑같은 코드지만 var는 블록스코프로 인해 유효범위가 없기 때문에 for문의 i의 변수의 유효범위로 console.log(i)에 영향을 가지지 못함.
- 미해결Javascript ES6+ 제대로 알아보기 - 초급
블록스코프 내에서 펑션을 선언해서 사용하는경우가 있나요?(실무)
제가 실무에서 2년간 일할땐 블록스코프 내에서 펑션을 만들어서 쓰는경우가 한 번 도 없었는데, 이 강의를 보고나서 이렇게 코드를 짜는 경우도 있나 궁금해서 질문드립니다!
- 미해결Javascript ES6+ 제대로 알아보기 - 초급
클래스에서 화살표함수?
안녕하세요! 클래스 안에서 메소드로 쓸 때는 화살표함수도 프로토타입이 존재하는거같아요. 그리고 클래스 안에서 화살표함수를 사용하면 인스턴스를 생성할때, 메소드를 상속받지 않고 새로운 메소드를 가지고있는 것 같습니다. 클래스 안에서는 화살표함수보다 선언적 함수를 쓰는게 성능상 유리할까요?
- 미해결Javascript ES6+ 제대로 알아보기 - 초급
default parameter TDZ
const multiply = function (x = y * 3, y) { console.log(x, y) } multiply(2, 3) multiply(undefined, 2) <- 이 부분에서 reference error 가 나는 이유를 모르곘습니다
- 미해결Javascript ES6+ 제대로 알아보기 - 초급
강의 자료
8:32 에 써두셨다는 강의 노트는 어디에서 확인할 수 있나요? 위의 강의 목차에 있는 md 파일로된 강의 노트는 다운로드 받았습니다.
- 미해결Javascript ES6+ 제대로 알아보기 - 초급
전개 연산자 얕은 복사 질문
let arr = [1,2,3]let brr = [...arr] 이런 식으로 배열에 대해 전개연산자를 이용하여 할당할 경우엔 깊은 복사가 이루어지는데, 8:04에 예로 드신 코드에서는 얕은 복사가 발생합니다. 보통 배열과는 어떤 차이점이 있기 때문에 얕은 복사가 일어나는 것인지, 그리고 object배열은 어떻게 전개연산자를 이용해야 깊은 복사를 수행할 수 있을지 궁금합니다
- 미해결Javascript ES6+ 제대로 알아보기 - 초급
궁금한게 있는데요 ..
ㅠ 블록스코프 안에서(지역) 밖을(전역) 볼수있는데 그게 let이나 const 키워드로 선언한 (변수)만 해당되는게 맞는지요? 아그리고 retun에 대해서 궁금한게요 ㅠ retun을 하면 함수스코프 안에 있는 모든걸 계산해주나요?;;
- 미해결Javascript ES6+ 제대로 알아보기 - 초급
궁금한게 잇는데요 여기서 this는 array값을 출력해주나요?
this 는 a에 array값을 가르키나요 ㅠ?
- 미해결Javascript ES6+ 제대로 알아보기 - 초급
template literal 강의에서의 reduce 메소드
안녕하세요 강의를 듣다가 reduce 메소드를 사용한 코드에 대해 제가 잘 이해하고 있는지 한 번 확인해주실 수 있을까요? 아래 코드의 reduce 메소드가 안에서 어떻게 반복하는지 너무 헷갈려서 한 번 적어보았습니다... 1번 ' ' + 이 사과는 하나에 +(2000+' ').replace(/\d{1,3}(?=(\d{3})+(?!\d))/g, '$&,') 2번 2,000+ ' ' + 원이고, 총 +(1234567 + ' ').replace(/\d{1,3}(?=(\d{3})+(?!\d))/g, '$&,') 3번 1,234,567+ ' ' + 개를 구입하시면 총 +(2000*1234567).replace(/\d{1,3}(?=(\d{3})+(?!\d))/g, '$&,')이다. 마무리로 '원 이에요.'의 strs[strs.length -1]을 더해준다 이렇게 안에서 반복한다고 보면 되나요?
- 미해결Javascript ES6+ 제대로 알아보기 - 초급
다운로드 받은파일
확장자가 MD 인데 어떻게 확인 할수 있을까요?
- 미해결Javascript ES6+ 제대로 알아보기 - 초급
const 이럴때도 사용하나요?
예를들어 const a = []; 이렇게 선언하고 a.push(1); 이런식으로 값이 변한다 할 때도 가리키는 메모리 주소는 여전히 불변이니, let이 아닌 const를 쓰는게 맞는건가요? 가리키는 메모리의 주소가 실행도중 변경될 경우 let, 메모리 주소가 변경되지 않을경우 const를 쓰면 되는건지요 강의 잘보고 있습니다 감사합니다
- 미해결Javascript ES6+ 제대로 알아보기 - 초급
순서정렬
``` const arr = [23,12,27,55,11] const b = arr.reduce((a,c,i)=>{ a[c]=i return a; },{}) console.log(b); const key1 = []; for(const keys in b ){ key1.push(keys) } console.log(key1) //['11','12','23','27','55']``` 값이 순서대로 들어가지않은 배열을 key 값이 순서대로 들어가는게 표준이라는 말을듣고 꼼수를 부려봤는데 이런것도 정렬이 될수있을까요??
- 해결됨Javascript ES6+ 제대로 알아보기 - 초급
함수선언문 말고 arrow function
에로우 스코프는 함수선언문처럼은 못하나요? 보면 함수표현식처럼 if(true){ d() // Uncaught TypeError: d is not a function var d = () => { console.log( true ) } } d() //true 이렇게 할당하는데 이렇게 하면은 이렇게 나오는데 함수표현식이여서 전역컨텍스트에 var d; 만 선언되고 함수는 할당이 안되서 에러가 나오는데 'use strict' if (true) { a() //true function a () { console.log(true) } } 이렇게 블록스코프에 같인 함수선언문은 true가 나오는데 왜 arrow function 쓰라는지 조금만 더 설명 부탁드려도 될까요
- 미해결Javascript ES6+ 제대로 알아보기 - 초급
this바인딩 질문
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를 보는건 알겟는데용
- 미해결Javascript ES6+ 제대로 알아보기 - 초급
에로우함수 new.target
function Person (name) { const af = n => { this.name = n console.log(new.target) } af(name) } const p1 = new Person('재남') const p2 = Person('성훈') const p2 같은경우는 new연산자를 안써서 기본적으로 외부함수로 객체도 생성이 안되서 내부함수도 new.tartget이 바인딩안되서 외부함수를 보는데 아무것도 없어서 console창에 아무것도 없는건가요?
- 미해결Javascript ES6+ 제대로 알아보기 - 초급
함수표현식질문
function G () {} G.method1 = function () {} G.prototype.method2 = function () {} const g = new G() 이거하고 const b = function() {} console.log(b.name) 차이점이 아래는 변수명이 b 하나니까 프로퍼티 name 읽어서 부르는데 위는 G.method1로 읽을지 method1로 읽을지 정의가 애매하다고 하셧는데 G.method1 = function(){}하면 function G() { method1 (){} } 이게 이렇게 되고 여기서 const g= new G()에서 생성자함수로서 객체 리턴해서 const g = {method1(){}}되는거 아닌가여?? 제가 이해가 안되서 조금만 더 설명해주시면 감사하겠습니다 TT
- 해결됨Javascript ES6+ 제대로 알아보기 - 초급
rest parameter장점
제가 이해한게 맞을까요? 전 강의하고 이번 강의 로 arguments 단점을 rest parameter가 보완해주는게 arguments는 유사배열객체여서 실제 배열 메소드 쓸려면 손이좀 가고 , argumetns[0] 값을 바꾸면 인자에도 영양을 미친다 그걸 나머지 파라미터를 이용하면 인자에도 영향을 안미치고 실제 배열이여서 메소드도 쓸수있고여