SOOM_BLOG [숨숨 블로그]

Function fundamental building block in the program subprogram can be used multiple times performs a task or calculates a value Function declation function name (param1, param1) {body ... return;} one function === one thing : 함수 하나는 한 가지 일만 해야한다. naming : doSomething, command, verb function is object in JS Parameters premitive parameters : passed by value object parametser : passed by reference ☆..

자바스크립트 함수 실행 자바스크립트에서 함수를 'scheduled for execution'할 수 있는 두 가지 방법이 있다. 함수를 직접 실행시키는 방법 : someFunction() 나중에 함수 실행을 시키는 방법(비동기) : el.addEventListener('click', someFunction) 일반적인 경우의 함수/실행 function init() { // Do initialization work const myElement = document.createElement('li'); myList.append(myElement); } init(); 'init' 함수가 정의되면 해당 함수 내부에서 요소를 생성하고 이를 다른 요소(스크립트 내 다른 곳에서 선택되었을 가능성이 있는 myList)에 추..

Function.prototype.bind() 추후 실행을 대비하는 함수로, 함수가 실행됐을 때 받을 인자를 미리 설정하게 해준다.

Effect (= Side Effect) 함수가 실행되면서 함수 외부에 존재하는 값이나 상태를 변경시키는 등의 행위 (ex. APP내에서 고려되는 모든 사항들 : 브라우저 저장소에 저장된 데이터를 백엔드 서버에 HTTP 요청 보내기, 타이머 설정 및 관리 등) ➡️ 이러한 작업은 특히 렌더링을 차단/지연할 수 있으므로 일반적인 컴포넌트 평가 및 렌더링 주기 외부에서 발생해야 한다. React에서는 Side-Effect 처리를 위해 useEffect()함수를 제공 useEffect() hook useEffect(() => {...}, [dependencies]) 첫번째 인수 : 지정된 종속성이 변경된 경우, 모든 구성 요소 평가 후에 실행해야 하는 함수 두번째 인수 : 이 effcet의 종속성(배열) - ..

EVENT LOOP란? (부제:브라우저 동작 원리) 자바스크립트를 누가 실행시켜주낭? 브라우저!(엔진) console.log(1+1) setTimeout(fumction(){console.log(2+2)}, 1000) console.log(3+3) JS에서 결과는? 2, 6, (1초 쉬고)4 !코드 위에 적든 밑에 적든 빠른거부터 실행해준다! 그렇다면 js는 병렬처리가 가능한가??? NO!!!! 그렇다면 브라우저 동작 원리를 알아보자. Heap : 참조 타입들이 할당되는 곳이다. 콜 스택과 달리, Heap의 메모리 할당은 LIFO 정책을 따르지 않고 랜덤하게 배치된다. 또한 메모리 누수를 방지하기 위해 JS 엔진의 메모리 관리자가 항상 관리한다. Stack : js코드를 진행해주는 곳. 싱글스레드이므로 ..