본문 바로가기

전체 글273

Vuex 부제 : Vue API 모듈 개발시 Axios 모듈만 별도 개발하지 않고 Vuex 에서 개발하는 이유 기반 지식 3줄 요약: Vue 에서 사용되는 MVVM(Model-View-ViewModel) 패턴은 ‘이벤트 기반 프로그래밍’ 을 단순화 하기 위해 만든 ‘프레젠테이션 모델 디자인패턴’에서 파생됐다. Vue 는 데이터(상태)를 중심으로 움직인다. 데이터(상태)가 바뀌면 ViewModel 객체가 바라보고 있다 감지하여 View를 자동으로 변경한다. 어떤 컴포넌트, 어떤 메서드에 의해, 언제 변경되는지 알기 힘들다. 이 때문에 Vuex 를 사용한다. 단방향으로 흐르는 Vuex : Vue Components 에서 액션 발생 → Action API 호출 후 데이터 변이 → Mutation 결과 데이터를 받아 상.. 2023. 2. 3.
함수형 Vue 함수형 프로그래밍 로직처리를 수학적 함수의 계산으로 취급하고 상태와 가변 데이터를 멀리하는 프로그래밍 패러다임 함수의 실행이 프로그램 실행에 영향을 미치지 않음 데이터의 변경이 필요한 경우, 원본 데이터 구조를 변경하지 않고 그 데이터의 복사본을 만들어서 그 일부를 변경하고, 변경한 복사본을 사용해 작업을 진행 반복이 for문이 아닌 재귀를 통해 이루어짐 (deep copy) (filter, map, reduce...), 재귀적 코드 스타일은 무한 루프에 빠질 위험 함수형 프로그래밍에서는 함수가 1급 객체가 된다. 1급 객체의 특징은 다음과 같다. 변수나 데이터 구조안에 담을 수 있다. 파라미터로 전달 할 수 있다. 반환값(return value)으로 사용할 수 있다. 할당에 사용된 이름과 관계없이 고유.. 2022. 12. 22.
TDD V-Model Requirement : 요구사항 분석 System Specification : 논리적 설계 [[Coding]] Unit Testing : 소스코드, 클래스 단위 Integration Testing : 통합테스팅, 모듈 상호 연동 System Testing : 기능 테스팅, 비기능 테스팅( 보안, (성능)무중단, 몇초 이내 조회 ) Acceptance Testing : 인수 테스팅, 고객 주도 JUnit Test 생명주기 어노테이션 @BeforeAll : 클래스 전체 테스트케이스 실행 전 세팅해주는 단계 @BeaforeEach : 각각의 테스트 실행 전마다 인스턴스가 실행됨 @AfterEach : 각각의 테스트 종료마다 인스턴스가 실행됨 (거의 Clean Up) @AfterAll : 소멸 .. 2022. 12. 5.
INDEX 와 SQL 성능 UPDATE 시 어디에 INDEX 있고 없는 것이 성능에 좋을까? SET절에 INDEX O SET절에 INDEX X WHERE절에 INDEX O BEST WHERE 절에 INDEX X WORST NON-CLUSTERED INDEX (NC) => LEAF LEVEL 은 NC에만 있음 => INDEX "INCLUDE" 는 LEAF LEVEL에만 존재함 각 데이터를 인덱스 해놓음 ( 몇 페이지의 몇번째 ) (SEEK) 데이터를 찾을 때 이 인덱싱 트리에서 몇 페이지에 있는지 LEAF LEVEL 까지 찾고 (예: I/O 4) (LOOK UP) 그 페이지 찾아가 실 데이터를 찾는다. (I/O 1) (SCAN) 트리가 아니라 한 레벨 다 훑는것 2% 미만 데이터 검색할 때만 만든다. 2% 넘어가면 쿼리 돌릴때 알아.. 2022. 11. 15.

티스토리툴바