Framework
-
CI/CD란 무엇인지, SpringBoot 프로젝트를 Github Action을 이용하여 CI/CD를 하는 방법에 대해 작성한 글입니다. 🔔 준비 사항1. 배포할 SpringBoot 프로젝트2. (1) 프로젝트와 연동되어있는 Github Repository3. SpringBoot 프로젝트가 배포되어 있는 우분투 서버 ⚡️ 참고1. 스프링 버전 3.2.3을 사용하고 있습니다.2. Elastic Beanstalk 서버를 배포중입니다. CI/CD란? CI/CD는 지속적 통합(Continuous Integration) 및 지속적 제공/배포(Continuous Delivery/Deployment)를 의미하며, 소프트웨어 개발 라이프사이클을 간소화하고 가속화하는 것을 목표로 하는 방법론 입니..
[SpringBoot] Github Action을 이용한 CI/CD (ElasticBeanstalk)CI/CD란 무엇인지, SpringBoot 프로젝트를 Github Action을 이용하여 CI/CD를 하는 방법에 대해 작성한 글입니다. 🔔 준비 사항1. 배포할 SpringBoot 프로젝트2. (1) 프로젝트와 연동되어있는 Github Repository3. SpringBoot 프로젝트가 배포되어 있는 우분투 서버 ⚡️ 참고1. 스프링 버전 3.2.3을 사용하고 있습니다.2. Elastic Beanstalk 서버를 배포중입니다. CI/CD란? CI/CD는 지속적 통합(Continuous Integration) 및 지속적 제공/배포(Continuous Delivery/Deployment)를 의미하며, 소프트웨어 개발 라이프사이클을 간소화하고 가속화하는 것을 목표로 하는 방법론 입니..
15:51:55 -
유저가 로그인 후 유저의 정보를 리덕스에 저장하는 예제를 설명하는 글입니다. 이 글을 보기 전 읽으면 좋은 글 https://hulrud.tistory.com/101 [React] 리덕스 알아보기 리덕스가 무엇인지 알아보는 글입니다! 사용 방법은 언급되지 않습니다. 리덕스 리덕스는 리액트 앱의 상태를 관리하는 패키지입니다. 여기서 앱의 상태는 즉 데이터를 말합니다. 다시말해 하 hulrud.tistory.com 리덕스 패키지 설치하기 먼저 리덕스 패키지를 설치합니다. npm i redux @reduxjs/toolkit react-redux 유저 타입 정의하기 src에 types 디렉토리를 만들고 저장할 유저의 타입을 정의합니다. export const LOGIN_SUCCESS = 'LOGIN_SUCCES..
[React] 로그인 후 유저 정보를 Redux에 저장하기 (TypeScript)유저가 로그인 후 유저의 정보를 리덕스에 저장하는 예제를 설명하는 글입니다. 이 글을 보기 전 읽으면 좋은 글 https://hulrud.tistory.com/101 [React] 리덕스 알아보기 리덕스가 무엇인지 알아보는 글입니다! 사용 방법은 언급되지 않습니다. 리덕스 리덕스는 리액트 앱의 상태를 관리하는 패키지입니다. 여기서 앱의 상태는 즉 데이터를 말합니다. 다시말해 하 hulrud.tistory.com 리덕스 패키지 설치하기 먼저 리덕스 패키지를 설치합니다. npm i redux @reduxjs/toolkit react-redux 유저 타입 정의하기 src에 types 디렉토리를 만들고 저장할 유저의 타입을 정의합니다. export const LOGIN_SUCCESS = 'LOGIN_SUCCES..
2024.04.10 -
리덕스가 무엇인지 알아보는 글입니다! 사용 방법은 언급되지 않습니다. 리덕스 리덕스는 리액트 앱의 상태를 관리하는 패키지입니다. 여기서 앱의 상태는 즉 데이터를 말합니다. 다시말해 하나의 애플리케이션에서 다루는 데이터를 관리하는 패키지입니다. 리덕스의 세 가지 원칙 리덕스에는 아래와 같은 세 가지의 원칙이 있습니다. 단일 소스 진실 (Single Source of Truth): 리덕스는 애플리케이션의 상태를 단일 객체로 관리합니다. 이 객체는 애플리케이션의 모든 상태를 포함하며, 이를 스토어(Store)라고 합니다. 모든 컴포넌트에서 이 상태에 접근할 수 있습니다. 상태는 읽기 전용 (State is Read-Only): 리덕스의 상태는 읽기 전용입니다. 이는 상태를 직접 변경할 수 없으며, 대신 상태를..
[React] 리덕스 알아보기리덕스가 무엇인지 알아보는 글입니다! 사용 방법은 언급되지 않습니다. 리덕스 리덕스는 리액트 앱의 상태를 관리하는 패키지입니다. 여기서 앱의 상태는 즉 데이터를 말합니다. 다시말해 하나의 애플리케이션에서 다루는 데이터를 관리하는 패키지입니다. 리덕스의 세 가지 원칙 리덕스에는 아래와 같은 세 가지의 원칙이 있습니다. 단일 소스 진실 (Single Source of Truth): 리덕스는 애플리케이션의 상태를 단일 객체로 관리합니다. 이 객체는 애플리케이션의 모든 상태를 포함하며, 이를 스토어(Store)라고 합니다. 모든 컴포넌트에서 이 상태에 접근할 수 있습니다. 상태는 읽기 전용 (State is Read-Only): 리덕스의 상태는 읽기 전용입니다. 이는 상태를 직접 변경할 수 없으며, 대신 상태를..
2024.04.06 -
VO, BO, DAO, DTO는 소프트웨어 개발에서 주로 사용되는 용어들입니다. 각각의 용어는 소프트웨어의 다른 층에서 사용되는 객체들을 나타냅니다. 각각의 역할과 특징에 대해 간단히 설명해보겠습니다. 요약 VO (Value Object): VO는 값을 담는 객체를 나타냅니다. 주로 데이터베이스의 테이블에 대응되는 엔티티의 상태를 나타냅니다. VO는 주로 불변(Immutable)하고, equals() 및 hashCode()와 같은 메서드를 오버라이드하여 객체의 동등성을 비교하는 데 사용됩니다. BO (Business Object): BO는 비즈니스 로직을 처리하는 객체를 나타냅니다. 주로 비즈니스 규칙을 구현하고, 데이터를 처리하며, 다양한 계산을 수행하는 데 사용됩니다. BO는 비즈니스 도메인에서의 객..
[Spring] VO와 BO, DAO, DTO란 무엇인가VO, BO, DAO, DTO는 소프트웨어 개발에서 주로 사용되는 용어들입니다. 각각의 용어는 소프트웨어의 다른 층에서 사용되는 객체들을 나타냅니다. 각각의 역할과 특징에 대해 간단히 설명해보겠습니다. 요약 VO (Value Object): VO는 값을 담는 객체를 나타냅니다. 주로 데이터베이스의 테이블에 대응되는 엔티티의 상태를 나타냅니다. VO는 주로 불변(Immutable)하고, equals() 및 hashCode()와 같은 메서드를 오버라이드하여 객체의 동등성을 비교하는 데 사용됩니다. BO (Business Object): BO는 비즈니스 로직을 처리하는 객체를 나타냅니다. 주로 비즈니스 규칙을 구현하고, 데이터를 처리하며, 다양한 계산을 수행하는 데 사용됩니다. BO는 비즈니스 도메인에서의 객..
2024.03.24 -
Swagger가 무엇인지, 스프링부트 애플리케이션과 Swagger의 연결 방법에 대해 작성한 글입니다. Swagger란? Swagger는 API 개발 및 문서화를 위한 도구입니다. Swagger를 사용하면 자동으로 API를 문서화할 수 있습니다. 다음 기능들을 통해서 API를 문서화하고 관리할 수 있습니다. API 문서 자동 생성: Swagger를 사용하면 개발자가 작성한 API 코드를 기반으로 자동으로 API 문서를 생성할 수 있습니다. 이를 통해 API의 엔드포인트, 매개변수, 응답 형식 등에 대한 세부 정보를 쉽게 확인할 수 있습니다. API 스펙 정의: Swagger는 OpenAPI Specification(OAS)을 사용하여 API 스펙을 정의합니다. 이를 통해 API의 구조와 동작 방식에 대한..
[SpringBoot3] 스프링부트와 Swagger 연결방법Swagger가 무엇인지, 스프링부트 애플리케이션과 Swagger의 연결 방법에 대해 작성한 글입니다. Swagger란? Swagger는 API 개발 및 문서화를 위한 도구입니다. Swagger를 사용하면 자동으로 API를 문서화할 수 있습니다. 다음 기능들을 통해서 API를 문서화하고 관리할 수 있습니다. API 문서 자동 생성: Swagger를 사용하면 개발자가 작성한 API 코드를 기반으로 자동으로 API 문서를 생성할 수 있습니다. 이를 통해 API의 엔드포인트, 매개변수, 응답 형식 등에 대한 세부 정보를 쉽게 확인할 수 있습니다. API 스펙 정의: Swagger는 OpenAPI Specification(OAS)을 사용하여 API 스펙을 정의합니다. 이를 통해 API의 구조와 동작 방식에 대한..
2024.03.21 -
상속관계에서 Builder를 적용했을 때 발생한 이슈에 대해 작성한 글입니다. 발생 배경 엔티티에 @Builder 어노테이션을 사용하였습니다. @Entity @DiscriminatorValue("PRODUCT") @Getter @Builder @AllArgsConstructor @NoArgsConstructor(access = AccessLevel.PROTECTED) public class Product extends Item { @Enumerated(EnumType.STRING) @Column(nullable = false) private ProductStatus status; // ... } 다만 Product의 부모 엔티티인 Item에도 @Builder 어노테이션이 있는데요 @Entity @Inhe..
[SpringBoot3] 엔티티 상속관계에서 @Builder 적용상속관계에서 Builder를 적용했을 때 발생한 이슈에 대해 작성한 글입니다. 발생 배경 엔티티에 @Builder 어노테이션을 사용하였습니다. @Entity @DiscriminatorValue("PRODUCT") @Getter @Builder @AllArgsConstructor @NoArgsConstructor(access = AccessLevel.PROTECTED) public class Product extends Item { @Enumerated(EnumType.STRING) @Column(nullable = false) private ProductStatus status; // ... } 다만 Product의 부모 엔티티인 Item에도 @Builder 어노테이션이 있는데요 @Entity @Inhe..
2024.03.20 -
application.properties의 정보들을 분리하여 관리하는 방법에 대해 설명한 글입니다. application.properties란 spring.jpa.defer-datasource-initialization=true spring.datasource.url=jdbc:mysql://localhost:3306/mydb spring.datasource.username=root spring.datasource.password=1234 spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver spring.jpa.hibernate.ddl-auto=create application.properties는 자바 기반의 애플리케이션에서 주로 사용되는 설정 파일..
[SpringBoot] application.properties에서 DB 정보 등 민감한 내용 분리하기application.properties의 정보들을 분리하여 관리하는 방법에 대해 설명한 글입니다. application.properties란 spring.jpa.defer-datasource-initialization=true spring.datasource.url=jdbc:mysql://localhost:3306/mydb spring.datasource.username=root spring.datasource.password=1234 spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver spring.jpa.hibernate.ddl-auto=create application.properties는 자바 기반의 애플리케이션에서 주로 사용되는 설정 파일..
2024.03.13 -
MappedSuperclass에 대해 정리한 글입니다. @MappedSuperclass란 @MappedSuperclass는 JPA에서 엔티티 클래스들 간에 공통된 매핑 정보를 재사용하기 위한 어노테이션입니다. 이 어노테이션을 사용하면 여러 엔티티 클래스에서 동일한 매핑 정보를 공유하여 코드의 중복을 줄여줍니다. 가령 createdAt, updatedAt 등 모든 엔티티에 공통적으로 포함되는 필드가 있다면 @MappedSuperclass를 이용하여 공통된 필드를 포함하는 클래스를 다른 엔티티들이 상속받도록 하면 됩니다. @MappedSuperclass 사용 아래 BaseEntity가 @MappedSuperclass로 지정되어있습니다. import lombok.AccessLevel; import lombok..
[Spring] MappedSuperclass 사용하기MappedSuperclass에 대해 정리한 글입니다. @MappedSuperclass란 @MappedSuperclass는 JPA에서 엔티티 클래스들 간에 공통된 매핑 정보를 재사용하기 위한 어노테이션입니다. 이 어노테이션을 사용하면 여러 엔티티 클래스에서 동일한 매핑 정보를 공유하여 코드의 중복을 줄여줍니다. 가령 createdAt, updatedAt 등 모든 엔티티에 공통적으로 포함되는 필드가 있다면 @MappedSuperclass를 이용하여 공통된 필드를 포함하는 클래스를 다른 엔티티들이 상속받도록 하면 됩니다. @MappedSuperclass 사용 아래 BaseEntity가 @MappedSuperclass로 지정되어있습니다. import lombok.AccessLevel; import lombok..
2024.02.14 -
.env 파일로 환경변수를 관리하는 방법에 대해 소개하는 글입니다. 패키지 설치 아래 명령을 실행하여 dotenv 패키지를 설치합니다. npm install dotenv .env 파일 만들기 .env 파일에서 환경 변수를 초기화 하겠습니다. 확장자 없이 .env라는 파일을 만들어주세요. 그리고 변수로 지정할 값을 아래처럼 작성합니다. key=value 형태로 작성하며 문장 끝에 세미콜론을 작성하지 않습니다. DB_HOST=localhost DB_USER=root DB_PASSWORD=1234 DB_DATABASE=mydatabase 변수 불러오기 require('dotenv').config(); 불러 올 파일에 위 코드를 작성하면 됩니다. 그리고 변수를 사용할 땐 아래처럼 사용합니다. 이 때 위 코드가 ..
[Node.js] dotenv로 환경변수 관리하기.env 파일로 환경변수를 관리하는 방법에 대해 소개하는 글입니다. 패키지 설치 아래 명령을 실행하여 dotenv 패키지를 설치합니다. npm install dotenv .env 파일 만들기 .env 파일에서 환경 변수를 초기화 하겠습니다. 확장자 없이 .env라는 파일을 만들어주세요. 그리고 변수로 지정할 값을 아래처럼 작성합니다. key=value 형태로 작성하며 문장 끝에 세미콜론을 작성하지 않습니다. DB_HOST=localhost DB_USER=root DB_PASSWORD=1234 DB_DATABASE=mydatabase 변수 불러오기 require('dotenv').config(); 불러 올 파일에 위 코드를 작성하면 됩니다. 그리고 변수를 사용할 땐 아래처럼 사용합니다. 이 때 위 코드가 ..
2024.01.04 -
Validation Pipe를 사용하여 유효성 검증을 하는 방법을 정리한 글입니다. 파이프란? NestJS에서 파이프는 HTTP 요청의 핸들러 전/후에 적용되는 중간 단계입니다. 파이프는 요청 데이터를 검증하거나 수정하거나, 응답을 가공하는 등의 역할을 수행하여 요청과 응답을 다룹니다. 가령 사용자가 회원가입을 할 때, 작성한 정보가 모두 유효한 값일 때 회원 가입을 할 수 있도록 하는 것과 같이 값의 유효성을 검사하는데에 파이프가 쓰이게 됩니다. 파이프는 NestJS에서 기본적으로 제공되는 몇 가지 내장 파이프와 사용자가 직접 만들어 사용할 수 있는 커스텀 파이프들이 있습니다. 이 글에서는 Validation Pipe를 사용하여 유효성 검사를 하는 예제에 대해 설명하고 있습니다. 패키지 설치 Valid..
[NestJS] 내장 파이프(validationPipe)를 사용해서 유효성 검사하기Validation Pipe를 사용하여 유효성 검증을 하는 방법을 정리한 글입니다. 파이프란? NestJS에서 파이프는 HTTP 요청의 핸들러 전/후에 적용되는 중간 단계입니다. 파이프는 요청 데이터를 검증하거나 수정하거나, 응답을 가공하는 등의 역할을 수행하여 요청과 응답을 다룹니다. 가령 사용자가 회원가입을 할 때, 작성한 정보가 모두 유효한 값일 때 회원 가입을 할 수 있도록 하는 것과 같이 값의 유효성을 검사하는데에 파이프가 쓰이게 됩니다. 파이프는 NestJS에서 기본적으로 제공되는 몇 가지 내장 파이프와 사용자가 직접 만들어 사용할 수 있는 커스텀 파이프들이 있습니다. 이 글에서는 Validation Pipe를 사용하여 유효성 검사를 하는 예제에 대해 설명하고 있습니다. 패키지 설치 Valid..
2023.12.30 -
📚 Nest.js 프로젝트를 만들고, 패키지에 대해 공부한 내용을 정리한 글입니다. 📣 참고 사항 1️⃣ node와 npm이 설치되어있는 것을 가정하고 진행합니다. 2️⃣ node 버전은 21.5.0, npm은 10.2.4버전 입니다 NestJS 프로젝트 시작하기 터미널에서 아래 명령어를 실행해 nest-cli를 설치합니다. @nest/cli는 NestJS에서 제공하는 Command Line Interface이므로 -g 옵션으로 설치하여 전역에서 사용할 수 있도록 해야합니다. npm install -g @nest/cli 새로운 NestJS 애플리케이션을 만드는 명령어입니다. . 은 현재 디렉토리에 만드는 것을 의미합니다. nest new . 디렉토리 경로를 입력해서 만들수도 있습니다. nest new 디..
[NestJS] NestJS 프로젝트 첫 시작📚 Nest.js 프로젝트를 만들고, 패키지에 대해 공부한 내용을 정리한 글입니다. 📣 참고 사항 1️⃣ node와 npm이 설치되어있는 것을 가정하고 진행합니다. 2️⃣ node 버전은 21.5.0, npm은 10.2.4버전 입니다 NestJS 프로젝트 시작하기 터미널에서 아래 명령어를 실행해 nest-cli를 설치합니다. @nest/cli는 NestJS에서 제공하는 Command Line Interface이므로 -g 옵션으로 설치하여 전역에서 사용할 수 있도록 해야합니다. npm install -g @nest/cli 새로운 NestJS 애플리케이션을 만드는 명령어입니다. . 은 현재 디렉토리에 만드는 것을 의미합니다. nest new . 디렉토리 경로를 입력해서 만들수도 있습니다. nest new 디..
2023.12.27 -
spring.jpa.hibernate.ddl-auto에 대한 글입니다. application.properties 에서 데이터베이스 관련 속성으로 spring.jpa.hibernate.ddl-auto를 많이 보셨을겁니다. 이 글에서는 이 속성과 주요 값들에 대해 알아보겠습니다. spring.jpa.hibernate.ddl-auto spring.jpa.hibernate.ddl-auto는 스프링 부트 애플리케이션에서 하이버네이트(Hibernate)를 사용할 때, 데이터베이스 스키마를 자동으로 생성, 수정 또는 유지하도록 할 수 있는 속성입니다. 이 속성을 설정함으로써 Hibernate가 데이터베이스 스키마를 자동으로 처리할 수 있습니다. create create는 애플리케이션 실행 시에 스키마를 새로 생성합니..
[SpringBoot] 데이터베이스 스키마 자동 생성 옵션에 대해 알아보자 / spring.jpa.hibernate.ddl-autospring.jpa.hibernate.ddl-auto에 대한 글입니다. application.properties 에서 데이터베이스 관련 속성으로 spring.jpa.hibernate.ddl-auto를 많이 보셨을겁니다. 이 글에서는 이 속성과 주요 값들에 대해 알아보겠습니다. spring.jpa.hibernate.ddl-auto spring.jpa.hibernate.ddl-auto는 스프링 부트 애플리케이션에서 하이버네이트(Hibernate)를 사용할 때, 데이터베이스 스키마를 자동으로 생성, 수정 또는 유지하도록 할 수 있는 속성입니다. 이 속성을 설정함으로써 Hibernate가 데이터베이스 스키마를 자동으로 처리할 수 있습니다. create create는 애플리케이션 실행 시에 스키마를 새로 생성합니..
2023.12.26 -
몽구스 사용법과 사용하면서 알게된 내용을 정리한 글입니다. MySQL에 시퀄라이즈가 있다면 몽고디비에는 몽구스(Mongoose)가 있죠! 노드 서버에서 몽고디비로 객체 모델링을 할 수 있는 라이브러리인 몽구스를 사용해봅시다 😁 📕 이 글을 읽기 전 📕 1️⃣ 몽구스를 사용할 node.js 프로젝트 폴더를 미리 만들어주세요! 패키지 설치 npm install express mongoose 익스프레스와 몽구스를 설치합니다. 몽고디비 연결하기 프로젝트 최상단에 app.js 파일을 만들겠습니다. 아래 코드를 app.js 파일에 작성해주세요 const express = require('express'); const mongoose = require('mongoose'); const app = express(); ..
[Node.js] 몽구스 사용해보기몽구스 사용법과 사용하면서 알게된 내용을 정리한 글입니다. MySQL에 시퀄라이즈가 있다면 몽고디비에는 몽구스(Mongoose)가 있죠! 노드 서버에서 몽고디비로 객체 모델링을 할 수 있는 라이브러리인 몽구스를 사용해봅시다 😁 📕 이 글을 읽기 전 📕 1️⃣ 몽구스를 사용할 node.js 프로젝트 폴더를 미리 만들어주세요! 패키지 설치 npm install express mongoose 익스프레스와 몽구스를 설치합니다. 몽고디비 연결하기 프로젝트 최상단에 app.js 파일을 만들겠습니다. 아래 코드를 app.js 파일에 작성해주세요 const express = require('express'); const mongoose = require('mongoose'); const app = express(); ..
2023.12.26 -
엔티티가 만들어 질 때 현재 날짜를 디폴트 값으로 하는 방법에 대해 작성한 글입니다. 가령 게시글에 관한 테이블이라고 하면 created_at처럼 데이터가 추가되는 시점의 날짜를 저장하는 필드가 있을 것입니다. MySQL에서는 insert 쿼리에서 now() 함수를 쓰거나, 디폴트 값을 주면되는 아주 간단한 문제지만, 스프링에서는 어떻게 검색해야할 지도 잘 모르겠고(본인 얘기1), 내 논리라면 이게 되야 하는데...? 라고 생각하지만 잘 안되는 문제라서(본인 얘기2) 글로 정리하게 되었습니다. 부디 저만 삽질한 것이 아니길... 😈 "Spring Data JPA automatic date creation" 이라고 검색하면 스택 오버 플로우에 답변이 몇 개 있긴 하더라고요... 글은 문제를 해결하는 과정순..
[SpringBoot] created_at 처럼 엔티티 생성할 때 현재 날짜를 디폴트 값으로 지정하기 + 수정일 / Spring Data JPA automatic date creation엔티티가 만들어 질 때 현재 날짜를 디폴트 값으로 하는 방법에 대해 작성한 글입니다. 가령 게시글에 관한 테이블이라고 하면 created_at처럼 데이터가 추가되는 시점의 날짜를 저장하는 필드가 있을 것입니다. MySQL에서는 insert 쿼리에서 now() 함수를 쓰거나, 디폴트 값을 주면되는 아주 간단한 문제지만, 스프링에서는 어떻게 검색해야할 지도 잘 모르겠고(본인 얘기1), 내 논리라면 이게 되야 하는데...? 라고 생각하지만 잘 안되는 문제라서(본인 얘기2) 글로 정리하게 되었습니다. 부디 저만 삽질한 것이 아니길... 😈 "Spring Data JPA automatic date creation" 이라고 검색하면 스택 오버 플로우에 답변이 몇 개 있긴 하더라고요... 글은 문제를 해결하는 과정순..
2023.12.24 -
Vue.js 프로젝트를 초기화하는 방법을 정리한 글입니다 🌈 📣 해당 글은 npm이 설치되었다는 전제하에 진행됩니다! Vue 애플리케이션 만들기 node --version 위 명령으로 노드 버전을 확인합니다. Node.js 버전이 16 미만이라면 16 이상 버전으로 업데이트 해주셔야 Vue.js 3.x.x 버전을 사용하실 수 있습니다. npm init vue@latest 위 명령을 통해 create-vue를 설치 및 실행합니다. 그러면 아래처럼 몇 가지 선택 사항에 대해 선택할 수 있습니다. 우선 저는 모두 No로 했습니다. 여러분의 사정에 맞게 체크해주세요.ㅣ cd 프로젝트이름 npm install npm run dev 방금 생성한 프로젝트 폴더로 이동 후 패키지들을 설치합니다. 그리고 실행하면 Vue..
[Vue.js] Vue.js 3 애플리케이션 만들기 / 비쥬얼 스튜디오 확장팩 설치 / 빌드하기Vue.js 프로젝트를 초기화하는 방법을 정리한 글입니다 🌈 📣 해당 글은 npm이 설치되었다는 전제하에 진행됩니다! Vue 애플리케이션 만들기 node --version 위 명령으로 노드 버전을 확인합니다. Node.js 버전이 16 미만이라면 16 이상 버전으로 업데이트 해주셔야 Vue.js 3.x.x 버전을 사용하실 수 있습니다. npm init vue@latest 위 명령을 통해 create-vue를 설치 및 실행합니다. 그러면 아래처럼 몇 가지 선택 사항에 대해 선택할 수 있습니다. 우선 저는 모두 No로 했습니다. 여러분의 사정에 맞게 체크해주세요.ㅣ cd 프로젝트이름 npm install npm run dev 방금 생성한 프로젝트 폴더로 이동 후 패키지들을 설치합니다. 그리고 실행하면 Vue..
2023.12.24 -
문제 상황 main/resources/data.sql 에 insert 쿼리를 작성하였는데, api를 테스트해보니 data.sql에 있는 쿼리가 적용되지 않았습니다. data.sql INSERT INTO users (name, id, password, ...) VALUES (...); INSERT INTO users (name, id, password, ...) VALUES (...); -- 이하 생략 -- application.properties spring.jpa.defer-datasource-initialization=true spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver spring.datasource.url=jdbc:mysql://lo..
[SpringBoot] 스프링 부트 data.sql이 실행되지 않을 때 (data.sql not working)문제 상황 main/resources/data.sql 에 insert 쿼리를 작성하였는데, api를 테스트해보니 data.sql에 있는 쿼리가 적용되지 않았습니다. data.sql INSERT INTO users (name, id, password, ...) VALUES (...); INSERT INTO users (name, id, password, ...) VALUES (...); -- 이하 생략 -- application.properties spring.jpa.defer-datasource-initialization=true spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver spring.datasource.url=jdbc:mysql://lo..
2023.12.24