2025/04 검색 결과

해당 글 3건

ERD, Chen, IE, UML 클래스 다이어그램 표기법

ERD(Entity-Relationship Diagram)데이터베이스 설계 단계에서 맨 처음 단계인 개념적 모델링 단계에서 ERD 를 작성한다.Entity (개체) 란 현실에 존재하는 개별적으로 식별할 수 있는 물리적 또는 추상적인 개체이며, 각 Entity 는 특징을 나타낼 수 있는 Attribute (속성) 들을 가지고 있다. ‘고객’ 이라는 Entity 는 ‘아이디’, ‘회원 등급’ 등의 Attribute 를 가질 수 있고, ‘상품’ 이라는 Entity 는 ‘상품 번호’, ‘가격’ 등의 Attribute 를 가질 수 있다.ERD 표기법의 종류와 특징ERD를 작성하는 방법은 여러 가지가 있으며, 가장 대표적인 표기법을 정리하면 아래와 같다 표기법특징사용 목적Chen 표기법엔티티: 직사각형, 속성: 타..
SKALA/Back-end, DB 2025. 4. 3. 10:25

MVVM 패턴, MVC패턴

Vue의 특징 - MVVM 패턴MVVM 패턴은 Model-View-View Model 패턴Model과 View 사이에 ViewModel 이라는 중간 계층을 두어, View와 Model 간의 결합도를 낮추는 패턴MVVM 패턴 (Vue.js 기준)MVVM(Model-View-ViewModel)은 UI 로직과 비즈니스 로직을 분리하는 패턴으로, Vue.js에서는 다음과 같이 적용된다.MVVM 구성 요소Model: 데이터를 저장하는 영역 (ex: Vue의 data 혹은 Vuex/Pinia 상태)ViewModel: Model과 View를 연결하는 중간 계층 (ex: Vue의 computed, methods, watch)View: 실제 UI (ex: Vue 템플릿, template 부분) MVC 패턴 (Spring..
SKALA/Front-end 2025. 4. 2. 13:53

Proxy란??

프록시(Proxy)란?JavaScript의 Proxy 객체는 객체를 감싸서 동작을 가로채고 수정할 수 있는 기능을 제공한다. 즉, 어떤 객체를 감싸서 해당 객체의 프로퍼티 접근, 값 변경, 함수 호출 등을 가로채서 특정 로직을 추가하거나 동작을 변형할 수 있왜 Proxy를 쓰는가?로컬 개발 환경에서는 보통 프론트엔드(Vite)와 백엔드(Spring Boot)가 분리되어 있다. 이때, CORS (Cross-Origin Resource Sharing) 문제가 발생할 수 있다.브라우저 보안 정책상, 다른 도메인(예: http://localhost:5173 → https://something.com)으로 요청을 보내면 차단될 수 있기 때문이다.Vite의 프록시를 설정하면:CORS 문제 해결: 프론트엔드에서 백엔..
SKALA/Front-end 2025. 4. 1. 16:18