728x90
728x90

유지보수성 7

MyBatis를 활용한 유연하고 효율적인 동적 SQL(Json&Pageing) 전략

수백 개의 동적 SQL 조각을 효율적으로 관리하려면, 디렉토리 구조를 기능별로 구성하고, 공통 부분은 상위 디렉토리에 두는 방식이 적합합니다. 이를 MyBatis의 XML Mapper와 디렉토리 구조를 활용하여 설계하는 방안을 아래와 같이 제안드립니다. 2024.11.30 - [오라클 데이터베이스 강좌] - Oracle에서 JSON 형태로 데이터 생성하기 Oracle에서 JSON 형태로 데이터 생성하기Oracle은 JSON 처리를 위한 다양한 내장 함수와 기능을 제공합니다. 비슷한 결과를 얻으려면 JSON_OBJECT, JSON_ARRAYAGG, 그리고 ROWNUM, OVER() 같은 SQL 기능을 활용할 수 있습니다. Oracle에서는 아래와 같은notion4570.tistory.com 0. 디렉토리 ..

긴 쿼리 문 을 오피셜하게 정렬하는 방식에 대한 연구

아주 긴 SQL 쿼리를 오피셜하게 정렬하는 방식은 가독성과 유지보수성을 최대화하는 것이 핵심입니다. Oracle SQL 기준으로, 다음의 규칙과 예제를 참고하세요.1. 일반적인 SQL 정렬 규칙SQL 예약어: 모두 대문자로 사용 (SELECT, FROM, WHERE 등).컬럼 및 테이블 이름: 소문자 또는 케이스 일관성 유지.들여쓰기:예약어 다음에 한 탭 또는 2~4개의 공백으로 들여쓰기.서브쿼리는 블록으로 들여쓰기.각 절을 새로운 줄에 작성:SELECT, FROM, WHERE, GROUP BY, ORDER BY 등은 각 줄에 배치.여러 컬럼 선택 시: 각 컬럼을 별도의 줄에 작성.JOIN:JOIN 절은 FROM 절 아래 들여쓰기.ON 조건은 새로운 줄로 작성.WHERE 절:논리 연산자(AND, OR)는..

import HelloWorld from './components/HelloWorld.vue' 에서 import 뒤 이름과 vue이름이 같아야돼?

아니요, import 뒤에 오는 이름과 .vue 파일 이름이 꼭 같아야 하는 것은 아닙니다. 다만, 일반적으로 일관성과 가독성을 위해 파일 이름과 import 이름을 동일하게 사용하는 것이 권장됩니다.중요한 점:파일 경로만 올바르면 동작합니다. HelloWorld.vue라는 파일이 ./components 디렉토리에 있고, 경로를 올바르게 지정하면 import가 문제없이 작동합니다.import 뒤의 이름은 변수명일 뿐입니다. 원하는 이름으로 바꿔도 됩니다. 예를 들어, 다음과 같은 코드도 동작합니다:이 경우, HelloWorld.vue 파일의 컴포넌트를 MyComponent라는 이름으로 사용할 수 있습니다.import MyComponent from './components/HelloWorld.vue';사용..

의존성 주입 (Dependency Injection)과 제어의 역전 (Inversion of Control)에 대한 심층 분석

객체지향 프로그래밍에서 의존성 주입(Dependency Injection, DI)과 제어의 역전(Inversion of Control, IoC)은 코드의 결합도를 낮추고 유지보수성을 높이는 강력한 도구입니다. 특히 대규모 애플리케이션 개발에서 이 두 가지 개념은 필수적이며, 효과적인 객체지향 설계를 위한 핵심 원리입니다.이 글에서는 DI와 IoC에 대한 개념을 쉽게 설명하고, 왜 이것들이 중요한지, 그리고 어떻게 실제 개발에 적용할 수 있는지에 대해 자세히 알아보겠습니다.의존성 주입(Dependency Injection)이란?의존성 주입은 한 객체가 필요로 하는 다른 객체(의존성)를 직접 생성하지 않고, 외부에서 주입받는 방식입니다. 즉, 객체는 자신이 의존하는 객체에 대한 책임을 넘겨 다른 객체에게 위..

Mixin

Vue.js 컴포넌트 조립: 재사용성과 유지보수성을 높이는 강력한 도구 Vue.js는 현대적인 프론트엔드 개발에서 가장 인기 있는 프레임워크 중 하나입니다. 그 이유 중 하나는 컴포넌트 기반 아키텍처를 통해 복잡한 UI를 작고 관리하기 쉬운 단위로 나누어 개발할 수 있기 때문입니다. 이 글에서는 Vue.js 컴포넌트 조립에 대해 심층적으로 다루고, 왜 이것이 중요하며 어떻게 효과적으로 활용할 수 있는지 설명합니다.컴포넌트란 무엇인가?컴포넌트는 독립적인 UI 단위로, 특정 기능이나 UI 요소를 담당합니다. 예를 들어, 버튼, 입력 필드, 목록, 카드 등이 모두 컴포넌트로 구현될 수 있습니다. 각 컴포넌트는 자체적인 템플릿, 스크립트, 스타일을 가지며, 다른 컴포넌트와 독립적으로 재사용될 수 있습니다.왜 컴..

컴포넌트 조립

Vue.js 컴포넌트 조립: 재사용성과 유지보수성을 높이는 강력한 도구Vue.js는 현대적인 프론트엔드 개발에서 가장 인기 있는 프레임워크 중 하나입니다. 그 이유 중 하나는 컴포넌트 기반 아키텍처를 통해 복잡한 UI를 작고 관리하기 쉬운 단위로 나누어 개발할 수 있기 때문입니다. 이 글에서는 Vue.js 컴포넌트 조립에 대해 심층적으로 다루고, 왜 이것이 중요하며 어떻게 효과적으로 활용할 수 있는지 설명합니다.컴포넌트란 무엇인가?컴포넌트는 독립적인 UI 단위로, 특정 기능이나 UI 요소를 담당합니다. 예를 들어, 버튼, 입력 필드, 목록, 카드 등이 모두 컴포넌트로 구현될 수 있습니다. 각 컴포넌트는 자체적인 템플릿, 스크립트, 스타일을 가지며, 다른 컴포넌트와 독립적으로 재사용될 수 있습니다.왜 컴포..

단일 파일 컴포넌트 (SFC)

Vue.js 단일 파일 컴포넌트(SFC) 심층 분석: 개발 생산성을 높이는 강력한 도구Vue.js의 핵심적인 특징 중 하나인 **단일 파일 컴포넌트(Single File Component, SFC)**는 개발자들에게 컴포넌트 기반 개발의 편리함을 제공하며, 대규모 프로젝트에서도 효율적인 관리를 가능하게 합니다. 이 글에서는 SFC의 개념, 구조, 장점, 그리고 실제 개발 환경에서의 활용 방법에 대해 자세히 알아보고, 다양한 예시를 통해 이해를 돕겠습니다.SFC란 무엇인가?SFC는 하나의 .vue 파일 안에 HTML, CSS, JavaScript를 모두 포함하여 컴포넌트를 정의하는 방식입니다. 이는 기존의 웹 개발 방식에서 각 언어별 파일을 따로 관리해야 했던 번거로움을 해소하고, 컴포넌트 단위로 캡슐화하..

728x90
728x90