본문 바로가기
728x90

Front-End/일반3

웹브라우저 javascript 의 실행 과정(동기와 비동기) javascript는 동기적일까, 비동기적일까? 라는 궁금증이 생겼다. 또한 javascript의 동작과정을 공부하면서 Eventloop가 정확히 어디 있는 것일까 궁금증이 생겼다. javascript의 실행 과정을 간단히 정리해봤다. (출처 : What Is The Javascript Event Loop? - DEV Community) 동작 1. Heap & Stack - Heap 메모리에 동적 개체 등이 생성되고, 함수 코드들이 Stack에 쌓여 실행된다. 2. 외부 API ( Ajax, setTimeOut(), setInterval() 같은 Web API 등 ) - Stack에 요청들을 하나씩 처리하다가 외부 API 요청을 맞닥뜨린 경우 - 해당 API를 지원하는(브라우저 등) 런타임 환경에 요청하.. 2022. 3. 20.
WEB에서 DOM 이란? DOM은 Document Object Model의 약자이다 우리가 보는 WEB은 문자열로 된 document, 즉 문서를 번역한 것이다. javaScript를 통해 이 문서(문자열중 일부)를 조작 하므로써 WEB에서 보이는 UI 혹은 데이터를 조작할 수 있는 것이다. 2021. 1. 21.
Javascript 필수 함수 정리 devpad.tistory.com/37 [조언] jQuery 보다 먼저 알았으면 좋았을 것들 개인적으로 도움이 됐던 포스팅입니다. 출처는 김정환 블로그 입니다. 웹 개발할 때 난 jQuery부터 사용하기 시작한 것 같다. 라이브러리가 주는 편리함 넘어 어떻게 DOM API를 사용하는지는 몰랐다 devpad.tistory.com > 출저 입니다. 1. DOM 선택 1) Id > document.getElementById( "Idvalue" ) document.querySelector( "#Idvalue" ) 2) class > document.getElementsByClassName( "classname" ) document.querySelectorAll( ".classname" ) 3) 태그명 > doc.. 2020. 11. 8.
728x90