본문 바로가기

반응형

JavaScript/Vanila

(3)
자바스크립트 call, apply, bind (+ 스프레드 연산자, 나머지 매개변수) 함수 호출 방식(어디서, 어떻게)과 관계없이 this 지정하는 방법 : call, apply, bind call(this로 사용할 매개변수, ...매개변수: 호출한 함수에 전달할 매개변수) : 일반적인 함수와 같이 매개변수를 직접 받는다. call에 this로 사용할 객체를 파라미터를 담아서 함수를 호출하면 해당 함수가 주어진 객체의 메서드인 것처럼 사용 가능 즉, call의 첫 번째 매개변수: this로 사용할 값, 그 외의 매개변수 : 호출하는 함수로 전달 (1) this.name이 mike, tom이 됨 (2) update에 this로 사용할 매개변수 mike 전달, 나머지는 호출할 함수로 전달 1999, 'singer apply(this로 사용할 매개변수, 배열 [ ]) : 두 번째 매개변수를 배..
프론트엔드 자바스크립트 AJAX AXIOS 라이브러리 GET 요청 [프로미스 지원 함수] 2. POST 요청 및 FormData 전송 3. 주소창 한글 [인코드 : encodeURIComponent, 디코드 : decodeURIComponent] : 아스키문자로 표현 4. HTML 태크에 데이터 저장하기 위해 data attribute와 dataset : 서버의 데이터 -> 프론트엔드로 전송 목적 data-속성명으로 접근 dataset.'속성명'에 값 넣으면 속성이 생김 dataset.monthSalary = 10000 -> data-month-salary = "10000" querySelector: 특정 CSS 선택자에 일치하는 첫 번째 요소를 반환하는 메서드 getElementById: 주어진 ID에 해당하는 요소를 반환...
자바스크립트의 실행 순서 (호출 스택과 이벤트 루프) 자바스크립트 자바스크립트는 브라우저위에서 동작하기위해 탄생한 스크립트언어이다. -> Node.js가 크롬 엔진 V8를 내장함으로써 더이상 브라우저에 종속하지 않은 언어로 사용할 수 있도록 함 스크립트 언어 : 특정 작업을 자동화하거나 특정 애플리케이션에서 사용할 목적으로 사용되는 언어 스크립트 언어의 가장 큰 특징은 변수의 데이터 타입을 런타임에 결정한다는 것이다. [동적 타이핑] 하지만 이러한 동적 타이핑의 문제를 해결하기 위해 타입 스크립트가 등장. -> 컴파일 타임에 에러를 찾고, 객체지향언어의 특징을 가짐 자바스크립트의 실행 순서 호출 스택 : 함수 호출을 기록하는 자료구조로, 함수가 호출되면 해당 함수의 정보가 스택에 쌓이고, 함수가 반환되면 스택에서 제거 테스크큐 : 비동기 작업의 콜백 함수들..

반응형