Vuejs

프로젝트 화면 개발 library👉 Vuejs대외 관계사 open api 연동 가이드 中 화면 이동 데이터 전달 방식👉 form submit (GET or POST)화면 to 화면 데이터 전달 필요SPA 에서 form submit을 통한 데이터 전달은 GET 방식은

다수의 Service를 동기적으로 호출해야 하는 경우, Array를 활용하면 유연한 구조를 구현할 수 있다.svId : Service IDsvDv : Service 구분call : Service 호출async : 해당 함수는 항상 Promise 객체 반환await :

mobile web 개발 환경axios를 통한 다른 도메인 서버 API 호출로그인 처리가 필요한 API 호출domain에 대한 Cookie 정보는 Native에서 관리damain 개발계 외부망(LTE) 방화벽 확인 완료Cookie : 대외 플랫폼 로그인 처리를 위한 S

전역변수의 변화를 감지하여 watch의 특정변수 영역에 정의된 로직을 수행한다.web browser에게 다건의 API 호출을 병렬적으로 동시에 일을 시킨 후,모든 API 호출이 종료된 시점에 후처리 로직을 처리할 수 있다.

화면 로드 완료 후, 특정 div 태그 영역으로 초기 scroll 설정 필요scrollIntoView : div 태그 영역으로 scroll 이동window.scrollBy : 지정한 px 만큼 scroll 이동htmlscript화면이 정상 로드되고 DOM 내 태그 위치

고객 유입량 급증 에 따른 메인 화면 비정상 동작 (대외기관 response를 기다리면서 pending)메인 화면에서는 10개의 rest API를 비동기로 동시에 호출한다. (Was to Web Server)API 비동기 호출을 유지하면서 WAS 커넥션 부하를 방지할

Vuejs의 공통 모듈 생성 및 적용 방법component 안(in)에 import하여, 합쳐서(mix) 사용공통 변수 선언 및 메소드 정의 가능vuejs의 life cycle hook 활용 가능mixins file (/assets/js/card-common.js)mi

빠른 vuejs Appclication 개발을 위한 도구vuejs 프로젝트 내부 구조를 빠르게 구성할 수 있도록 도와줌npm install -g @vue/cli npm install -g @vue/cli@{version}npm install -g @vue/cli@4.5

select 반팝업 출력 시, 선택된 항목 체크 표시 출력을 위해 selected="true" 속성 설정 필요select 반팝업 출력 직후, 리스트 내 객체에 isSelected 속성 신규 추가추가된 isSelected 속성 vue 데이터 변경 감지 못 함vue 인스턴

image 출력 공통 컴포넌트<img> or <i>props 값에 따라 동적 적용 필요component is 속성 활용 시 태그 종류 동적 변경 가능속성값 null 설정 시 속성 제거|구분|설명|샘플|\|:-\|:-\|:-\||img 태그|src 속성 추가|

vuejs component 변수 변경 시 emit 호출하여 부모 컴포넌트 리스너 호출변경 감지 필요한 변수를 join 문자열 형태로 vue 변수 바인딩join 문자열 변수 watch 등록 변경 감지하여 콜백 함수 호출특정 변수 변경 감지하여 동일한 콜백 함수 호출 가