GT.IT.

안녕하세요, 오늘은  Vue3 컴포넌트(Component)를 선언, 등록하고 사용하는 방법에 대해서 알아보겠습니다.  우선 컴포넌트(Component)에 대해 알아보겠습니다.   컴포넌트(Component) 란?UI를 재사용 가능한 작은 단위로 나눈 것입니다. 1. 재사용 가능: 컴포넌트는 여러 곳에서 재사용할 수 있는 독립적인 UI 블록입니다. 2. 독립성: 컴포넌트는 자신의 데이터(data), 로직(methods), 스타일(CSS)을 가질 수 있어 서로 간섭 없이 동작합니다. 3. 계층적 구조: Vue 애플리케이션은 루트 컴포넌트를 중심으로 자식 컴포넌트를 계층적으로 포함합니다.  컴포넌트(Component) 종류1. 전역 컴포넌트: Vue 애플리케이션 전역에서 사용할 수 있는 컴포넌트입니다. 2. ..

안녕하세요. 오늘은 vue-router를 설치 및 설정하고 예제를 통해 테스트까지 해보겠습니다. vue-router를 사용하기 앞서서 vue-router를 설치하여야 합니다. vue-router 설치 npm i vue-router@next 위 명령어로 vue-router를 설치 합니다. 명령어를 실행 후 package.json 파일에 dependencies에 vue-router가 있는지 확인합니다. 있으면 설치가 잘 된 것입니다. 설치가 완료 되었으면 이제 vue-router를 사용해 보겠습니다. vue-router 사용하기 전 폴더 및 파일 생성 1. src 아래 router 폴더를 만들어 줍니다. 2. router 폴더 안에 index.js 파일을 만들어 줍니다. 3. src 아래 views 폴더를 ..