◎ JavaScript

- AsyncIterator 사용 방법이벤트 기반 스트림을 사용할 때, 비동기 핸들러로 데이터를 처리하면 순서가 꼬일 수 있다.이 글에서는 'AsyncIterator'를 활용하여 스트림 데이터를 순차적으로 처리하는 방법을 소개한다.1. 비동기 핸들러 사용 시 병렬 처리 const fs = require('fs');const { writeFile } = require('fs/promises');// 잠시 기다리는 비동기 함수const sleep = (ms) => new Promise(resolve => setTimeout(resolve, ms));const readStream = fs.createReadStream(__filename, { encoding: 'utf8', highWaterMark: 64 }..

- Node.js로 HTTP 서버 기동하기const http = require('http');// http 서버 생성http .createServer((req, res) => { // 클라이언트에 반환할 내용을 쓴다. res.write('hello world\n'); // 클라이언트에 내용을 송신 res.end(); }) .listen(3000); // 포트번호 3000

- AJAX 요청에 공통 경로(context path) 자동 추가하기 AJAX 요청 시 매번 URL 앞에 같은 공통 경로(contextPath)를 붙이는 게 번거롭다면, jQuery의 전역 설정 기능을 활용해 자동화할 수 있다.1. ajaxPrefilter 사용 (전역 인터셉터) 모든 AJAX 요청 전에 URL을 전처리할 수 있는 기능이다. contextPath가 포함되지 않은 경우에만 자동으로 붙인다. $.ajaxPrefilter(function(options, originalOptions, jqXHR) { const contextPath = "/test"; if (!options.url.startsWith(contextPath)) { options.url = contextPa..

- 구글 앱 스크립트 doGet과 doPost 사용 방법 GAS에서 doGet과 doPost는 웹 애플리케이션을 만들 때 사용되는 기본적인 HTTP 요청 핸들러이다. 이 두 함수는 클라이언트에서 웹 애플리케이션으로 HTTP GET 및 POST 요청을 보낼 때 사용된다. 1. doGet doGet 함수는 HTTP GET 요청을 처리한다. 클라이언트가 웹 애플리케이션의 URL에 쿼리 매개변수를 포함하여 GET 요청을 보내면, 앱스크립트는 doGet 함수를 호출하고 클라이언트에게 응답을 반환한다. 이 함수는 주로 웹 애플리케이션의 초기 화면을 제공하거나, 단순한 데이터 조회 등의 작업에 사용된다. - Google App Script // doGet 함수는 HTTP GET 요청을 처리합니다. function d..

- 이미지맵 반응형 웹 사이트에 적용하기반응형 웹이거나 브라우저 크기를 변경할 때 이미지맵의 크기가 달라진다.jQuery-rwdImageMaps를 쓰면 해결할 수 있다.기존 라이브러리에서는 브라우저 크기 조정 시 이미지맵 coords가 NaN으로 변하는 버그가 있었다.해당 버그는 내 repo로 fork 해서 수정해놓았다. GitHub - kycasdzxc/jQuery-rwdImageMaps: Responsive Image Maps jQuery PluginResponsive Image Maps jQuery Plugin. Contribute to kycasdzxc/jQuery-rwdImageMaps development by creating an account on GitHub.github.com- jQue..