FrontEnd/Javascript
-
[javascript] javascript 개발자가 알아야 할 핵심 개념 33가지 - (2)FrontEnd/Javascript 2021. 7. 10. 15:17
본 내용은 https://github.com/leonardomso/33-js-concepts#11-javascript-engines 의 내용을 다루고 있습니다. 해당 레포는 현재 40k가 넘는 star를 가진 레포입니다. https://kevinkim95-dev.tistory.com/15 [javascript] javascript 개발자가 알아야 할 핵심 개념 33가지 - (1) 본 내용은 https://github.com/leonardomso/33-js-concepts#11-javascript-engines 의 내용을 다루고 있습니다. 해당 레포는 현재 40k가 넘는 star를 가진 레포입니다. 1. Call Stack Javascript를 실행하면, java.. kevinkim95-dev.tistor..
-
[javascript] javascript 개발자가 알아야 할 핵심 개념 33가지 - (1)FrontEnd/Javascript 2021. 7. 6. 03:01
본 내용은 https://github.com/leonardomso/33-js-concepts#11-javascript-engines 의 내용을 다루고 있습니다. 해당 레포는 현재 40k가 넘는 star를 가진 레포입니다. 1. Call Stack Javascript를 실행하면, javascript에 존재하는 함수들이 스택에 쌓이게 된다. 쌓인 함수들은 스택에서 pop하듯이 맨 위에서부터 실행이 완료되고 stack에서 빠져나가게 된다. call stack이 쌓이고 없어지는 모습 python과 같은 언어에서 재귀호출 시 1000번이 넘어가면 max recursion depth가 생기듯이, javascript의 call stack에 일정량 이상의 함수가 쌓이면 maximum call sctack size ex..
-
[Javascript] 튜토리얼 (1) - HTML 파일에서 Javascript 사용하기FrontEnd/Javascript 2021. 6. 17. 15:05
Javascript 사용법1 - Inline 으로 사용하기 In(안) + line(줄) : 한 줄 안에서 끝내기! HTML 파일의 태그 안에서 Javascript 함수를 attribute로 사용하는 것을 말한다. 이 예시의 설명을 위해서 alert 함수(메시지와 함께 알림 모달을 띄우는 것)를 이용하였다. 11번째 줄과 12번째 줄의 h1은 둘다 같은 h1이지만 밑의 h1은 onclick이벤트를 Inline으로 사용하였다. 따라서 같은 h1이지만 둘째 줄의 h1만 클릭했을 때 alert가 뜨게 된다. 장점 아주 단순하게 javascript 효과를 넣을 수 있다. 단점 태그 안이 복잡해진다. 같은 효과를 갖는 개체가 많아지면 일일히 추가해줘야하므로 복잡하다. 유지보수가 어렵다. Javascript 사용법2..