⏳ 2023. 5. 15. - 2023. 5. 21. 화살표 함수 얘네 그냥 익명 함수 쓰기 귀찮아서 쓰는 건줄 알았는데.. 함수를 어떻게 쓰는지에 따라 this의 범위가 달라진다는 새로운 사실! 😱 을 알게 되었다.. 즉시 실행 함수 이거.. 쓰긴 쓰나요..? 콜백 지옥 지금까지는 보통 강의를 한 번만 봐도 이해했다. 그러나 콜백 파트에서 처음으로 강의를 두 번 봤고.. 엥 이런 식으로 코드 짜면.. 코드가 길어지면.. 나중에 이해하기 힘들 것 같은데..? 생각이 들었다. 그렇게 콜백 관련하여 구글링을 참지 못했고 역시나 콜백 지옥 😈 이라는 문제 상황이 이미 있었다. 그것을 해결하기 위한 promise, async, await 등의 개념이 있었는데 7주차 강의에서 이런 내용도 소개해주었으면.. 좋겠다..
⏳ 2023. 5. 15. - 2023. 5. 21. 문자 문자열 자르기 강의에서는 slice()만 다루었지만, 가끔 헷갈려서 이번 기회에 다른 것도 정리해보았다. let str = "Hello world!"; console.log(str.length); // 12 // substr(시작 인덱스, 길이) : 시작 인덱스부터 길이만큼 자르기 // 길이를 적지 않으면 끝까지 console.log(str.substr(3, 7)); // "lo worl" console.log(str.substr(3)); // "lo world!" // substring(시작 인덱스, 끝 인덱스) : 시작 인덱스부터 끝 인덱스 전까지 자르기 // 끝 인덱스를 적지 않으면 끝까지 console.log(str.substring(3,..
⏳ 2023. 5. 15. - 2023. 5. 21. Prototype js는 프로토타입 기반 언어이다. js에서, 원시형 타입을 제외한 모든 것은 객체이고, 모든 객체는 자신의 부모 역할을 담당하는 객체와 연결되어 있다. 그리고 이것은 객체 지향 언어의 상속처럼, 부모 객체의 프로퍼티 또는 메소드를 상속받아 사용할 수 있게 한다. 이러한 부모 객체를 프로토타입이라고 한다. // Prototype function User(first, last) { this.firstName = first; this.lastName = last; } const user1 = new User("user", "1"); const user2 = new User("user", "2"); console.log(user1); con..
⏳ 2023. 5. 15. - 2023. 5.21. 호이스팅(Hoisting) // 호이스팅(Hoisting) hello1(); // "hello1" // hello2(); // ❌ error // 함수 선언문(Declaration) function hello1() { console.log("hello1"); } // 함수 표현식(Expression) const hello2 = function () { console.log("hello2"); }; 호이스팅은 함수 선언부가 유효범위 최상단으로 끌어올려지는 현상을 말한다. 선언문만 호이스팅된다. 즉시 실행 함수 // 즉시 실행 함수(IIFE, Immediately-Invoked Function Expression) // (F)() (() => { conso..