반응형

IT/Others 19

Ajax 통신시 캐시 문제 해결 방법

Ajax를 사용하여 서버와 데이터를 교환할 때, 웹 브라우저는 효율성을 높이기 위해 자동으로 응답을 캐시합니다. 하지만 이로 인해 새롭게 갱신된 데이터를 제대로 받아오지 못하는 문제가 발생할 수 있습니다. 이럴 때 사용할 수 있는 두 가지 해결 방법은 다음과 같습니다: 1. Ajax 옵션에 cache: false 추가하기 이 방법은 jQuery의 Ajax 요청에 cache: false 옵션을 추가함으로써 해결합니다. 이 옵션은 요청 시마다 URL 끝에 타임스탬프를 추가하여, 브라우저가 이전 버전의 데이터를 캐시에서 가져오는 것을 방지합니다. $.ajax({ url: 'your-url', cache: false, // 기타 옵션 }); 2. URL에 임의의 파라미터 추가하기 또 다른 방법은 URL에 임의의..

IT/Others 2022.06.24

JavaScript의 opener & iframe 사용하기

opener 사용법 1. 부모창에서 팝업창 열기 window.open([URL], [타켓], [option]); 팝업창을 여는 방법입니다. 여기서 [URL]은 팝업창에 표시할 웹페이지의 주소, [타켓]은 팝업창의 이름 또는 타겟 속성, [option]은 팝업창의 모양이나 크기 등의 옵션을 설정할 수 있습니다. 2. 자식창에서 부모창 함수 호출 window.opener.[부모창 함수]; 이 코드를 사용하면 팝업창(자식창)에서 부모창의 함수를 호출할 수 있습니다. 여기서 [부모창 함수]는 호출하고자 하는 부모창의 함수입니다. 3. 자식창에서 부모창 ID값 가져오기 opener.document.getElementById([부모창 ID값]).value(); 팝업창에서 이 코드를 사용하면 부모창의 특정 ID 값을..

IT/Others 2022.06.24

[JSTL] td 감싸기, JSP와 JSTL을 활용한 동적 데이터를 테이블로 효율적으로 표현하기

JSP와 JSTL을 이용하여 동적 데이터를 테이블 형태로 표현하는 두 가지 접근 방식을 소개하고자 합니다. 문제 상황 웹 애플리케이션에서 사용자의 요청에 따라 데이터베이스에서 조회한 결과를 테이블 형태로 동적으로 표시해야 한다고 가정해 봅시다. 데이터 항목은 'AAA', 'BBB' 등의 카테고리로 분류되며, 각 카테고리에는 다수의 데이터 항목('aaa', 'bbb', 'ccc' 등)이 있을 수 있습니다. 표현할 테이블 - item에 들어있는 데이터의 수가 유동적 AAA aaa bbb ccc BBB aaa 첫 번째 시도 (실패) 첫 번째 시도에서는 EL과 JSTL을 사용하여 테이블을 구성했지만, 동적 데이터를 모두 포함하는 데 문제가 발생했습니다. EL , JSTL 사용 th가 1번만 찍혀서 td를 다 감..

IT/Others 2022.06.20
반응형