[Node.js] AsyncIterator 사용 방법 [비동기 객체를 순차적으로 처리하기]
·
◎ JavaScript/Node.js🫒
- 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] WEB Server 띄우기 [Node.js로 HTTP 서버 기동하기]
·
◎ JavaScript/Node.js🫒
- Node.js로 HTTP 서버 기동하기const http = require('http');// http 서버 생성http .createServer((req, res) => { // 클라이언트에 반환할 내용을 쓴다. res.write('hello world\n'); // 클라이언트에 내용을 송신 res.end(); }) .listen(3000); // 포트번호 3000
[study] Object와 JSON의 차이 [JSON.stringify()의 필요성]
·
◈ Study/기초튼튼 개발지식🥔
- Object와 JSON의 차이자바스크립트의 Object는 JSON과 표기법이 비슷하지만 두 타입의 포맷이 다르다. 자바스크립트의 객체는 일반적으로 메모리 내 구조이다. 그러나 JSON은 데이터 교환 포맷이다. 데이터를 직렬화(serialize)해서 저장하거나 전송하는 것이 목적이지, 코드를 포함하는 것이 아니다. → 그래서 JSON은 함수를 담지 못한다.- JSON.stringify() 자바스크립트의 객체를 네트워크 전송이나 파일 저장 등에 사용하려면 문자열로 바꿔야 한다.데이터를 저장하거나 전송하려면 → JSON.stringify()문자열을 다시 객체로 복원하려면 → JSON.parse()const obj = { name: 'Kim', greet: function () { return 'H..
[study] 바닐라 자바스크립트란 무엇인가? [Vanilla JS, 아무 라이브러리나 프레임워크 없이 순수한 기본 JavaScript만 사용한 코드]
·
◈ Study/기초튼튼 개발지식🥔
- 바닐라 자바스크립트란 무엇인가?아무 라이브러리나 프레임워크 없이 순수한기본 JavaScript만 사용한 코드 바닐라는 아이스크림에서 가장 기본 맛 → 아무것도 섞지 않은 기본 중의 기본이란 뜻→ jQuery, React, Vue, Lodash 등 추가 도구 없이 = 순수한 브라우저 내장 JavaScript만 사용하는 코드// Vanilla JS로 DOM 조작document.getElementById('myBtn').addEventListener('click', function () { alert('Clicked!');});Vanilla JavaScript라는 용어는 개발자 커뮤니티에서 생긴 비공식 용어이다. 비공식 용어지만 전 세계적으로 통용되는 용어이기에 알아두면 나쁘지 않을 듯 하다. Vanil..
[Tistory] hELLO 스킨 게시글 제목 스타일 Customizing 하기 [타이틀 디자인, 내 마음대로 바꾸기]
·
◐ 기타/블로그 꾸미기🎀
- hELLO 스킨 게시글 제목 스타일 Customizing 하기hELLO 스킨이 업데이트 된 후, 제목2의 스타일이 아래와 같이 고정되었다.타이틀을 [제목2 + 본명조]로 설정하던 나로써는 속상한 일이였다. 제목2로 지정될 경우 전처리 되어 렌더링 되는 거 같아서 기존 쓰던 양식을 그대로 JavaScript로 덮어씌어주었다.// h3 스타일 지정window.onload = function() { document.querySelectorAll('#content h3').forEach(item => { item.style = "font-family: 'Noto Serif KR'; font-weight: bolder;"; item.querySelector('a').style =..