Headless Storefront 지난 달 (2023년 10월26일) Next.js 버전 14 발표 Conference의 발표 세션 9개 중 하나는 미국의 BigCommerce 기업에서 발표하였다. 내용은 BigCommerce가 Headless Storefront를 개발하고 있다는 내용이었다. headless란 '머리가 없다' 뜻이다. 즉, frontend가 없다는 뜻이다. 그리고 storefront 역시 frontend라는 뜻이다. 그렇다면 BigCommerce는 머리가 없는 머리를 개발하고 있다는 뜻인가? Headless E-commerce란 무엇인가? Headless E-commerce는 이커머스 IT 종사자들이 힙하게 쓰는 단어이고, 막상 진정한 의미는 개발을 하면서 정립해 나가는 느낌이다. 즉..

Introduction 이번 글에서는 Mongodb를 처음 사용해보는 초초짜 개발자가 기초 명령어를 수행하는 과정을 기록합니다. 1. dbtabase 생성과 _MONGOSH 명령어 입력 위 이미지는 'mongosh' 명령어를 사용하여 컬렉션을 생성하는 과정입니다. use jeongzmin에서 'jeongzmin'은 데이터베이스 이름이며, db.createCollection('myCollection')에서 'myCollection'은 컬렉션을 생성합니다. 2. 데이터 INSERT 위 이미지는 명령어를 사용하여 컬렉션에 데이터를 입력하는 과정입니다. db.myCollection.insertOne({myname:'Jeong Ji Min', nickname:'Tech정또해방'}); 명령어를 통해서 데이터를 추가..

* 완성도 높은 솔루션 개발을 위한 UI 테스트 자동화도구 1. X2UAT 란? WEB PAGE UI 자동화 도구를 모티브로 만들어졌으며 반복적으로 테스트가 필요한 작업을 사용자가 브라우저환경에서 직접 클릭, 입력, 페이지 이동등을 수행하면 이에 따른 스크립트를 자동으로 기록하고 기록된 스크립트를 활용하여 UI 테스트를 반복적으로 수행해주는 도구입니다. - 기존 자동화 도구보다 가볍습니다. - UI 테스트를 자동화 하여 개발시간이 단축됩니다. - 자동화 스크립트 작성을 더 쉽게할 수 있습니다. - 완성된 프로그램 품질이 향상됩니다. 2. 개요 여러 UI 자동화 도구들이 있겠지만 대부분 개발 언어를 사용할 줄 알아야 능숙하게 사용할 수 있고 도구를 실행하기 위한 여러가지 준비 환경이 필요합니다. 또 제공..

형태소분석이란? 형태소란 언어의 최소 의미 단위를 말하며, 형태소 분석이란 형태소보다 큰 언어 단위인 어절, 문장을 최소 의미인 형태소로 분절하는 것이다. Mecab Mecab-ko는 오픈소스 한글 형태소 분석기로, Mecab 이라고 하는 일본어 형태소 분석기를 차용하여 한글 특성을 반영한 분석기이다. 많은 형태소 분석기 중 직접 테스트를 해보았을때 형태소 분석 및 시간이 가장 효율적이어서 Mecab을 사용하였다. RDB vs Elasticsearch 속도 비교 case 1 : 데이터 10만건 데이터에서 10000건 단순 조회 case 2 : 데이터 10만건 데이터에서 조건문 1개 조회 case 3 : 데이터 10만건 데이터에서 조건문 3개 조회

Mapping이란? Mapping은 필드가 저장되고 인덱싱되는 방식을 정의하는 프로세스다. Elasticsearch는 명시적으로 필드를 정의하지 않아도 데이터 유형에 따라 데이터 타입에 대한 매핑 정보가 자동으로 생성된다. 하지만, 자신이 원하지 않는 타입으로 지정될 경우 수정이 불가능하므로 상황에 따라 필드에 미리 매핑정보를 정의해야 하는 경우가 있다. Field Data Type Field Type 설명 Text keyword 입력된 문자열을 하나의 토큰으로 저장한다. 검색 시 필터링, 정렬, 집계 시 많이 사용하며, 별도의 분석기를 거치지 않기 때문에 키워드 등 정확한 검색을 할때 유용 text 입련된 문자열을 쪼개어 역색인 구조로 만든다. Numeric long 64비트 정수 integer 32비..

Elasticsearch란? 검색엔진의 시초인 루씬 (Lucene)을 기반으로 하고 있으며, 비정형 데이터를 색인하고 검색하는 것이 가능하며, 장점 중 하나인 역색인 구조를 사용하므로써 빠른 검색이 가능하다. Elasticsearch 기본 용어 용어 설명 Index 관계형 데이터베이스에서 table과 같이 데이터를 저장하는 공간 Shard 관계형 데이터베이스의 파티션과 같이 인덱스 내부에 색인된 데이터는 여러개의 파티션으로 구성 Document 관계형 데이터베이스의 row와 같이 데이터가 저장되는 최소 단위( JSON 포맷으로 저장) Field 관계형 데이터베이스의 Column과 같이 문서를 구성하기 위한 속성 Mapping 문서의 필드, 필드 속성을 정의하고 색인 방법을 정의 Elasticsearch의..

목차 DataLake의 개념 설명과 사례 Apache NiFi를 활용한 데이터 수집 전략 Apache NiFi를 활용한 플래티어의 구독형 DataLake 생태계 구축 DataLake 데이터 레이크(Data Lake)는 다양한 종류의 비정형, 반정형, 정형 데이터를 저장할 수 있는 시스템을 말하며, 빅 데이터를 보관하고 분석하는 데 사용됩니다. 기업은 데이터 레이크를 사용함으로써 비용과 복잡성을 줄이고 유연한 분석 및 데이터 활용이 가능해집니다. 데이터 레이크 종류 Amazon Lake Fomation (클라우드 기반 데이터 레이크) Apach Hadoop (오픈 소스 데이터 레이크 엔진) HDFS, Hadoop Distributed File System (온-프레미스 데이터 레이크 파일시스템) 데이터 레..

목차 Apache NiFi의 활용 사례 소개 데모 Flow를 소개 Apache NiFi 활용 사례 소개 나이파이를 실제 활용 사례를 소개합니다. 데이터베이스 간 데이터 이전부터 데이터 레이크 구축 그리고 나이파이가 어떻게 데이터 통합 시나리오에서 활용되는지 살펴보겠습니다. 데이터베이스 간 이전 DB to DB 데이터베이스 간 이전으로 실제 사례 및 효과를 살펴보겠습니다. 플랫폼 마이그레이션 (아래의 Flow) - 기존 플랫폼에서 새로운 플랫폼으로의 마이그레이션 및 동기화 서비스 업데이트 - 새로운 서비르소 업데이트할 때 데이터 이전은 중요한 요소 - 기존 데이터베이스에 새로운 스키마를 적용하거나 새로운 데이터베이스에 데이터를 이전 함으로 업그레이드 데이터 중심 어플리케이션 이전 - 예를 들어 CRM(고객..

목차 Apache NiFi란 무엇입니까? Apache NiFi의 기대 성능과 기능의 개요 Apache NiFi란 무엇입니까? 본론에 앞서, 아파치 재단은 설립 이후 다수의 중요한 오픈소스 프로젝트를 주도해 오면서, 빅데이터 분야에 다양한 부분에 이바지하고 있습니다. 그 분야는 하둡, 톰캣, 제로니모 등을 시작으로 그루비, 스파크, 톰캣, 플렉스 등 많습니다. 그 중 Nifi는 시스템 간 데이터 흐름을 자동화하기 위해 구축되었습니다. '데이터 흐름'이라는 용어는 다양한 맥락에서 사용되지만, 여기서는 시스템 간 정보를 자동화하고 관리하는 것을 의미합니다. 조금 더 실용성 있게 접근한다면, 기업이 연관성 있는 둘 이상의 시스템을 가지고 있을 때 '데이터 흐름'이 존재한다고 볼 수 있습니다. 여기서 어떤 시스템..

때때로 하나 이상의 비동기 작업이 완료될 때까지 애플리케이션 시작을 지연해야 할 필요가 있다. 예를 들어, 데이터베이스와의 연결이 설정될 때까지 요청을 수락하면 안된다. 비동기 공급자를 사용하면 이를 구현할 수 있다. 이에 대한 async/await구문은 useFactory 구문과 함께 사용하는 것이다 . 팩토리는 Promise 를 반환하고 팩토리 함수는 await비동기 작업을 수행할 수 있다. Nest는 그러한 공급자에 의존(주입)하는 클래스를 인스턴스화하기 전에 프라미스가 리졸브 되기를 기다린다. { provide: 'ASYNC_CONNECTION', useFactory: async () => { const connection = await createConnection(options); return..

이전 장에서는 DI(종속성 주입) 의 다양한 측면 과 Nest에서 사용되는 방법을 다루었다 . 이에 대한 한 가지 예는 인스턴스(종종 서비스 제공자)를 클래스에 주입하는 데 사용되는 생성자 기반 종속성 주입이다. 종속성 주입이 기본적인 방식으로 Nest 코어에 내장되어 있다는 사실은 놀라운게 아니다. 지금까지 우리는 하나의 주요 패턴만을 탐색했습다. 애플리케이션이 더욱 복잡해짐에 따라 DI 시스템의 전체 기능을 활용해야 할 수도 있으므로 이에 대해 좀 더 자세히 살펴보자. DI 기본 사항 종속성 주입은 종속성의 인스턴스화를 자신의 코드에서 명령적으로 수행하는 대신 IoC 컨테이너(이 경우 NestJS 런타임 시스템)에 위임하는 제어 역전 (IoC) 기술입니다. 공급자 장에서 설명한 예에서 무슨 일이 일어..

사용자 정의 경로 데코레이터 Nest는 데코레이터 라는 언어 기능을 기반으로 구축되었다 . 데코레이터는 일반적으로 사용되는 많은 프로그래밍 언어에서 잘 알려진 개념이지만 JavaScript 세계에서는 여전히 비교적 새로운 개념이다. 간단한 정의는 다음과 같다. ES2016 데코레이터는 함수를 반환하고 대상, 이름 및 속성 설명자를 인수로 사용할 수 있는 표현식이다. 장식자 앞에 @문자를 붙이고 장식하려는 항목의 맨 위에 배치하여 적용한다 . 데코레이터는 클래스, 메서드 또는 속성에 대해 정의할 수 있다. 매개변수 데코레이터 Nest는 HTTP 라우트 핸들러와 함께 사용할 수 있는 유용한 매개변수 데코레이터 세트를 제공합니다 . 다음은 제공된 데코레이터와 이들을 나타내는 일반 Express(또는 Fasti..

인터셉터는 @Injectable() 데코레이터로 주석이 달린 클래스이며 NestInterceptor 인터페이스를 구현한다. 인터셉터에는 AOP( Aspect Oriented 프로그래밍 ) 기술 에서 영감을 받은 유용한 기능 세트가 있습니다 . 이를 통해 다음이 가능해진다. 메소드 실행 전/후에 추가 로직 바인딩 함수에서 반환된 결과를 변환. 함수에서 발생한 예외를 변환. 기본 기능 동작 확장 특정 조건(예: 캐싱 목적)에 따라 기능을 완전히 재정의. 기초 각 인터셉터는 두 개의 인수를 사용하는 intercept() 메서드를 구현한다. 첫 번째는ExecutionContext 인스턴스다 ( 가드와 정확히 동일한 개체 ). ExecutionContext 는 ArgumentsHost 에서 상속된다. 예외 필터 ..

가드는 CanActivate 인터페이스를 구현하는 @Injectable() 데코레이터 로 주석이 달린 클래스입니다 . 가드의 책임은 단 하나 입니다 . 런타임에 존재하는 특정 조건(예: 권한, 역할, ACL 등)에 따라 주어진 요청이 경로 핸들러에 의해 처리되는지 여부를 결정한다. 이를 종종 '인가(Authorization)' 라고 합니다. 인가( 이와 비슷한 인증(Authentication) )은 일반적으로 기존 Express 애플리케이션의 미들웨어 에 의해 처리된다 . 미들웨어는 인증을 위한 훌륭한 선택이다. 토큰 유효성 검사 및 객체에 속성 연결과 같은 작업은 request특정 경로 컨텍스트(및 해당 메타데이터)와 강력하게 연결되지 않기 때문이다. 그러나 미들웨어는 본질적으로 멍청하다. next()..

파이프는 PipeTransform 인터페이스를 구현한 @Injectable() 데코레이터가 달린 클래스다. 파이프에는 두 가지 일반적인 사용 사례가 있다. 변환 : 입력 데이터를 원하는 형식으로 변환한다(예: 문자열에서 정수로). 유효성 검사(validation) : 입력 데이터를 평가하고 유효한 경우 변경하지 않고 그대로 전달. 그렇지 않으면 예외를 발생시킨다. 두 경우 모두 파이프는 컨트롤러 라우트 핸들러에 의해 arguments를 처리하는 작업을 수행한다 . Nest는 메소드가 호출되기 직전에 파이프를 삽입하고 파이프는 메소드에 대한 인수를 수신하여 작동하게된다. 모든 변환 또는 유효성 검사 작업은 해당 시점에 수행되며, 그 후에는 (잠재적으로) 변환된 인수를 사용하여 라우트 핸들러가 호출된다. N..

Elasticsearch에서는 검색을 위해 JSON을 기반으로 하는 QueryDSL을 사용하여 점수를 계산하고 점수로 검색 결과를 정렬한다. Query DSL Match all Query 모든 문서를 검색하는 쿼리이다. // match all 검색 예시 { "query" : { "match_all": {} } } Match Query 텍스트, 숫자, 날짜 등 색인된 데이터와 일치하는 문서를 찾는 기본 필드 검색 쿼리이다. Match 검색은 기본적으로 or 검색이 되며 and 검색을 하고 싶은 경우에는 operator 값을 and로 변경해주면 된다. ( ex : '플레티어 테크팀' 으로 검색 시 or 검색이면 플레티어 or 테크팀으로 각각 검색되어 검색 결과가 나온다.) // 상품명 검색 예시 { "que..

Mapping이란? Mapping은 필드가 저장되고 인덱싱되는 방식을 정의하는 프로세스다. Elasticsearch는 명시적으로 필드를 정의하지 않아도 데이터 유형에 따라 데이터 타입에 대한 매핑 정보가 자동으로 생성된다. 하지만, 자신이 원하지 않는 타입으로 지정될 경우 수정이 불가능하므로 상황에 따라 필드에 미리 매핑정보를 정의해야 하는 경우가 있다. Field Data Type Field Type 설명 Text keyword 입력된 문자열을 하나의 토큰으로 저장한다. 검색 시 필터링, 정렬, 집계 시 많이 사용하며, 별도의 분석기를 거치지 않기 때문에 키워드 등 정확한 검색을 할때 유용 text 입련된 문자열을 쪼개어 역색인 구조로 만든다. Numeric long 64비트 정수 integer 32비..

Nest 에는 애플리케이션 전체에서 처리되지 않은 모든 예외를 처리하는 내장 예외 레이어가 함께 제공된다. 애플리케이션 코드에서 예외가 처리되지 않으면 이 계층에서 이를 잡은 다음 사용자에게 친숙한 적절한 응답을 자동으로 보낸다. 기본적으로 이 작업은 HttpException 유형의 예외 (및 해당 하위 클래스) 를 처리하는 내장된 전역 예외 필터 에 의해 수행된다. HttpException예외가 인식되지않으면(HttpException 에서 상속되는 클래스도 아니고) 내장된 예외 필터는 다음과 같은 기본 JSON 응답을 생성한다. { "statusCode": 500, "message": "Internal server error" } 힌트) 전역 예외 필터는 http-errors라이브러리를 부분적으로 지원..

Introduction 이번 글에서는 Vscode에서 Tailwind css를 사용할 때 유용한 두가지 확장프로그램을 소개하고자 합니다. 그 확장프로그램은 Tailwind Twin IntelliSense와 HeadWind입니다. 1. Tailwind Twin IntelliSense vscode에서 Intellisense 확장프로그램을 설치했다면, Tailwind CSS 마스터입니다. CSS 프레임워크를 다룰때 지속적으로 나왔던 단점이 '학습곡선이 존재한다. ' (본인은 동의하지 않음)었습니다. 하지만 이 환상적인 확장 프로그램을 설치함으로써, 없애버렸습니다. 일단 사용하기만 한다면, Tailwind CSS의 클래스를 빠르게 탐색하고 적용하는데 매우 유용합니다. 역할 자동 완성 기능 : 클래스 이름을 입력..

미들웨어는 라우트 핸들러 이전에 호출되는 기능이다 . 미들웨어 기능은 요청 및 응답 개체에 액세스할 수 있으며 요청-응답 주기에 있다 next() 함수를 통해 다음에 따라오는 미들웨어 호출이 이루어진다. Nest 미들웨어는 기본적으로 Express 미들웨어와 동일하다. 공식 Express 문서는 미들웨어를 다음과 같이 설명한다. 미들웨어 기능은 다음 작업을 수행할 수 있습니다. 어떤 코드라도 실행. 요청 및 응답 개체를 변경. 요청-응답 주기를 종료. 스택에서 다음 미들웨어 함수를 호출. 현재 미들웨어 기능이 요청-응답 주기를 종료하지 않으면 next()다음 미들웨어 기능으로 제어를 전달하기 위해 호출한다. 그렇지 않으면 요청이 중단된 상태로 유지된다. 함수나 @Injectable() 데코레이터가 있는 ..