개발 노트

이미지 파일 저장 시 기본적으로 알아야하는 파일 저장 형태 https://inpa.tistory.com/entry/JS-%F0%9F%93%9A-Base64-Blob-ArrayBuffer-File-%EB%8B%A4%EB%A3%A8%EA%B8%B0-%EC%A0%95%EB%A7%90-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B8%B0-%EC%89%BD%EA%B2%8C-%EC%84%A4%EB%AA%85 📁 Base64 / Blob / ArrayBuffer / File 다루기 총정리웹 개발을 진행하다 보면 이진 데이터를 다루어야 할 때를 간혹 마주칠 수 있다. 브라우저에선 주로 파일 생성, 업로드, 다운로드 또는 이미지 처리와 관련이 깊고, 서버 사이드인 node.js 에선 파inpa.tistor..

현재 root경로에서 logger.js 내부에서 winston모듈 사용중 tsconfing.json내부에서 에러로 표시되길래 확인tsconfig파일 수정{ "compilerOptions": { "types": ["kakao.maps.d.ts"], "lib": ["WebWorker", "dom", "dom.iterable", "esnext", ], "allowJs": true, "skipLibCheck": true, "strict": true, "noEmit": false, "esModuleInterop": true, "module": "esnext", "moduleResolution": "bundler", "resolveJsonModule": tru..

fs.readFileSync 를 사용하여 파일을 동기적으로 읽을 때 파일이 없는 경우 ENOENT(파일없음) 오류가 발생한다. 이 오류코드를 사용해서 예외 처리를 해보자 const fs = require('fs'); const filePath = 'nonExistentFile.txt'; // 존재하지 않는 파일 경로 try { const data = fs.readFileSync(filePath, 'utf8'); // 파일을 읽어온 후 여기에서 파일 내용을 처리할 수 있음 console.log(data); } catch (err) { if (err.code === 'ENOENT') { console.error('파일이 존재하지 않습니다.'); } else { console.error('파일을 읽는 동안 오..

JS에서 forEach 메서드는 배열 요소를 순회하며 함수를 실행하는데, 기본적으로 비동기 처리에 적합하지 않다. forEach 메서드는 반복 중인 함수가 완료될 때 까지 기다리지 않고 다음 요소로 이동하하므로 순서대로 실행되지 않을 수 있다. 비동기 작업을 순서대로 수행하려면 for...of 루프나 for 루프 를 사용하면 된다 다음은 for of 를 사용한 비동기 작업의 예시이다. const items = [1, 2, 3, 4, 5]; // 1초씩 대기하여 콘솔에 item을 찍어보는 함수 async function processItem(item) { return new Promise((resolve) => { setTimeout(() => { console.log(item); resolve(); },..

Set Set은 JavaScript 에서 고유한 값을 저장하는 데 사용되는 데이터 구조이다. Set은 중복된 값을 허용하지 않으며, 순서가 유지되지 않는다. Set에는 원시 값또는 객체와 같은 어떤 데이터 타입이든 저장할 수 있다. Set 만들기 // 빈 Set 생성 const mySet = new Set(); // 초기 값을 가진 Set 생성 const numbers = new Set([1, 2, 3, 4, 5]); Set에 값 추가 및 삭제 mySet.add(1); mySet.add(2); mySet.add(3); console.log(mySet); // Set { 1, 2, 3 } mySet.delete(2); console.log(mySet); // Set { 1, 3 } console.log(m..

JS 에서 Map 은 키-값 쌍을 저장하는 자료구조로, 특정 키에 연결된 값을 효율적으로 관리할 수 있다. 1. Map 생성과 초기화 // 빈 Map 생성 const myMap = new Map(); // 초기값을 가지는 Map 생성 const initialMap = new Map([ ['key1', 'value1'], ['key2', 'value2'], ['key3', 'value3'] ]); 2. 요소 추가 및 조회 // 요소 추가 myMap.set('apple', 10); myMap.set('banana', 5); // 요소 조회 console.log(myMap.get('apple')); // 10 console.log(myMap.get('orange')); // undefined 3. 요소 삭제 ..