Vuejs
1.[Vuejs] SPA 에서 html form submit 을 통한 client to client 데이터 전달은 가능할까?
프로젝트 화면 개발 library👉 Vuejs대외 관계사 open api 연동 가이드 中 화면 이동 데이터 전달 방식👉 form submit (GET or POST)화면 to 화면 데이터 전달 필요SPA 에서 form submit을 통한 데이터 전달은 GET 방식은
2.[Vuejs] Array를 활용한 Service 순차 동기 호출
다수의 Service를 동기적으로 호출해야 하는 경우, Array를 활용하면 유연한 구조를 구현할 수 있다.svId : Service IDsvDv : Service 구분call : Service 호출async : 해당 함수는 항상 Promise 객체 반환await :
3.[Vuejs] axios header Cookie 설정
mobile web 개발 환경axios를 통한 다른 도메인 서버 API 호출로그인 처리가 필요한 API 호출domain에 대한 Cookie 정보는 Native에서 관리damain 개발계 외부망(LTE) 방화벽 확인 완료Cookie : 대외 플랫폼 로그인 처리를 위한 S
4.[Vuejs] API 비동기 다건 동시 호출, watch를 활용한 종료 시점 감지
전역변수의 변화를 감지하여 watch의 특정변수 영역에 정의된 로직을 수행한다.web browser에게 다건의 API 호출을 병렬적으로 동시에 일을 시킨 후,모든 API 호출이 종료된 시점에 후처리 로직을 처리할 수 있다.
5.[Vuejs] 화면 로드 완료 후 scroll 이동하기
화면 로드 완료 후, 특정 div 태그 영역으로 초기 scroll 설정 필요scrollIntoView : div 태그 영역으로 scroll 이동window.scrollBy : 지정한 px 만큼 scroll 이동htmlscript화면이 정상 로드되고 DOM 내 태그 위치
6.[Vuejs] Vuetify 를 활용한 Lazy Loading 구현하기
고객 유입량 급증 에 따른 메인 화면 비정상 동작 (대외기관 response를 기다리면서 pending)메인 화면에서는 10개의 rest API를 비동기로 동시에 호출한다. (Was to Web Server)API 비동기 호출을 유지하면서 WAS 커넥션 부하를 방지할
7.[Vuejs] mixins 를 활용한 공통 모듈 만들기
Vuejs의 공통 모듈 생성 및 적용 방법component 안(in)에 import하여, 합쳐서(mix) 사용공통 변수 선언 및 메소드 정의 가능vuejs의 life cycle hook 활용 가능mixins file (/assets/js/card-common.js)mi
8.[vuejs] vue-cli를 활용한 vuejs 프로젝트 생성
빠른 vuejs Appclication 개발을 위한 도구vuejs 프로젝트 내부 구조를 빠르게 구성할 수 있도록 도와줌npm install -g @vue/cli npm install -g @vue/cli@{version}npm install -g @vue/cli@4.5
9.[vuejs] data 객체 object 추가/제거 속성 변경 상태 관리하는 방법
select 반팝업 출력 시, 선택된 항목 체크 표시 출력을 위해 selected="true" 속성 설정 필요select 반팝업 출력 직후, 리스트 내 객체에 isSelected 속성 신규 추가추가된 isSelected 속성 vue 데이터 변경 감지 못 함vue 인스턴