code를 헤엄치는 인어공쭈

⇒ 금액이 0보다 큰 금액이 있는 결제 SEQ 를 취소를 해야 하는 데, 0인 SEQ 는 제외해서 매핑⇒ TASF 빼고 RV의 합산금액을 초과할수 없다. 취소가능금액 해당 payment 에 가능금액으로 RV 합산금액과 비교해서 사용 따라서 리스트를 매핑하는 과정에서 다양한 방법이 존재하길래 한번 정리해보았다.onClickSave() { if (this.putForm.invalid || this._checkCancelAmountExceeds()) { this._checkValid = true; return; } const cancelItems = this.payments.value.flatMap((item) => item.transactions .fi..

AJAX란 무엇인가?AJAX는 "Asynchronous JavaScript And XML"의 약자로, JavaScript를 사용하여 서버와 비동기적으로 데이터를 주고받는 기술이다. 비동기 처리를 통해 웹페이지 전체를 새로고침하지 않고도 필요한 데이터를 서버로부터 받아올 수 있다. 이로 인해 사용자 경험(UX)이 크게 향상된다.AJAX의 동작 원리AJAX는 클라이언트(브라우저)와 서버 간의 비동기 데이터 통신을 관리하는 메커니즘으로 다음의 단계로 동작한다.클라이언트 요청:JavaScript가 서버로 요청을 보냅니다.요청은 비동기적으로 수행되며, 웹페이지가 새로고침되지 않는다.서버 처리:서버는 클라이언트 요청을 처리하고, 데이터(예: JSON, XML)를 생성.클라이언트 응답:서버로부터 응답 데이터를 받아 ..

자바스크립트 deep dive 책을 읽으면서 자바스크립트란 전부 객체다 라는 말을 보고 한번 정리할 필요가 있을거 같아서 적어본다.이 말은 단순히 멋있는 철학처럼 들릴 수도 있지만, 실제로 자바스크립트의 동작 방식을 이해하면 진짜 이 말이 무슨 뜻인지 깨닫게 된다.그럼, 어떤 의미인지 살펴보자. 원시 타입도 객체처럼 동작한다자바스크립트에서 기본 데이터 타입인 원시 타입(Primitive Type)은 다음과 같다:String (문자열)Number (숫자)Boolean (참/거짓)BigInt (큰 정수)Symbol (유일한 값)undefinednull이 데이터 타입들은 원래 값(primitive)으로 동작하지만, 필요할 때는 객체처럼 행동할 수 있다.왜냐하면 자바스크립트는 원시 타입에 객체의 메서드와 프로퍼..

이번 글에서는 타입스크립트의 고급 기능들과 중요한 개념들을 소개하고, 다양한 키워드와 기능들이 실제로 어떻게 사용되는지 알아보자. 한정된 다형성한정된 다형성(Constrained Polymorphism)은 타입스크립트에서 제네릭을 사용할 때 특정 타입만 허용하는 기능을 말한다. 예를 들어, T extends U와 같은 형태로 작성하여, 제네릭 타입 T가 반드시 U 타입의 하위 타입이어야 함을 나타낼 수 있다. 이를 통해 제네릭을 사용하는 코드의 유연성과 안전성을 동시에 보장할 수 있으며, 특정 조건을 만족하는 타입만을 받도록 제한함으로써, 잘못된 타입 사용으로 인한 오류를 방지할 수 있다.function identity(value: T): T { return value;} 위 코드에서 identit..

나는 모든 프로젝트를 타입스크립트를 기반으로 개발을 하고 있다.따라서 이번엔 타입스크립트에서 대해서 알아보도록 하자.!!  타입스크립트의 개념타입스크립트(TypeScript)는 마이크로소프트가 개발한 자바스크립트의 상위 확장 언어이다. 주된 특징은 정적 타입(Static Type) 검사와 최신 자바스크립트 기능을 사용할 수 있게 해주는 것이다. 자바스크립트의 단점을 보완하고, 대규모 애플리케이션을 개발할 때 코드의 가독성과 안정성을 높이기 위해 등장하였다.타입스크립트가 등장하게 된 배경자바스크립트는 웹 개발에서 널리 사용되는 언어로, 유연성과 쉬운 사용성 덕분에 인기를 얻었다. 하지만 프로젝트의 규모가 커질수록 코드의 복잡도가 증가하고, 타입 검사와 같은 기본적인 기능이 부재하여 런타임 에러가 발생할 확..

디자인 패턴이란?디자인 패턴(Design Pattern)은 소프트웨어 설계에서 자주 발생하는 문제들을 해결하기 위한 일반적인 해결책이다. 즉, 특정 문제 상황에서 재사용할 수 있는 코드 구조나 설계 방법을 말한다. 디자인 패턴은 코드를 구조화하고 유지보수를 쉽게 하며, 프로그램의 확장성을 높이는 데 도움을 준다. 자주 사용되는 해결책들을 패턴화하여, 개발자가 비슷한 상황에 직면했을 때 효율적으로 문제를 해결할 수 있게 도와준다. 디자인 패턴의 종류:생성 패턴: 객체 생성과 관련된 패턴구조 패턴: 클래스와 객체 사이의 관계를 정의하는 패턴행위 패턴: 객체 간의 상호작용을 정의하는 패턴 디자인 패턴은 어떤 상황에 사용될까?디자인 패턴은 반복적인 문제나 유사한 설계 요구가 있을 때 적용된다. 예를 들어, 효율..

자바스크립트는 객체지향적 성격과 함수형 프로그래밍의 요소를 모두 담고 있는 언어다. 이러한 특징을 이해하려면 자바스크립트의 객체, 프로토타입 기반 상속, 클래스, 그리고 비동기 처리의 작동 방식을 잘 알아야 한다. 이 포스트에서는 객체, 프로토타입, 클래스 기반 객체지향 프로그래밍, 비동기 처리, 이터러블, 이벤트의 핵심 개념들을 통합적으로 설명해보겠다. 객체와 인스턴스: 객체지향의 출발점객체는 자바스크립트에서 데이터와 함수의 집합으로, 프로퍼티(속성)와 메서드(동작)를 포함하는 독립적인 엔티티다. 객체는 단순한 키-값 쌍으로 표현될 수 있으며, 함수처럼 더 복잡한 구조를 가질 수도 있다. 객체가 생성자 함수나 클래스를 통해 만들어진 경우, 그 결과로 생성된 개별 객체를 인스턴스라고 부른다.   프로토타..

자바스크립트의 함수와 실행 컨텍스트: 핵심 개념들자바스크립트에서 함수는 매우 중요한 개념이다. 함수는 코드의 재사용성을 높이고, 복잡한 작업을 단순하게 처리할 수 있도록 도와준다. 자바스크립트는 고유의 실행 방식과 스코프 개념을 가지고 있어서, 함수의 동작을 제대로 이해하는 것이 매우 중요하다. 이번 포스트에서는 함수의 개념에서부터 실행 컨텍스트, 스코프, 클로저까지 핵심적인 자바스크립트 개념들을 통합적으로 설명하겠다. 함수란 무엇일까?함수는 특정 작업을 수행하거나 값을 계산하는 코드의 모음이다. 자바스크립트에서는 함수가 **일급 객체(First-Class Object)**로 취급되기 때문에, 값처럼 다룰 수 있다. 즉, 함수를 변수에 할당하거나, 다른 함수의 인자로 전달하거나, 함수에서 반환할 수 있다..

자바스크립트의 타입과 깊은 개념들자바스크립트는 동적 타입(dynamic typing)을 사용하는 언어로, 변수에 다양한 타입의 값을 할당할 수 있다. 이를 이해하면 자바스크립트의 독특한 동작과 그 안에서 발생할 수 있는 문제들을 해결하는 데 중요한 개념들을 파악할 수 있다. 이번 포스트에서는 자바스크립트의 타입과 관련된 여러 개념들을 하나의 흐름으로 살펴보자. 자바스크립트의 타입자바스크립트의 데이터 타입은 크게 두 가지로 나눌 수 있다: **기본형(Primitive Type)**과 **참조형(Reference Type)**이다.기본형(Primitive Type):Number: 숫자를 표현하는 타입이다. 자바스크립트에서는 정수와 실수를 구분하지 않고 모두 Number로 취급한다.String: 문자열을 나타..

자바스크립트(JavaScript)는 웹 개발에서 주로 사용되는 프로그래밍 언어로, 동적이고 상호작용이 가능한 웹 페이지를 만들기 위해 사용된다. 자바스크립트는 클라이언트 측에서 실행되는 언어로 시작했지만, 현재는 서버 측에서도 Node.js와 같은 환경에서 사용될 수 있어, 프론트엔드와 백엔드를 모두 다룰 수 있는 다재다능한 언어로 자리 잡았다.자바스크립트는 ECMAScript 표준에 기반을 두고 있으며, 객체 지향(OOP), 함수형 프로그래밍(FP) 및 이벤트 기반 프로그래밍을 지원하는 멀티 패러다임 언어이다. 이러한 특성 덕분에 자바스크립트는 간단한 스크립트부터 대규모 애플리케이션까지 다양한 개발 환경에 적합하다.자바스크립트는 HTML, CSS와 함께 웹의 3대 구성 요소 중 하나로, HTML은 구조..