이 문서는 NiFi를 사용하여 동기화 업무를 수행하기 위한 안내서입니다. 목표 교육내용은 동기화 업무를 수행할 수 있는 수준의 작성 방법안내에 있습니다. 1. 소스 공유 먼저 공유 템플릿 파일을 다운로드합니다. 캔버스에서 우클릭 컨텍스트 메뉴를 통해서 Upload template 진행합니다. 템플릿을 사용하기 위해 상단 헤더바에서 템플릿 아이콘을 찾아 드래그 앤 드롭을 하고 사용할 템플릿을 선택합니다. 추가로 내려받은 템플릿은 우측상단 메뉴의 Templates 에서 관리 할 수있습니다. 3. 구성 동기화 업무는 다음과 같이 구성됩니다. 동기화 업무 그룹 타겟 동기화 그룹 동기화 로그 그룹 다음 장에서는 실제 구성하기 전에 사전 작업으로 Connection Pool 설정하는 방법을 안내하겠습니다.

이전 장에서는 Next.js 애플리케이션의 스타일을 지정하는 방법을 배웠다. 사용자 정의 폰트와 히어로 이미지를 추가하여 웹페이지 작업을 계속해 보자. 이번 장에서 다룰 주제는 아래와 같다. next/font를 사용하여 사용자 정의 폰트를 추가하는 방법. next/image로 이미지를 추가하는 방법. Next.js에서 폰트와 이미지가 최적화되는 방법. 폰트를 최적화하는 이유 폰트는 웹 사이트 디자인에서 중요한 역할을 하지만 프로젝트에서 사용자 정의 폰트를 사용하면 폰트 파일을 가져와서 로드해야 하는 경우 성능에 영향을 미칠 수 있다. Cumulative Layout Shift (CLS 누적 레이아웃 변경) 은 Google이 웹사이트의 성능과 사용자 경험을 평가하는 데 사용하는 측정항목이다. 폰트를 사용하..

이번 장에서 다룰 주제는 아래와 같다. 애플리케이션에 전역 CSS 파일을 추가하는 방법. 두 가지 스타일 지정 방법: Tailwind 및 CSS 모듈. clsx 유틸리티 패키지를 사용하여 조건부로 클래스 이름을 추가하는 방법 글로벌 스타일 /app/ui 폴더를 살펴보면 global.css라는 파일이 있다. 이 파일을 사용하여 CSS 재설정 규칙, 링크와 같은 HTML 엘리먼트에 대한 사이트 전체 스타일 등과 같은 CSS 규칙을 애플리케이션의 모든 경로에 추가할 수 있다. 애플리케이션의 모든 컴포넌트에서 global.css를 가져올 수 있지만 일반적으로 최상위 컴포넌트에 추가하는 것이 좋다. Next.js에서 최상위 컴포넌트는 루트 레이아웃이다(나중에 자세히 설명). /app/layout.tsx로 이동하고..

새 프로젝트 만들기 Next.js 앱을 만들려면 프로젝트 디렉토리를 만들고, 해당 디렉토리에서 CLI 를 열고 다음 명령을 실행한다. Terminal npx create-next-app@latest nextjs-dashboard --use-npm --example "https://github.com/vercel/next-learn/tree/main/dashboard/starter-example" 이 명령은 Next.js 애플리케이션을 설정하는 CLI(명령줄 인터페이스) 도구인 create-next-app을 사용한다. 위 명령에서는 이 과정의 예제를 활용하기 위해서 --example 플래그도 사용하고 있다. 프로젝트 둘러보기 처음부터 코드를 작성하는 튜토리얼과 달리 이 과정의 코드 대부분은 이미 작성되어 ..

NiFi에서 스케쥴링탭에 Cron 표현식에 대한 설명입니다. 포로세서의 스케쥴링탭 위 이미지가 스케쥴링 탭의 기본 구성입니다. 구성된 속성으로는 Scheduling Strategy, Concurrent Tasks, Excution, Run Schedule, Run Duration이 있습니다 Scheduling Strategy (일정 관리 전략) : 프로세서를 일정에 따라 처리하는 데 사용된 전략 Concurrent Tasks (동시에 진행되는 작업) : 프로세서에 동시에 예약되어야 하는 작업의 수 Excution (실행) : 클러스터링될 때 이 프로세서가 실행될 노드 Run Schedule (실행 계획) : 작업 실행 사이에 경과해야 하는 시간 주요 속성인 Scheduling Strategy을 살펴보면 ..

NiFi에서 사용되는 주요 데이터 포맷에 대한 설명입니다. JSON 설명: JSON은 경량의 데이터 교환 형식으로, 사람과 기계가 모두 이해하기 쉬운 텍스트 형태의 데이터입니다. 가장 일반적인 데이터 포맷입니다. Parquet 설명: Parquet는 컬럼 기반의 저장 포맷으로, 대용량 데이터 처리 및 저장에 최적화되어 있습니다. 압축률이 높고 쿼리 성능이 우수합니다. 주로 CSV 파일 데이터를 읽고쓸때 Parquet 데이터 형식을 사용합니다. Avro 설명: Avro는 스키마 기반의 데이터 직렬화 형식으로, 이진 형태로 데이터를 저장합니다. 유연한 스키마 및 빠른 직렬화로 데이터 교환에 적합합니다. 주로 사용하는 ExecuteSQL 프로세서 결과값이 Avro 데이터 형식으로 읽어드립니다. 아파치 아브로(..

NiFi에서 Connection Pool 설정을 하는 방법입니다. Connection Pool 설정 NiFi 대시보드에서 우클릭하여 컨텍스트 메뉴의 Configure을 클릭합니다. Java Configuration 창에서 추가(add) 버튼을 누르면 Add Controller Serviece 창이 나타납니다. 키워드(DBCPConnectionPool)를 입력하여 검색한 뒤 해당 서비스를 추가합니다. 추가된 DBCPConnectionPool 서비스 확인이 가능하며 설정이 다 되지 않아 Invalid 오류 표기 상태입니다. 우측의 톱니바퀴를 클릭합니다. DBCPConnectionPool 서비스의 설정 팝업이 뜹니다. DBCPConnectionPool Properties 주요 설정사항은 총 5가지입니다. Da..

Topic. Trainer 의 TrainingArguments 주요 파라미터를 설명합니다. * TrainingArguments parameter type / optional / default explain cutoff_len 모델에 들어갈 시퀀스의 최대 길이를 설정합니다. Optimizer AdamW 를 주로 사용 lr_scheduler 훈련중 learning rate를 조절해주는 옵션입니다. constant(고정), linear(선형), cosine(코사인형) per_device_train_batch_size int 선택 사항 8 훈련을 위한 GPU/TPU 코어/CPU당 배치 크기입니다. per_device_eval_batch_size int 선택 사항 8 평가를 위한 GPU/TPU 코어/CPU당 배치..

Nuxt는 적절한 기본값과 별칭을 사용하여 .nuxt/tsconfig.json 파일을 생성합니다. Nuxt는 프로젝트에서 사용 중인 확인된 별칭과 기타 합리적인 기본값을 사용하여 .nuxt/tsconfig.json 파일을 자동으로 생성한다. 아래 내용으로 프로젝트 루트에 tsconfig.json을 생성하면 이 이점을 누릴 수 있다. tsconfig.json { "extends": "./.nuxt/tsconfig.json" } 필요에 따라 이 파일의 내용을 맞춤설정할 수 있습니다. 그러나 target, module 및 moduleResolution 을 덮어쓰지 않는 것이 좋다. 경로를 사용자 정의해야 하는 경우 자동 생성된 경로 별칭이 재정의된다. 대신, nuxt.config 내의 alias 속성에 필요한..

package.json 파일에는 애플리케이션에 대한 모든 종속성과 스크립트가 포함되어 있다. Nuxt 애플리케이션의 최소 package.json는 다음과 같다. package.json { "name": "nuxt-app", "private": true, "type": "module", "scripts": { "build": "nuxt build", "dev": "nuxt dev", "generate": "nuxt generate", "preview": "nuxt preview", "postinstall": "nuxt prepare" }, "devDependencies": { "@nuxt/devtools": "latest", "nuxt": "latest", "vue": "latest", "vue-route..

Nuxt는 단일 nuxt.config 파일로 쉽게 구성할 수 있다. nuxt.config 파일 확장자는 .js, .ts 또는 .mjs일 수 있다. nuxt.config.ts // nuxt.config.ts export default defineNuxtConfig({ // My Nuxt config }) defineNuxtConfig 헬퍼 함수는는 임포트 없이 전역적으로 사용할 수 있다. 참고) 가능한 모든 구성요소 구성을 최신 상태로 유지하기 위해 Nuxt는 기본 구성 파일인 .env, .nuxtignore 및 .nuxtrc 도트 파일의 변경 사항을 감지하면 완전히 다시 시작한다. .nuxtrc 파일은 fla 구문으로 Nuxt를 구성하는 데 사용할 수 있는 파일이며, unjs/rc9를 기반으로 한다.

최소 사용량 Nuxt 3에서는 pages/ 디렉토리가 선택 사항입니다. 존재하지 않으면 Nuxt는 vue-router 종속성을 포함하지 않는다. 이는 라우팅이 필요하지 않은 랜딩 페이지나 애플리케이션 작업 시 유용하다. app.vue Hello World! 페이지 사용 pages/ 디렉토리가 있는 경우 현재 페이지를 표시하려면 컴포넌트를 사용한다. app.vue 내부적으로 Vue의 컴포넌트를 사용하므로 루트 요소로 설정할 수 없다. app.vue 가 Nuxt 애플리케이션의 주요 구성 요소 역할을 한다는 점을 기억하자. 여기에 추가하는 모든 항목(JS 및 CSS)은 전역적으로 적용되며 모든 페이지에 포함된다. 페이지 사이의 페이지 주변 구조를 사용자 정의할 수 있는 가능성을 갖고 싶다면 layouts/ 디..

Nuxt 3는 라이프사이클 내에서 런타임에 업데이트하거나 nuxt 플러그인을 사용하고 HMR(핫 모듈 교체)로 편집할 수 있는 기능을 통해 애플리케이션 내 반응 구성을 노출하는 app.config 구성 파일을 제공한다. app.config.ts 파일을 사용하여 런타임 앱 구성을 쉽게 제공할 수 있다. 확장자는 .ts, .js 또는 .mjs 중 하나일 수 있다. app.config.ts export default defineAppConfig({ foo: 'bar' }) app.config 파일 안에 비밀 값을 넣으면 안된다. 이는 사용자 클라이언트 번들에 노출된다. 구성 및 환경 변수를 앱의 나머지 부분에 노출하려면 app.config 파일에서 구성을 정의해야한다. app.config.ts export d..

.nuxtignore 파일은 Nuxt에게 빌드 단계 동안 프로젝트의 루트 디렉터리(rootDir)에 있는 파일을 무시하도록 지시한다. .gitignore 및 .eslintignore 파일과 동일한 사양이 적용되며, 각 줄은 무시해야 하는 파일을 나타내는 glob 패턴다. nuxt.config 파일에서 ignoreOptions, ignorePrefix 및 ignore를 구성할 수도 있다. .nuxtignore # ignore layout foo.vue layouts/foo.vue # ignore layout files whose name ends with -ignore.vue layouts/*-ignore.vue # ignore page bar.vue pages/bar.vue # ignore page in..

.gitignore 파일은 git이 무시해야 하는 의도적으로 추적되지 않은 파일을 지정합니다. 참고) Git 문서 최소한 다음 항ㅁ고이 포함된 .gitignore 파일을 갖는 것이 좋다. .gitignore # Nuxt dev/build outputs .output .data .nuxt .nitro .cache dist # Node dependencies node_modules # Logs logs *.log # Misc .DS_Store # Local env files .env .env.* !.env.example

.env 파일은 빌드/개발 시간 환경 변수를 지정한다. 이 파일을 .gitignore 파일에 추가해야 비밀 정보가 저장소에 푸시되는 것을 방지할 수 있다. 개발, 빌드 및 생성 시간 Nuxt CLI에는 개발 모드와 nuxi build 및 nuxi generate 실행 시 dotenv 지원이 내장되어 있다. 프로세스 환경 변수 외에도 프로젝트 루트 디렉터리에 .env 파일이 있으면 개발, 빌드 및 생성 시 자동으로 로드된다. 여기에 설정된 모든 환경 변수는 nuxt.config 파일 및 모듈 내에서 액세스할 수 있다. .env MY_ENV_VARIABLE=hello .env 에서 변수를 제거하거나 .env 파일을 완전히 제거해도 이미 설정된 값은 해제되지 않는다. 사용자 정의 파일 다른 파일을 사용하려는 ..

utils/ 디렉토리를 사용하여 애플리케이션 전체에 유틸리티 기능을 자동으로 임포트한다. utils/ 디렉토리의 주요 목적은 Vue 컴포저블과 기타 자동으로 가져온 유틸리티 함수를 의미론적으로 구분하는 것이다. 사용법 방법 1 : 명명된 내보내기(export) 사용 utils/index.ts // utils/index.ts export const { format: formatNumber } = Intl.NumberFormat('en-GB', { notation: 'compact', maximumFractionDigits: 1 }) 방법 2 : 기본 내보내기 사용 utils/random-entry.ts or utils/randomEntry.ts // utils/random-entry.ts or utils/..

Redis는 Remote Dictionary Server의 약자로 오픈 소스 기반으로 In-memory 데이터 구조 저장소에 키(Key) - 값(Value) 쌍의 해시 맵과 같은 구조를 가진 비관계형(NoSQL) 데이터를 저장 및 관리하는 데이터베이스 관리 시스템을 말합니다. 현재 많은 백엔드 프로젝트에서 Redis 저장소를 많이 사용하고 있으며, 테크팀 역시 스프링 프로젝트에서 캐시데이터 및 세션, 그리고 각 업무단 비즈니스 로직에서 데이터 저장소로 활용하고 있습니다. NestJS 프로젝트 역시 캐시 및 데이터 저장소로 활용하기 위하여 Redis 저장소가 필요하였기 때문에 다음과 같이 Redis Util을 추가하였습니다. "dependencies": { "ioredis": "^5.3.2", }, "de..

Button UI Button은 variant가 많고, Tailwind CSS는 nested selector를 지양함. 그러므로 다음과 같이 React component로 구현한다. 설치 $ pnpm add tailwind-merge clsx class-variance-authority 3가지를 설치해주고, 가이드 2-3을 참조하여 src/lib/utils.ts를 입력한다. Button library 예시 src/components/ui/button.tsx import { VariantProps, cva } from 'class-variance-authority'; import { ComponentProps } from 'react'; import { cn } from '@/lib/utils'; cons..

server/ 디렉토리는 API 및 서버 핸들러를 애플리케이션에 등록하는 데 사용된다. Nuxt는 이러한 디렉터리 내의 파일을 자동으로 스캔하여 HMR(Hot Module replacement) 지원으로 API 및 서버 핸들러를 등록한다. 디렉토리 구조 -| server/ ---| api/ -----| hello.ts # /api/hello ---| routes/ -----| bonjour.ts # /bonjour ---| middleware/ -----| log.ts # log all requests 각 파일은 defineEventHandler() 또는 eventHandler()(별칭)으로 정의된 기본 함수를 내보내야 한다. 핸들러는 JSON 데이터인 Promise를 직접 반환하거나 event.node..