본문 바로가기

👩🏻‍💻STUDY/JavaScript

(13)

[JavaScript] Call By Value 자바스크립트를 공부하면서 항상 헷갈린 부분이다😰 이번엔 확실히 다지고 넘어가자 인자를 전달하는 방식에 따라 함수 호출 방법은 크게 두가지로 나뉜다. Call By value 와 Call By Reference 이다. 그러면 자바스크립트는 어떤 방식으로 함수를 호출할까? 바로 Call By Value이다. 흔히들 잘못 알고 있는 사실이 한가지 있다. 바로 함수의 매개변수가 원시타입(Primitive Type)인 경우에는 Call By value이고, 매개변수가 객체형태면 Call By Reference 로 동작한다는 것이다. 이는 완전히 잘못된 사실이다.(나도 이렇게 알고 있었다..) Call By Value argument로 value(값)이 넘어온다. 이때 넘어올 때는 "복사된 값"이 넘어온다. cal..

[JavaScript] JavaScript 삽입방식과 위치 자바스크립트 삽입방식과 위치 1. 자바스크립트 삽입방식 자바스크립트를 실행하는 방법은 문서 안에 type="text/javascript" 부분은 HTML5에서는 생략 가능. 문서의 어느 곳이든 스크립트 배치에 제한을 두지 않는다. 1번 사용할 경우 :: 간단한 스크립트의 경우이거나 해당 문서에만 적용되는 코드들, 초기화 등에 자주 사용. 2번 사용할 경우 :: 반복사용되는 코드들을 파일별로 저장해두고 필요에 따라 사용. 이와 같은 방식이 코드의 가독성과 실행순서, 의존성들을 확인하기에 수월하기 때문에 추천되는 방식. 2. 자바스크립트 삽입 위치 브라우저는 HTML의 구조와 CSS 스타일을 렌더링하는 도중 자바스크립트를 만나게 되면 이에 대한 해석과 구현이 완료될 때까지 브라우저 렌더링을 멈추게 된다. 즉..

[JavaScript] 문서의 로드시점 - onload / DOMContentLoaded 문서의 로드시점 - onload / DOMContentLoaded 💡일반적으로, 스크립트 문서의 마지막 이전에 삽입하면 굳이 이벤트를 이용하여 프로그래밍을 처리할 필요가 없다. 다만, 문서의 영역에 스크립트가 삽입되거나, 외부의 파일에 정의되어 있다면 이벤트를 문서의 로드 시점에 맞게 처리해야 한다. 1. onload 문서의 모든 콘텐츠(images, script, css, etc)가 로드된 후 발생하는 이벤트. (load 이벤트라 한다.) window.onload = function() { // 실행될 코드 } 문서에 포함한 모든 콘텐츠가 로드된 후 실행되므로 불필요한 로딩 시간이 추가될 수 있다. 동일한 문서에 오직 onload는 하나만 존재해야 한다. 중복될 경우, 마지막 선언이 실행 외부 라이브러..

[JavaScript] return / break 🤦‍♀️ jQuery each() 함수를 공부하다가 return false; 가 breaking 안됨을 알았다.(each함수안에서 조건문에 만족하면 break 가 되야 하는데 안됨.) 찾아보면서 return과 break의 확실한 개념다집기가 필요했고, 후에 each()를 확실히 return false 할 수 있는 방법을 알아보았다.return / break > return / return true / return false > $.each() return false 하는 방법순으로 정리해볼 예정이다. [javaScript] return / break1. return함수 실행을 종료하고, 주어진 값을 함수 호출 지점으로 반환한다.function getRectArea(width, height) { i..

[JavaScript] 스케줄링 setTimeout 과 setInterval [JavaScript] setTimeout과 setInterval 출처 :: 스케줄링: setTimeout과 setInterval 일정 시간이 지난 후에 원하는 함수를 예약 실행(호출)할 수 있게 하는 것을 "호출 스케줄링(scheduling a call)"이라 한다. 호출 스케줄링을 구현하는 방법은 두 가지가 있다. setTimeout :: 일정 시간이 지난 후에 함수를 실행하는 방법. setInterval :: 일정 시간 간격을 두고 함수를 실행하는 방법. 자바스크립트 명세서엔 setTimeout과 setInterval가 명시되어 있지 않다. 하지만 시중에 나와있는 모든 브라우저, Node.js를 포함한 자바스크립트 호스트 환경 대부분 이와 유사한 메서드와 내부 스케줄러를 지원한다. setTimeou..

이전 1 2 다음

티스토리툴바