mingmong's devlog

[JavaScript] 비동기 처리 방식 - 콜백 함수와 Promise

앞선 글에서는 자바스크립트의 동기(Synchronous) 처리와비동기(Asynchronous) 처리 방식의 차이를 살펴보았다.이번 글에서는 비동기 처리 방식 중 하나인콜백 함수(callback function)의 한계와,이를 보완하기 위해 등장한 Promise 객체에 대해 알아보자.각 방식의 예시와 차이점을 함께 정리하면서,실제 비동기 코드를 어떻게 구성하면 좋을지도 함께 살펴보자. 1) 자바스크립트의 동기 / 비동기 다시 정리자바스크립트는 싱글 스레드 기반으로, 기본적으로 코드를 순차적으로 실행하는 구조다.이런 실행 방식을 동기(synchronous) 처리라고 한다.동기 처리 예시console.log("1. 시작");function run() { console.log("2. 실행 중");}run()..

[JavaScript] 동기(Synchronous), 비동기(Asynchronous) 방식과 콜백 함수(Callback Function)

자바스크립트는 기본적으로 싱글 스레드(Single-thread), 동기(Synchronous) 처리 언어이다.즉, 한 번에 하나의 작업만 처리할 수 있으며 코드가 작성된 순서대로 실행된다.하지만 자바스크립트에서도 비동기 처리를 할 수 있는데,자바스크립트의 동기 처리와 비동기 처리에 대해 각각 알아보자. 1) 동기(Synchronous) / 비동기(Asynchronous)란?1-1) 동기(Synchronous) 처리: 동기 처리는 코드가 순차적으로 실행되는 방식이다.앞선 작업이 끝나야 다음 작업이 실행된다.1-2) 비동기(Asynchronous) 처리: 비동기 처리는 시간이 오래 걸리는 작업을 처리할 때,그 작업이 끝나기를 기다리지 않고 다음 작업을 먼저 실행하는 방식이다.대표적으로 API 요청, 파일 읽..

ORACLE의 EXSITS는 WHERE 절에서 조건에 부합하는데이터를 조회하기 위해 주로 사용하는데,EXISTS를 사용하는 이유와 사용 방법, 예시를 알아보자. 1) EXISTS: 서브 쿼리 조건에 만족하는 모든 데이터를 반환하는 함수이다.주로 WHERE 절에서 조건에 맞는 데이터를 찾기 위해 사용하며,CASE 문에서 조건으로 사용할 수도 있다.1-1) EXISTS 특징EXISTS는 결과에 부합하는 데이터를 출력,NOT EXISTS는 결과에 부합하지 않는 데이터를 출력함결과를 TRUE/FALSE로 반환하여 CASE문의 조건으로 사용 가능IN 함수에 비해 성능이 좋아 대용량 데이터에 용이함 2) NOT EXISTS: EXISTS 함수와 반대로,서브 쿼리 조건에 만족하지 않는 데이터들만 반환하는 함수이다. ..

ORACLE의 TRUNC 함수는 숫자나 날짜를 절사하는 등다양하게 사용할 수 있는 함수이다.TRUNC 함수를 다양하게 활용할 수 있는 예시에 대해 소개해보겠다. 1) 함수 기본 사용법1-1) 형식 TRUNC(number, [format]) -- 숫자 TRUNC(date, [format]) -- 날짜TRUNC 함수는 위 형식대로 숫자나 날짜 형태의 데이터에서 사용할 수 있다.옵션 [format]은 생략 가능하며,format을 지정하면 해당 단위에 따라 절삭한다.format은 숫자로 지정할 수도 있지만,'MONTH', 'DAY', 'DD', 'YYYY', 'HH', 'MI', 'SS' 등의 날짜 단위로도 지정 가능하다. 1-2) 예시SELECT TRUNC(123456789.12345), TRUN..

쿼리에서 가져온 금액을 화면에 보여줄 때,쿼리내에서 콤마를 찍은 결과값으로 보여주기 위해오라클에서 쿼리 결과 값에 천단위(3자리) 마다 콤마를 넣어서출력하는 두 가지 방법에 대해 알아보자. 1) TO_CHAR 함수 활용: 오라클의 TO_CHAR 함수는 숫자, 날짜, 문자 데이터 유형을원하는 형식의 문자열로 변환하는 함수이다.이 함수를 활용하면, 숫자 형태의 값에 3자리마다 콤마를 넣을 수 있다.1-1) 문법 TO_CHAR( 수치 값, 패턴 값 )1-2) 예시SELECT TO_CHAR('123123123', '999,999,999,999,999')FROM DUAL; 결과값 1-3) 주의점: 만약 TO_CHAR 함수에 정의한 패턴 값이 조회되는숫자 값보다 작은 경우에는 값이 출력이 안되기 때문에,패턴 값은 ..

프로젝트 진행 중, 캘린더 사용을 위해라이브러리를 찾다가 FullCalendar를 활용하게 되었다.기본 사용법과 이벤트, 직접 작성한 예시를 통해 풀캘린더에 대해 알아보자.※ 공식문서: https://fullcalendar.io/docs 1) 초기화1-1) 다운로드CDN으로 다운로드하여 사용: https://www.jsdelivr.com/package/npm/fullcalendar-scheduler?version=6.1.17 스크립트를 다운 받아, 직접 호출: https://fullcalendar.io/docs/initialize-globals1-2) 캘린더 정의: new FullCalendar.Calendar를 선언하여 초기화한다.이 때, 필요한 속성과 이벤트 등을 세팅할 수 있다. 2) 속성2-1) ..

오라클 PL/SQL의 대표적인 부 프로그램으로 함수(Function)이 있다.이는 오라클에서 제공하는 내장함수(TO_CHAR, TO_DATE 등)가 아닌, 사용자 정의 함수(User Defined Function)이다.함수를 직접 정의함으로써 특정 기능들을 재사용할 수 있기 때문에, 쿼리문을 더욱 간결하게 만들 수 있는 장점이 있다. 1) 함수(Function) 이란?: 오라클의 내장함수 외, 사용자가 직접 정의하여 사용할 수 있는 함수이다.특정 기능들을 모듈화, 재사용할 수 있어 복잡한 쿼리문을 간결하게 만들 수 있다. 2) 함수 기본 문법CREATE OR REPLACE FUNCTION 함수 이름 (매개변수1, 매개변수2....)RETURN 데이터 타입;IS[AS]변수, 상수 선언..BEGIN실행부RE..

오라클에서 OVER() 를 사용하면 GROUP BY나 서브쿼리를 사용하지 않고 분석 함수(SUM, MAX, COUNT)와 집계 함수(GROUP BY, ORDER BY)를 사용할 수 있다.집계 함수 사용 시 서브쿼리가 길어지기 때문에 OVER 함수를 사용해 쿼리 길이를 줄일 수 있다. 1) OVER 함수란?: OVER 함수는 GROUP BY, ORDER BY 서브쿼리를 개선하기 위해 나온 함수이다.분석 함수를 사용해야 하는 경우,OVER 함수를 활용한다면 복잡한 서브쿼리를 최소화할 수 있다.간결하게 쿼리문을 작성하고 싶다면 해당 함수를 활용하는 것이 좋다.뒤에 PARTITION BY를 함께 사용해야 GROUP BY의 기능을 활용할 수 있다.추가적으로 ORDER BY도 지정해줄 수 있다. 2) OVER 함수..

오라클에서 왼쪽, 오른쪽에 특정 문자를 원하는 문자열 길이만큼 채울 수 있는 LPAD, RPAD 함수에 대해 알아보자.1) LPAD: 지정한 길이만큼 왼쪽부터 채움문자로 채운다.채움문자를 지정하지 않으면 공백으로 해당 길이만큼 문자를 채운다.문법 LPAD("값", "총 문자길이", "채움문자") 2) RPAD: 지정한 길이만큼 오른쪽부터 채움문자로 채운다.채움문자를 지정하지 않으면 공백으로 해당 길이만큼 문자를 채운다.문법RPAD("값", "총 문자길이", "채움문자") 3) 예시WITH EMP AS (SELECT '1234' AS EMP_NO, 'HARRY' AS EMP_NM, '1000' AS DEPT_NO, '경영지원실' AS DEPT_NMFROM DUAL)SELEC..

오라클에서 수치값에 소수점이 존재하는지 체크하거나, 혹은 소수점 이하의 값만을 활용하고 싶은 경우가 있다.이 경우를 모두 만족하는 함수는 없지만, 연산을 통해 값을 도출해낼 수 있다.각각의 방법에 대하여 알아보자. 1) 소수점 존재 여부 체크1-1) TRUNC() 함수 활용: TRUNC 함수를 숫자에 사용하면 소수점 이하 값을 제거할 수 있다.WITH NUM_TABLE AS ( SELECT 1.25 AS NUM1, 2 AS NUM2, -5.5 AS NUM3 FROM DUAL)SELECT CASE WHEN NUM1 TRUNC(NUM1) THEN 'Y' ELSE 'N' END AS NUM1_RESULT, CASE WHEN NUM2 TRUNC(NUM..