우선적으로 알아두실 사항은 composition api은 옵션이라는 것입니다. 기존 vue2에서 사용하는 옵션 api를 사용하셔도 되고, 본인의 취향, 각 api의 장단점을 비교하여 composition api를 사용하여도 됩니다. 공식 홈페이지에서는 options api, composition api 사용을 아래와 같이 건고하고 있다. Vue를 처음 사용하는 경우 일반적인 권장 사항은 다음과 같습니다. 학습 목적으로 이해하기 쉬운 스타일을 사용하십시오. 다시 말하지만 대부분의 핵심 개념은 두 스타일 간에 공유됩니다. 나중에 언제든지 다른 스타일을 선택할 수 있습니다. 생산용: 빌드 도구를 사용하지 않거나 점진적 향상과 같이 복잡도가 낮은 시나리오에서 주로 Vue를 사용할 계획이라면 옵션 API를 사용하..

프로젝트를 진행하면서 API통신을 이용해 BLOB값을 받아 파일을 다운로드 할 필요가 있었다. 보통 JQUERY AJAX통신을 이용하여 API를 진행하였다. 예를 들어 $.ajax({ url:'example.php' // 요청 할 주소 async:true,// false 일 경우 동기 요청으로 변경 type:'POST' // GET, PUT data: { Name:'ajax', Age:'10' },// 전송할 데이터 dataType:'text',// xml, json, script, html beforeSend:function(jqXHR) {},// 서버 요청 전 호출 되는 함수 return false; 일 경우 요청 중단 success:function(jqXHR) {},// 요청 완료 시 error:f..

프로젝트를 하던중 geoserver에 발행된 레이어(postgres 로 발행) 의 스키마가 변경될 일이 있었다. 예를 들어 필드계산기 기능을 이용하여 스키마를 동적으로 추가해주는 기능이 있었다. 하지만 물리 디비에서 스키마를 새로 추가해주면 Geoserver는 처음 레이어를 발행했때의 스키마만 찾기 때문에 지도에 랜더링 되지 않는 현상이 발생했다. ajax통신을 통해서 geoserver 스키마를 갱신시켜줄 필요가 있었다. $.ajax({ url : geoserverUrl + "/rest/reload", beforeSened : function(xhr){ //지오서버 아이디, 비밀번호 xhr.setRequestHeader("Authorization", "Basic " + btoa("admin:geoserv..

프로젝트 업무중 Roadview를 구현해야하는 기능이있다. 나는 kakao roadview를 이용하였다. 우선 apis.map.kakao.com/ 에 접속하여 app key 발급을 하여야 한다. 어플리케이션을 추가 후 알맞게 적어주면 된다. 추가한 어플리케이션을 클릭 후 좌측 플랫폼 메뉴에 서비스를 이용할 도메인을 입력해 주어야한다. 10개까지 도메인이 이용가능하다고 한다. apis.map.kakao.com/web/sample/roadviewWithMapButton/ 에 들어가서 javascript+html 탭에 있는 코드를 복사 후 key정보만 수정해주면 된다. *유의사항 kakaomap api는 kakao 자체의 맵 객체를 이용하여 구현이된 코드이다. 그렇기 때문에 openlayer를 이용하여 배경지..