티스토리

챛 Development Log

검색하기

블로그 홈

챛 Development Log

chaewon96.tistory.com/m

챛채 님의 블로그입니다.

구독자: 2

방명록 방문하기

주요 글 목록

[ts] Object를 Class로 변환 (class-transformer) 외부에서 들어온 JSON 응답을 내부 로직에 쓰거나 내부 데이터를 외부로 보내줘야할 때 들어온 JSON을 그대로 사용하거나 plain Object를 만들어 반환해줄 때가 있는데 이런 방식은 외부 세부 사항이 그대로 들어나기 때문에 내부로직을 더럽힐 확률이 높다. 이를 해결할 방안으로는 class-transformer가 있다. PlainToClass PlainToInstance유저 API를 호출해 아래와 같은 JSON을 응답받음{ username: "Kim", birthDate: "1900-09-02"} 유저의 나이를 알기 위해서는 나이 계산 코드를 따로 분리해서 작성해줘야한다.function calculateAge(){ var today = new Date(); var birthD.. 공감수 0 댓글수 0 2024. 10. 11.
왜 Vue.js에서 tsyringe를 사용하는가 tsyringe를 Vue.js에서 사용하는 주된 이유는 의존성 주입(Dependency Injection, DI)을 통해 코드의 유지보수성과 테스트 가능성을 높이기 위해서이다. Vue 자체에는 기본적으로 DI 시스템이 내장되어 있지 않지만, tsyringe 같은 DI 라이브러리를 사용하면 복잡한 애플리케이션에서 의존성 관리가 훨씬 더 쉬워진다. 구체적인 이유는 다음과 같다.1. 의존성 관리Vue 컴포넌트는 여러 서비스, 상태 관리, API 요청 등을 필요로 할 수 있다. 이러한 의존성을 하나의 컴포넌트에서 직접 관리하게 되면, 컴포넌트가 매우 복잡해지고 재사용성이 떨어질 수 있다. tsyringe를 사용하면 각 의존성을 쉽게 주입받아 사용 가능하여, 컴포넌트가 하는 일과 의존성 관리를 분리할 수 있다. .. 공감수 2 댓글수 1 2024. 10. 10.
[tsyringe] @inject tsyringe는 TypeScript용 의존성 주입(DI) 라이브러리이다.이 라이브러리를 사용하면 클래스를 좀 더 모듈화하고 코드의 테스트 가능성을 높일 수 있다.@inject는 tsyringe에서 제공하는 데코레이터 중 하나로 의존성을 주입할 때 사용된다. 이 데코레이터는 클래스의 생성자에 특정 의존성을 주입할 수 있도록 도와준다. 주로 의존성을 수동으로 연결하는 대신 자동으로 해당 의존성을 연결해 준다.@inject의 주요 기능:특정 토큰 또는 클래스 주입: @inject를 사용하면, 생성자나 클래스에 필요한 의존성을 주입할 때 주입할 객체를 직접 지정할 수 있다. 이때 주입할 의존성은 클래스 자체나 다른 키(Token)로 지정할 수 있다.[기본 사용 예시]import { injectable, inj.. 공감수 0 댓글수 0 2024. 10. 10.
[Vue] intellij 실행 1. vue create 명령사용 목적: 이 명령은 Vue CLI를 사용하여 새로운 Vue.js 프로젝트를 생성합니다. Vue CLI는 풍부한 기능을 제공하고, 복잡한 프로젝트 설정과 여러 빌드 설정을 지원합니다.버전: vue create는 Vue 2와 Vue 3 프로젝트 모두를 생성할 수 있으며, 생성 시에 버전 선택이 가능합니다.특징:사용자가 프로젝트의 구성을 세밀하게 제어할 수 있습니다.웹팩 설정, Babel, TypeScript, ESLint, 등의 다양한 통합 옵션을 제공합니다.프리셋을 통해 자주 사용하는 플러그인과 구성을 저장하고 재사용할 수 있습니다.2. npm init vue@latest 명령사용 목적: 이 명령은 npm의 create 스크립트를 사용하여 최신 Vue 3.x 버전으로 프로젝.. 공감수 0 댓글수 0 2024. 8. 27.
Tymeleaf 기본 기능 Tymeleaf란?Tymeleaf의 기본 기능1. Tymeleaf 소개tymeleaf 공식 사이트 : https://www.thymeleaf.org/tymeleaf 공식 메뉴얼 - 기본 기능 : https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.htmltymeleaf 공식 메뉴얼 - 스프링 통합 : https://www.thymeleaf.org/doc/tutorials/3.0/thymeleafspring.html Tutorial: Using Thymeleaf1 Introducing Thymeleaf 1.1 What is Thymeleaf? Thymeleaf is a modern server-side Java template engine for bot.. 공감수 0 댓글수 0 2023. 7. 11.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.