Topic. LLaMA 2 모델 NousResearch/Llama-2-13b-chat-hf 을 LoRA 방식으로 미세조정해봅시다. 1. 실습환경 구성 아래 글을 참조하여 실습환경을 구성합니다. [실습] A.I. Pre-trained Model Fine-tuning 을 위한 환경설정(Linux Ubuntu) 2. Pretrained Model, Datasets Information model_pretrained_name NousResearch/Llama-2-13b-chat-hf https://huggingface.co/NousResearch/Llama-2-13b-chat-hf data_path b-mc2/sql-create-context https://huggingface.co/datasets/b-mc2/..

컴포넌트는 태그를 대체할 수 있다. 사용법은 와 거의 동일 하지만 가능한 경우 webp 와 같은 최신 형식을 제공할 수도 있다. 설정 를 쓰기위해서는 Image 모듈을 추가 설치해야한다. npx nuxi@latest module add image

컴포넌트는 기본 태그를 대체할 수 있다. 내장 공급자를 사용하여 로컬 및 원격 이미지 최적화 src 공급자에 최적화된 URL로 변환 width, height 을 기준으로 이미지 크기를 자동으로 조정 sizes 옵션 제공 시 반응형 크기 생성 기본 지연 로딩 및 기타 속성을 지원 설정 를 사용하려면 Nuxt Image 모듈을 설치하고 활성화해야 한다: npx nuxi@latest module add image 사용법 는 (주변 래퍼 없이) 네이티브 img 태그를 직접 출력한다 . 태그를 사용하는 것처럼 사용한다. 아래 결과로 변한다. Props src : 이미지 파일 경로 src 는 public/ 디렉터리의 정적 이미지에 대한 절대 경로 형식이어야 한다 . 그렇지 않으면 또는 URL 로 시작하는 공급자가 ..

아일랜드 컴포넌트를 렌더링할 때 아일랜드 컴포넌트의 콘텐츠는 정적이므로 JS가 클라이언트 측에 다운로드되지 않는다. 속성을 변경하면 아일랜트 컴포넌트를 다시 가져와 다시 렌더링하게 된다. 참고) 이 컴포넌트는 실험적이기 때문에, 사용하려면 nuxt.config 에서 experimental.componentIsland 활성화 시켜야한다. 어플리케이션의 전역스타일이 응답으로 전송된다. 서버 전용 컴포넌트는 를 내부적으로 사용한다. Props name : 렌더링한 컴포넌트의 이름 type : string 필수 lazy : 컴포넌트를 Non-blocking 으로 만든다. type : boolean default : false props : 렌더링할 컴포넌트의 속성 type : Recode source : 렌더링..

Nuxt 문서, 소스 코드 및 소셜 미디어 계정에 대한 링크가 포함되어 있다. 참고) 이 컴포넌트는 nuxt/assets 에 포함되어 있다.

컴포넌트는 onErrorCaptured 를 내부적으로 사용한다. Events @error : 컴포넌트의 기본 슬롯에서 오류가 발생할 때 생기는 이벤트 Slots #error : 오류 발생 시 표시할 대체 컨텐츠를 지정한다. An error occurred: {{ error }} 참고) Docs > Getting Started > Error Handling

사용방법 app.vue 혹은 layouts/ 디렉토리에 를 추가한다. 참고) Docs > Examples > Routing > Pages Props color : 로딩바의 색상, false 로 설정하면 색상이 안나온다. height : 로딩바의 높이(픽셀단위, 기본값 3) duration : 로딩 바의 지속시간 (밀리초, 기본값 2000) throttle : 표시 및 숨기기를 밀리초 단위로 조절 (기본값 200)

이번 장부터는 Apache nifi 표현 언어 가이드 1장에 이어 docs 내용의 함수부터 번역하여 기술하겠습니다. 함수 함수는 속성 값들을 조작하고 비교하는 편리한 방법을 제공합니다. 표현 언어는 자동화된 데이터 흐름의 요구를 충족하기 위해 다양한 함수를 제공합니다. 각 함수는 0개 이상의 인자를 받고 하나의 값을 반환합니다. 이러한 함수들은 연결되어 강력한 표현식을 만들어 조건을 평가하고 값들을 조작하는 데 사용될 수 있습니다. 데이터 유형 함수의 인자와 반환되는 값은 특정한 데이터 유형을 가지고 있습니다. 표현 언어는 여러가지 다른 데이터 유형을 지원합니다. 문자열(String) : 문자열은 숫자, 문자, 공백 및 특수문자로 구성된 문자의 연속입니다. 숫자(Number) : Number는 하나 이상..

는 Vue Router의 컴포넌트와 HTML 태그를 대체할 수 있다. 링크가 내부 인지 외부 인지 지능적으로 결정하고 그에 따라 사용 가능한 최적화(프리페칭, 기본 속성 등)를 사용하여 링크를 렌더링한다. 내부 라우팅 이 예에서는 를 사용하여 애플리케이션의 다른 페이지에 연결한다. About page 외부 라우팅 이 예에서는 컴포넌트를 사용하여 웹 사이트에 연결한다. Nuxt website target 및 rel 속성 이 예에서는 를 target, rel 및 noRel 속성과 같이 사용한다. Nuxt Twitter Nuxt Discord Nuxt GitHub Contact page opens in another tab Props to: Vue Router의 모든 URL 또는 경로 위치 객체. href: ..

컴포넌트를 이용하여 app.vue 혹은 error.vue 의 기본 레이아웃을 활성화할 수 있다. some page content 참고) Nuxt-Directory> layouts Props name : 렌더링할 레이아웃 이름을 지정한다. 문자열, 리액티브 참조 또는 계산된 속성일 수 있다. 이는 layouts/ 디렉터리에 있는 해당 레이아웃 파일의 이름과 일치 해야한다. type : string default : default 레이아웃 이름은 kebab-case로 정규화되므로 레이아웃 파일 이름이 errorLayout.vue 이면 의 name 속성은 error-layout 이된다. 참고) Nuxt-Directory> layouts 추가 Props NuxtLayout 은 레이아웃에 전달해야 할 추가 pro..

는 Nuxt와 함께 제공되는 빌트인 컴포넌트이다. pages/ 디렉토리에 있는 최상위 페이지 또는 중첩 페이지를 표시할 수 있다 는 Vue Router의 컴포넌트를 감싼 래퍼이다. 동일한 name 과 route 속성을 갖는다. Props name : 일치하는 경로 레코드의 컴포넌트 옵션에 해당 이름으로 컴포넌를 렌더링하도록 RouterView 에게 지시한다. type : string route : 모든 컴포넌트가 위치할 경로 위치 type : RouteLocationNormalized pageKey : NuxtPage 컴포넌트가 다시 렌더링되는 시기를 제어한다. type : string 또는 function transition : NuxtPage 컴포넌트로 렌더링된 모든 페이지에 대한 전역 트랜지션을 정..

하위 항목이 SSR에서 오류를 트리거하는 경우 클라이언트에 컨텐츠를 렌더링하기 위해 컴포넌트를 제공한다. 이 컴포넌트는 실험적이므로 사용하려면 nuxt.config 에서 experimental.clientFallback 옵션을 활성화해야한다. Events @ssr-error : 하위 항목이 SSR에서 오류를 트리거할 때 발생하는 이벤트다. 서버에서만 트리거된다. Props placeholderTag | fallbackTag : 슬롯이 렌더링되지 않는 경우 렌더링할 대체 태그를 지정한다. type : string default : div placeholder | fallback : 슬롯이 렌더링되지 않는 경우 렌더링할 대체 컨텐츠를 지정한다. type : string keepFallback : 서버측 렌더..

이번 장부터는 Apache nifi 표현 언어 가이드 docs 내용을 번역하여 기술하겠습니다. 개요 아파치 nifi의 모든 데이터는 플로우파일이라는 추상화로 표현됩니다. 플로우파일은 두 가지 주요 요소로 구성됩니다. 내용(content)과 속성(attributes)으로. 플로우 파일의 내용 부분은 작업 대상인 데이터를 나타내고, 속성 부분은 데이터 자체 또는 메타데이터에 관한 정보를 나타냅니다. 속성은 데이터에 대해 알려진 정보와 데이터를 적절하게 라우팅 하고 처리하는데 유용한 정보를 나타내는 키-값 쌍입니다. 로컬 파일 시스템에서 가져온 파일의 예를들면, 플로우파일에는 파일 시스템의 파일 이름을 의미하는 filename이라는 속성이 있습니다. 또한 플로우파일에는 이 파일이 위치한 디렉토리를 반영하는 p..

컴포넌트는 클라이언트 측에서만 슬롯을 렌더링한다. 클라이언트에서만 컴포넌트를 가져오려면 클라이언트 측 전용 플러그인에 컴포넌트를 등록한다. Props placeholderTag | fallbackTag : 서버사이드에서 렌더링될 태그를 특정한다. placeholder | fallback :서버사이드에서 렌더링될 컨텐츠를 특정한다. Slots #falllback : 서버사이드에서 출력될 컨텐츠를 특정한다. Loading comments...

Nuxt 앱은 Node.js 서버, 사전 렌더링된 스태틱 호스팅, 혹은 서버리스 또는 엣지(CDN) 환경에 배포될 수 있다. 참고) 호스트 제공자들 Node.js 서버 모든 Node 호스팅에 배포할 수 있도록 Nitro가 포함된 Node.js 서버는... 아무것도 지정되지 않거나 자동 감지되는 경우 기본 출력 형식 최적의 콜드 스타트 타이밍에 대한 요청을 렌더링하는데 필요한 청크만 로드한다. 모든 Node.js 호스팅에 Nuxt 앱을 배포하는 데 유용. 진입 지점 노드 서버 사전 설정을 사용 하여 실행하면 nuxt build 결과는 즉시 실행 가능한 노드 서버를 시작하는 진입점이 된다. 터미널) node .output/server/index.mjs 위 명령은 3000번 포트를 기본으로 Nuxt 서버를 기..

다음은 Next.js에 국한되지 않고, 예를들어 백엔드 프로그래밍을 하다가 처음 React를 접했을 때 기본적으로 알아야 할 것들을 나열해보았다. 쓰다보면 React에서 가장 자주 쓰이는 syntax는 정해져있다. 1. Componentization 이건 javascript에 관한 것이라기보다 refactoring 관련인데 한 파일 안에 2천800줄되는 코드도 봤는데 도저히 수정이 불가능하다. 처음 짤 때부터 컴포넌화하는 습관이 중요하다. 예시: refactor 안 된 코드 예 profile-page.jsx ... const ProfilePage = ({user}) => { return ( User Profile {user.name} Email: {user.email} Bio: {user.bio} {/*..

Nuxt 3의 핵심 기능 중 하나는 레이어와 확장 지원이다. 기본 Nuxt 애플리케이션을 확장하여 구성 요소, 유틸리티 및 구성을 재사용할 수 있다. 레이어 구조는 표준 Nuxt 애플리케이션과 거의 동일하므로 작성 및 유지 관리가 쉽다. 사용 사례 nuxt.config 및 app.config 를 사용하여 프로젝트 전체에서 재사용 가능한 구성 사전 설정을 공유한다. components/ 디렉터리를 사용하여 컴포넌트 라이브러리 만들기 composables/ 및 utils/ 디렉터리를 사용하여 유틸리티 및 구성 가능한 라이브러리 만들기 Nuxt 모듈 사전 생성 프로젝트 전체에서 표준 설정 공유 Nuxt 테마 만들기 용법 nuxt.config.ts 파일에 확장 속성을 추가하여 레이어를 확장할 수 있다. // n..

Nuxt의 서버는 Nitro 입니다. 원래는 Nuxt용으로 만들어졌지만 이제는 UnJS 의 일부 이며 다른 프레임워크에도 개방되어 있으며 자체적으로도 사용할 수 있다. Nuxt 에 포함된 Nitro 의 능력은 다음과 같다: 앱의 서버 측 부분을 완전히 제어한다. 모든 공급자에 대한 범용 배포(많은 zero config) 하이브리드 렌더링 Nitro는 내부적으로 고성능과 이식성을 위해 구축된 최소 H(TTP) 프레임워크인 h3 을 사용하고 있다 . 서버 엔드포인트 및 미들웨어 API 엔드포인트에서 미들웨어까지 Nuxt 앱의 서버 전용 부분을 쉽게 관리할 수 있다. 엔드포인트와 미들웨어는 모두 다음과 같이 정의할 수 있다. server/api/test.ts export default defineEventHa..

Nuxt 3는 풀 스택 프레임워크이다. 즉, 다양한 상황에서 발생할 수 있는 예방할 수 없는 사용자 런타임 오류의 원인이 여러 가지 있다는 의미다. Vue 렌더링 수명 주기 중 오류(SSR 및 CSR) Nitro 서버 수명 주기 중 오류(server/ 디렉토리) 서버 및 클라이언트 시작 오류(SSR + CSR) JS 청크 다운로드 중 오류 발생 Vue 렌더링 수명주기 onErrorCaptured 를 사용하여 Vue 오류를 연결할 수 있다 . 또한 Nuxt는 오류가 최상위 수준까지 전파되는 경우 호출되는 후크 vue:error 를 제공한다. 오류 보고 프레임워크를 사용하는 경우, vueApp.config.errorHandler 를 통해 전역 처리기를 제공할 수 있다 . 처리되더라도 모든 Vue 오류를 수신..

Nuxt는 구성 요소 전체에 반응적이고 SSR 친화적인 공유 상태를 생성할 수 있는 useState 컴포저블을 제공한다. useState 는 SSR 친화적인 ref 대체품이다. 해당 값은 서버 측 렌더링 후(클라이언트 측 하이드레이션 중) 유지되며 고유 키를 사용하여 모든 구성 요소에서 공유된다. useState 내부 데이터는 JSON으로 직렬화되기 때문에 클래스, 함수, 심볼 등 직렬화할 수 없는 어떤 것도 포함하지 않는 것이 중요하다. 베스트 프랙티스 const state = ref() 를 Counter: {{ counter }} + - 참고) 라이브 참조 Docs > Examples > Features > State Management 고급 사용법 이 예에서는 HTTP 요청 헤더에서 사용자의 기본 ..