본문 바로가기

[Study] Deep Dive 스터디11

[JS] Ajax 43장 : Ajax 1. Ajax란? Ajax(Asynchronous JavaScript and XML)란 자바스크립트를 사용하여 브라우저가 서버에게 비동식 방식으로 데이터를 요청하고, 서버가 응답한 데이터를 수신하여 웹페이지를 동적으로 갱신하는 프로그래밍 방식을 말한다. 이전의 웹페이지는 html 태그로 시작해서 html 태그로 끝나는 완전한 HTML을 서버로부터 전송받아 웹페이지 전체를 처음부터 다시 렌더링하는 방식으로 동작했다. 따라서 화면이 전환되면 서버로부터 새로운 HTML을 전송받아 웹페이지 전체를 처음부터 렌더링했다. Ajax는 이런 전통적인 방식과 비교했을 때 다음과 같은 장점이 있다. 변경할 부분을 갱신하는 데 필요한 데이터만 서버로부터 전송받기 때문에 불필요한 데이터 통신이 발생하지 않.. 2024. 2. 9.
[JS] 프로토타입 19장 : 프로토타입 자바스크립트는 프로토타입 기반의 객체지향 프로그래밍 언어다. 자바스크립트는 객체 기반의 프로그래밍 언어이며 자바스크립트를 이루고 있는 거의 '모든 것'이 객체다. 1. 객체지향 프로그래밍 객체지향 프로그래밍은 절차지향적 관점에서 벗어나 여러 개의 독립적 단위, 즉 객체(object)의 집합으로 프로그래밍을 표현하려는 프로그래밍 패러다임을 말한다. 객체지향 프로그래밍은 실세계의 실체(사물이나 개념)를 인식하는 철학적 사고를 프로그래밍에 접목하려는 시도에서 시작한다. 실체는 특징이나 성질을 나타내는 속성(attribute/property)을 가지고 있고, 이를 통해 실체를 인식하거나 구별할 수 있다. 예를 들어, 사람은 이름, 주소, 성별... 등 다양한 속성을 갖는다. 이 때 이름이 .. 2024. 2. 9.
[JS] 모듈 48장 : 모듈 1. 모듈의 일반적 의미 모듈(module)이란 애플리케이션을 구성하는 개별적 요소로서 재사용 가능한 코드 조각을 말한다. 일반적으로 모듈은 기능을 기준으로 파일 단위로 분리한다. 이 때 모듈이 성립하려면 모듈은 자신만의 파일 스코프(모듈 스코프)를 가질 수 있어야 한다. 모듈은 공개가 필요한 자산에 한정하여 명시적으로 선택적 공개가 가능한데, 이를 export라 한다. 모듈 사용자는 모듈이 공개(export)한 자산 중 일부 또는 전체를 선택해 자신의 스코프 내로 불러들여 재사용 할 수 있다. 이를 import라 한다. 💡모듈의 장점 코드의 단위를 명확히 분리하여 애플리케이션을 구성할 수 있고, 재사용성이 좋아서 개발 효율성과 유지보수성을 높일 수 있다. 2. 자바스크립트와 모듈 자바스.. 2024. 1. 29.
[JS] 타이머 41장 : 타이머 1. 호출 스케줄링 자바스크립트 엔진은 단 하나의 실행 컨텍스트 스택을 갖기 때문에 두 가지 이상의 태스크를 동시에 실행할 수 없다. 즉, 싱글 스레드로 동작하기 때문에 타이머 함수 setTimeout과 setInterval 은 비동기(asynchronous) 처리 방식으로 동작한다. 2. 타이머 함수 1. setTimeout / clearTimeout const timeoutId = setTimeout(function[, delay, param1, param2, ...]); setTimeout 함수의 콜백 함수는 두 번째 인수로 전달받은 시간 이후 단 한 번 실행되도록 호출 스케줄링된다. clearTimeout 함수는 호출 스케줄링을 취소한다. // 1초(1000ms) 후 타이머가 만.. 2024. 1. 26.