웹 프로그래밍15 [웹프로그래밍] 로컬스토리지/세션저장소/쿠키 차이점 로컬스토리지(Local Storage):로컬스토리지는 클라이언트의 웹 브라우저에 데이터를 저장하는 기술입니다.로컬스토리지에 저장된 데이터는 서버에 전송되지 않으며, 클라이언트의 웹 브라우저에 영구적으로 저장됩니다.로컬스토리지에 저장된 데이터는 해당 도메인에서만 접근 가능하며, 다른 도메인에서는 접근할 수 없습니다.로컬스토리지에 저장된 데이터는 JavaScript를 통해 쉽게 조작할 수 있습니다.로컬스토리지는 대량의 데이터를 저장할 수 있고, 데이터는 만료기간이 없습니다.세션저장소(Session Storage):세션저장소도 로컬스토리지와 마찬가지로 클라이언트의 웹 브라우저에 데이터를 저장하는 기술입니다.세션저장소에 저장된 데이터는 세션 기간 동안만 유지되며, 세션이 종료되면 데이터가 삭제됩니다.세션저장소에.. 2024. 8. 22. [HTML/JS] HTML to PDF download SVG 태그가 PDF 변환에 문제를 일으키는 경우, SVG 요소를 이미지로 변환한 다음 PDF에 추가할 수 있습니다. 아래 코드에서는 SVG를 이미지로 변환하고 jsPDF를 사용하여 PDF에 추가하는 방법을 보여줍니다. Hello, World! This is a sample content. Generate PDF Hello, World! This is a sample content. Generate PDF 2023. 9. 19. [HTML/JS] js로 보이는 화면 PDF로 다운로드하기 Hello, World! This is a sample content. Generate PDF 2023. 9. 18. [웹페이지] HTML 내 변수 속성 'data-*' hello // 값 조회 name = $('#room').attr('data-username'); // 값생성 var username = 'john'; $('#room').attr('data-username', username); // KEY 2023. 8. 16. sql datetime 타입을 파이썬으로 날짜형식으로 출력 time.strftime("%Y-%m-%d %H:%M:%S") 2023. 8. 8. 제이쿼리로 첫번째 select 태그가 선택 될때마다 아래의 select option 태그 변경하기 jQuery를 사용하여 첫 번째 태그가 선택될 때마다 아래의 두 번째 태그의 태그를 변경하는 방법을 보여드리겠습니다. 이를 위해 change 이벤트를 사용할 수 있습니다. $(document).ready(function() { // 첫 번째 select 태그의 변경 이벤트 리스너 $('#firstSelect').on('change', function() { // 선택된 값을 가져옴 const selectedValue = $(this).val(); // 두 번째 select 태그의 option을 변경 $('#secondSelect').empty(); // 기존 option 제거 if (selectedValue === 'option1') { $('#secondSelect').append('Option 1 -.. 2023. 8. 8. 이전 1 2 3 다음