본문 바로가기

TIL/Javascript7

Uncaught SyntaxError: Cannot use import statement outside a module index.html> type="module" 로 명시해줘야 함. 2021. 2. 2.
React.js | TypeError: Cannot read property ‘replace’ of undefined TypeError: Cannot read property ‘replace’ of undefined undefined인 객체에 replace 메소드를 호출해서 발생하는 에러다. 값을 받아온 이후에 실행되도록 if문을 추가해서 해결했다. contentId = props.contentId if(contentId) { // props 가 있다면 contentId = contentId.replace() //replace() 메소드 실행 } 2021. 1. 15.
[33 Concepts JS] Call Stack [33 Concepts Every Javascript Developer Should Know](https://github.com/leonardomso/33-js-concepts) - feat. Nomad Coder youtube 1. Call Stack - 자바스크립트가 함수 실행을 핸들링하는 방법 중 하나이다. - 콜스택이라는 자바스크립트의 todo list가 있고, 스택방식으로 하나씩 쌓여서 순서대로 실행된다. - [콜스택과 이벤트루프](https://medium.com/@gaurav.pandvia/understanding-javascript-function-executions-tasks-event-loop-call-stack-more-part-1-5683dea1f5ec) 2020. 12. 11.
[모던자바스크립트 deep dive] 디버깅, code runner 2020. 12. 11.
JS-이벤트 루프, 호이스팅, 클로저 1. 이벤트 루프 Call Stack Heap Queue Event loop 2. Hoisting var, 선언이 끌어올려짐. let, const 사용을 권장하는 이유. 선언문 형태로 정의한 함수의 유효범위는 전체 코드의 맨 처음부터 시작하므로, 표현식 형태의 함수사용 권장. 3. Closure 외부함수에 의해 반환되는 내부함수. 클로저 생성 조건 내부함수가 익명함수로 되어 외부함수 반환값으로 사용된다. 내부함수는 외부함수의 실행 환경에서 실행된다. 내부함수에서 사용되는 변수 x는 외부함수의 변수 스코프에 있다. function outer(){ var name = `closure`; function inner(){ console.log(name); } inner(); } outer(); var name .. 2020. 12. 10.
[Javascript] 함수도 객체다 자바스크립트에서 함수는 일급객체다. * 일급객체의 특징 - 변수나 프로퍼티의 값으로 할당될 수 있다. - 함수 인자로 전달될 수 있다. - 리턴값으로 활용될 수 있다. - 동적으로 프로퍼티를 생성할 수 있다. 1. 변수나 프로퍼티의 값으로 할당 var foo = function(){ console.log('foo변수에 익명함수를 담았습니다.'); } var obj = {}; obj.age = function(){ return 100; } 2. 함수 인자로 전달 var foo = function(){ return 100; }; var goo = function(value) { console.log(value) }; goo(foo()); 3. 리턴값으로 활용 var foo = function(){ retur.. 2020. 12. 3.