일과 여행 그리고 쉼

Vue.js의 라우터(router)는 Vue 애플리케이션에서 페이지 간의 네비게이션을 관리하고, URL을 기반으로 컴포넌트를 동적으로 렌더링할 수 있게 해주는 기능이다. Vue Router는 Vue.js 공식 라이브러리 중 하나로, SPA(Single Page Application)를 구축하는 데 주로 사용된다. Roueter 설치 npm install vue-router@next main.js 에서 router 사용 추가 import { createApp } from 'vue' import App from './App.vue' import router from './router/' const app = createApp(App) app.use(router).mount('#app') Router 설정 파..

IT/FrontEnd 2024. 3. 14. 10:00

Cron 표현식은 시간 기반의 작업을 스케줄링하기 위해 사용되는 표현식이다. 이 표현식은 주로 백업, 시스템 유지 관리 작업 등을 자동화하는 데 사용된다. Cron 표현식은 6개 또는 7개의 필드로 구성되며, 각 필드는 특정 시점 또는 시간 간격을 나타낸다. 필드 필수값 여부 허용되는 값 허용되는 특수문자 초 (Seconds) Y 0~59 , - * / 분 (Minutes) Y 0~59 , - * / 시 (Hours) Y 0~23 , - * / 일 (Day of month) Y 1~31 , - * / L W ? 월 (Month) Y 1~12 또는 JAN ~ DEC , - * / 요일 (Day of week) Y 0 ~ 6 또는 SUN ~ SAT , - * / L # ? 년 (Year) N 1970 ~ 2..

IT/JAVA Tip 2024. 3. 13. 10:00

1. React 와 Vue 의 차이 React VueJS 설계 React는 Facebook에서 개발한 라이브러리로, 컴포넌트 기반 아키텍처에 중점을 둠. 단방향 데이터 흐름을 채택하며, 가상 DOM을 사용하여 성능을 최적화 Vue.js는 Evan You에 의해 만들어진 라이브러리로, 간단하고 유연한 설계에 중점을 두고 있음. 양방향 데이터 바인딩을 제공하며, 가상 DOM과 함께 사용되지만 React보다는 좀 더 직관적인 API를 가지고 있음 양방향 데이터 바인딩 React는 단방향 데이터 바인딩을 사용. 부모 컴포넌트에서 자식 컴포넌트로 데이터가 전달되며, 자식에서는 부모에게 데이터를 전달할 수 있음. Vue.js는 양방향 데이터 바인딩을 지원. 이는 모델과 뷰 간의 동기화를 쉽게 만들어주어 개발자가 상..

IT/FrontEnd 2024. 3. 12. 10:00

처음 신규 프로젝트를 생성할 때 JAVA 버전 스프링부트 버전등 어떤거를 도입할지 고민을 하게 되었을때 그에 맞는 자료를 찾아보게 되었다 1. JAVA 버전별 지원 기간 LTS (Long Term Support) 라고 표기된 버전들이 지속적으로 지원 관리하는 버전들이다 . 2. JAVA 버전별 사용 빈도 Jetbrains 에서 2022년도 2021 년도 java 사용 빈도 조사에 의하면 java8이 많이 사용되고 있고 점점 11버전이 늘어나고 java17 버전도 늘어나는 추세이다 . 3. 프레임워크 사용 통계 프레임워크도 점점 스프링부트 사용이 늘어나오 스프링부트 3 버전부터는 java 17 이상 사용해야 하기 때문에 그에 따라 java17 이상 사용 비율도 점점 늘어날 듯 하다. 4. Spring Bo..

IT/Spring Boot 2024. 3. 11. 10:41

기능 1. 마이그레이션 스크립트 관리 Flyway는 버전 관리된 SQL 스크립트를 사용하여 데이터베이스 스키마의 변경 사항을 이러한 스크립트를 사용하여 새로운 테이블 생성, 컬럼 추가, 제거, 데이터 변환 등 다양한 스키마 변경을 수행합니다. 2. 자동 버전 관리 Flyway는 데이터베이스에 적용되지 않은 스크립트를 추적하고, 새로운 버전이 나올 때마다 자동으로 스크립트를 적용합니다. 3. 멀티플랫폼 지원 Flyway는 다양한 데이터베이스 관리 시스템(DBMS)을 지원합니다. PostgreSQL, MySQL, Oracle, SQL Server, H2 등 다양한 데이터베이스에서 사용할 수 있습니다. 4. 명령줄 인터페이스 및 API 제공 Flyway는 명령줄 도구뿐만 아니라 Java API를 제공하여 개발..

IT/DataBase 2024. 3. 10. 09:30

VueJS 프로젝트 생성을 위해서 Vue CLI(명령줄 인터페이스)를 사용하는 것이 가장 일반적입니다. 아래는 Vue CLI를 사용하여 Vue.js 프로젝트를 생성하는 간단한 단계입니다. 1.NodeJS 설치 가장 먼저 nodejs 를 설치해줍니다. Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org nodejs 설치 후 버전 확인 2.Vue Cli 설치 npm install -g @vue/cli 3. Vue 설치 vue create vue create 명령어 실행을 하면 vue version 별 설치 여부를 선택하는게 나오고 선택하여 실행합니다. 설치가 끝나면 아래와 같이 실행 명령어가 나타..

IT/FrontEnd 2024. 3. 9. 09:30

Spring Boot 에서 LogBack은 기본 로깅 프레임입니다. Spring Boot에는 LogBack 에 필요한 종속성이 이미 포함되어 있으므로 이를 명시적으로 추가할 필요가 없습니다. 기본 LogBack 설정파일은 logback-spring.xml 이라 이름을 명하고 src/main/resources 안에 위치합니다. Spring Boot에서 lombok 으로 @slf4j 선언해서 사용해도 됩니다. 로그레벨 1) ERROR : 오류 메시지 표시 2) WARN : 경고성 메시지 표시 3) INFO : 정보성 메시지 표시 4) DEBUG : 디버깅하기 위한 메시지 표시 5) TRACE : Debug보다 훨씬 상세한 메시지 표시 ${LOG_PATTERN} ${LOG_PATH}/${LOG_FILE_NAM..

IT/JAVA Tip 2024. 3. 8. 09:20

VUEJS + 스프링부트(메이븐) 빌드 과정입니다. frontend-maven-plugin은 Maven 빌드 도구를 사용하여 프론트엔드 프로젝트를 빌드하는 데 도움이 되는 플러그인입니다. 이를 사용하면 프론트엔드 빌드 도구(예: Node.js 및 npm)를 Maven 빌드 프로세스에 통합할 수 있습니다. 다음은 frontend-maven-plugin을 사용하는 간단한 Maven 프로젝트의 예제입니다. 이 예제에서는 Node.js 및 npm을 사용하여 VUEJS 애플리케이션을 빌드합니다. 1.Maven 프로젝트 설정 com.github.eirslett frontend-maven-plugin 1.14.1 front target install node and npm install-node-and-npm v20..

IT/JAVA Tip 2024. 3. 7. 13:06