분류 전체보기 (159) 썸네일형 리스트형 json OBJECT 1. JSON 객체 앞/뒤 추가 2. JSON 객체 삭제 3. JSON 정렬 4. JSON 객체 count 5. JSON 객체 value 추출 * 소스코드 * 실행 결과 JSON 배열 다루기 1. JSON 배열 객체 앞/뒤 추가 2. JSON 배열 객체 삭제 3. JSON 배열 정렬 4. JSON 배열 객체 value 추출 5. JSON 배열 객체 count * 소스코드 * 실행 결과 Sass css 개념 및 적용 방법 정리 ■ Sass란 * CSS 전처리기로서 CSS의 한계와 단점을 보완하여 보다 가독성이 높고 코드의 재사용에 유리한 CSS를 생성하기 위한 CSS의 확장이다. ■ Sass의 특징 * Sass의 가장 큰 장점은 CSS 작업 생산성을 높여준다는 것이다. * Sass의 핵심은 변수이다. Sass 변수는 $를 써서 표시한다. 변수를 사용하면 동시에 여러 곳에 동일한 값을 적용할 수 있고, 변경할 때 일일이 바꿔주지 않아도 된다. 또한 개발자의 입력 실수도 줄일 수 있다. ■ Sass 문법 구조 ■ Sass 설치 및 사용 방법 (Koala) * 첨부파일 확인 Application cache 개념 정리 HTML5 Application cache 1. 개념 - HTML5에서 오프라인 Application을 위해서 만들어진 API - 리소스가 캐시되고 나면 웹 브라우저는 해당 리소스가 필요할 경우 네트워크에 연결하지 않고 로컬에 저장된 리소스를 사용하게 되므로 네트워크 트래픽이 줄어들고 보다 빠른 응답을 하는 어플리케이션이 가능하다. - 주로 웹 어플리케이션에 필요한 HTML, CSS, Javascript 등을 클라이언트 측에 저장하여 활용하는 기능이다. 2. 적용했을 때와 적용하지 않았을 때의 차이점 및 장점 - HTML5 의 Application Cache 는 브라우저 캐시 와는 다르게 전적으로 웹 어플리케이션에 의해 관리되어 어떤 파일을 캐시할지부터 캐시된 파일을 업데이트 할지 말지를 웹 어플리케이션.. JQuery를 이용한 QR코드 생성 [배경] 기존 웹반응형 페이지에서는 google chart API를 사용하여 QR코드를 이미지 형태로 img태그 링크서비스로 사용. 2019-03-20 부터 google chart API 중 QR코드 서비스의 request 처리가 원활하지 않음. (err : 502) (2019-03-16 부터 유지보수가 중단 될 수 있다는 안내 확인) [처리, 대안] 0. 설명 : - canvas, image, div 형태로 QR코드 출력. - image형태의 QR코드 생성 가능. (부대분의 다양한 JQuery의 QR코드 생성은 테이블형태의 QR코드, 테이블형태는 웹반응형 UI에서 적용하는데 불편함이 있음) - 외부 API서비스의 단점인 유연성 성립. 1. 첨부파일 js를 import 참조 2. script 샘플 : v.. MObile Jquery+W3 UI,Script Version 참고site, 구글CDN Jquery http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css 웹페이지에서 외부 json response 시 크로스도메인 해결 방법 - 웹페이지 UI에서 외부 도메인을 통하여 json response 진행 시 보안정책 공통규격이 위배되는 크로스도메인 이슈 발생 - java 내부 서버단에서 HttpURLConnection 를 통하여 문제 해결 ※ 크롬의 경우 크롬 자체적으로 크로스도메인 허용 보안정책을 설정해 주는 구글어플리케이션을 설치하면 UI에서 외부 json call 해결 가능, (IE는 미지원) [우회 방법] 1) UI (예제 : jquery) - json post 방식으로 java 클래스 부르기 var param = "id=" + strLoginID + "&pass=" + pwSha512; var url = "/TMSYS030/jsonPostCross_uPcRecodeList.action"; // java 클래스 jQuery... JQuery this처리후, 값가져오기 JQuery this처리시 하위값 처리하는 법 - name='NoticeBOX_CONTENT' 처리된 값을 가져와라 alert($(pobjID).find("[name='NoticeBOX_CONTENT']").text()); table 처리시 - 첫번째 td값을 가져와라 alert(pobjID.cells[1].innerhtml); alert(pobjID.cells[1].innertext); table 처리시에도 - name='NoticeBOX_CONTENT' 형식을 td에 처리시 alert($(pobjID).find("[name='NoticeBOX_CONTENT']").text()); 으로 처리가능하다. 이전 1 ··· 12 13 14 15 16 17 18 ··· 20 다음
