[Error Note] Vue.js : ERR_OSSL_EVP_UNSUPPORTED [Node.js와 OpenSSL 간의 호환성 문제]
·
◈ Study/에러노트(Error Note)🧱
- Vue.js : ERR_OSSL_EVP_UNSUPPORTED예전에 공부했던 Vue.js를 복습하려고 npm run build를 했더니 아래와 같은 에러가 발생하였다.더보기npm run build> response-check@1.0.0 build> webpack --watch webpack is watching the files…node:internal/crypto/hash:79this[kHandle] = new _Hash(algorithm, xofLen, algorithmId, getHashCache());Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:79:19) at ..
[Node.js] 자바스크립트에서 날짜 format 쉽게 지정하기 [Day.js로 날짜 간편하게 다루기]
·
◎ JavaScript/Node.js🫒
- 자바스크립트에서 날짜 format 쉽게 지정하기npm install dayjsconst dayjs = require('dayjs');// 오늘 날짜console.log(dayjs().format('YYYY-MM-DD')); // 2025-04-18// 날짜 덧셈console.log(dayjs().add(7, 'day').format('YYYY-MM-DD')); // 7일 후// 날짜 비교console.log(dayjs('2025-01-01').isBefore('2025-04-01')); // true// 불변성 확인const a = dayjs();const b = a.add(1, 'day');console.log(a.format('YYYY-MM-DD')); // 변경 없음console.log(b.fo..
[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..
[JAVA] Reflection 활용하여 객체 필드 복사하기 [원본 객체에서 필드 값을 읽어 대상 객체에 값 설정]
·
◎ Java/Java☕
- Reflection 활용하여 객체 필드 복사하기public class ReflectionExample { public static void copyFields(Object source, Object target) throws Exception { Class sourceClass = source.getClass(); Class targetClass = target.getClass(); Field[] sourceFields = sourceClass.getDeclaredFields(); for (Field sourceField : sourceFields) { try { Field targetField = ..