본문 바로가기

프로그래밍88

이미지 파일을 base64로 변환하여 HTML에 삽입하는 방법: 성능 향상을 위한 팁 img를 base64 형태로 데이터를 넣는 방법과 php로 변환하는 소스를 알려드리겠습니다. img를 base64로 변환하기 img를 base64로 변환하면 이미지 파일을 서버에 업로드하지 않고도 HTML 코드에 직접 삽입할 수 있습니다. 이는 웹 페이지의 성능을 향상시키는 데 도움이 됩니다. 1. 이미지 파일을 선택하기 우선 이미지 파일을 준비해주세요. 로컬 디스크에 저장된 이미지 파일을 사용할 수도 있고, 이미지 URL을 사용할 수도 있습니다. 2. base64 변환하기 이미지 파일을 base64로 변환하는 방법은 여러 가지가 있지만, 가장 쉬운 방법은 온라인 툴을 이용하는 것입니다. 예를 들어, base64 Guru와 같은 사이트에서 이미지 파일을 업로드하고, base64로 변환된 코드를 얻을 수 .. 2023. 4. 22.
모바일웹에서 지도 좌표 알아 내는 법 모바일웹에서 좌표를 알아내는 방법에는 여러 가지가 있습니다. 대표적으로는 Geolocation API와 GPS를 이용한 방법이 있습니다. Geolocation API를 이용한 방법 Geolocation API는 HTML5에서 지원하는 위치 정보를 제공하는 API입니다. 이 API를 이용하면 사용자의 현재 위치를 확인할 수 있습니다. 이 방법은 모바일 웹에서 가장 일반적으로 사용되는 방법 중 하나입니다. Geolocation API를 사용하려면 다음과 같은 단계를 따릅니다. navigator.geolocation 객체를 사용하여 위치 정보를 가져올 수 있는지 확인합니다. 위치 정보를 가져오는데 성공하면 success 콜백 함수를 실행합니다. 위치 정보를 가져오는데 실패하면 error 콜백 함수를 실행합니다.. 2023. 4. 19.
CKEditor5에서 textarea 값을 가져오는 방법 CKEditor5에서 textarea 값을 가져오는 방법은 다음과 같습니다: CKEditor5을 초기화합니다. ClassicEditor .create( document.querySelector( '#editor' ) ) .then( editor => { console.log( editor ); } ) .catch( error => { console.error( error ); } ); 초기화한 CKEditor5 인스턴스에서 내용을 가져옵니다. var editorData = editor.getData(); textarea에 가져온 데이터를 적용합니다. document.getElementById('textarea-id').value = editorData; 전체 코드는 다음과 같습니다: ClassicEdit.. 2023. 4. 15.
input selectbox radio checkbox 각요소별 접근 방법 다음은 각각의 HTML 폼 요소에 접근하는 방법입니다. Select Box: jQuery: $("#selectBoxId") JavaScript: document.getElementById("selectBoxId") Radio Button: jQuery: $("input[name='radioButtonName']:checked") JavaScript: document.querySelector("input[name='radioButtonName']:checked") Checkbox: jQuery: $("#checkBoxId") JavaScript: document.getElementById("checkBoxId") Textarea: jQuery: $("#textareaId") JavaScript: docum.. 2023. 4. 14.

티스토리툴바