IT인터넷
마우스 우클릭 방지 Javascript 스크립트
마우스 우클릭 방지 Javascript 스크립트
2023.06.30브라우저 마우스 우클릭 비활성화 페이지에서 우클릭을 하면 브라우저는 contextmenu 이벤트를 발생시킵니다. 콘텍스트 메뉴에는 일반적으로 "페이지 소스 보기"나 "검사" 같은 기능이 들어있습니다. contextmenu 이벤트에 핸들러를 추가하고 event.preventDefault()를 사용하면 우클릭으로 콘텍스트 메뉴가 표시되지 않게 할 수 있습니다. 이 이벤트 리스너를 window 객체에 추가하여 전체 페이지에서 우클릭을 방지할 수 있습니다. window.addEventListener("contextmenu", e => e.preventDefault()); · 특정 요소 우클릭 비활성화 이벤트 리스너를 특정 HTML 요소에 추가하고 event.preventDefault()를 호출하여 그 요소에만 ..
티스토리 SEO 설정 '로딩화면' 만들기... 애드센스 효과 기대
티스토리 SEO 설정 '로딩화면' 만들기... 애드센스 효과 기대
2023.06.26로딩화면 GIF 파일 다운로드 일단 처음에 원하는 GIF파일을 다운로드합니다. 이미지 파일은 아래 사이트를 통해 다운로드하시면 되겠습니다. Preloaders.net - Loading GIF, SVG and APNG (AJAX loaders) generator More than 1000 free and premium ajax loader (loading animated GIF, SVG and APNG) spinners, bars and 3D animations generator for AJAX and JQuery icons8.com 원하는 이미지를 선택하셨다면 티스토리 [설정] - [스킨편집] - [html 편집] 메뉴로 이동. 이미지를 업로딩하여 로딩이미지를 추가 후 적용 버튼을 눌러줍니다. [html..
티스토리 스킨 '애드센스' 광고 위치 잘림 해결 방법
티스토리 스킨 '애드센스' 광고 위치 잘림 해결 방법
2023.06.26애드센스 광고 설정 애드센스 광고가 화면 밖으로 벗어나거나 잘리면 보기에 좋지도 않고 클릭율도 떨어진다. 이를 해결하기 위해 애드센스 광고가 화면 밖으로 벗어나거나 잘릴 때 해결 방법을 알아보자. 광고가 잘리거나 화면밖으로 나가는 건 전체 폭을 차지하는 광고 기능 때문이라고 하는데 이 기능은 스마트폰 환경에서 세로모드일 때만 광고의 가로폭을 화면 최대로 확대해서 보여주는 기능이다. 이 기능이 오류를 일으켜서 화면 밖으로 광고가 벗어나거나 잘리는데 문제를 해결하려면 이를 사용 중지해야 한다. 이를 중지하기 위해서는 일단 스킨 편집 html에 들어간다. · Html 스크립트 애드센스 코드가 위와 같은 형식인데 기본 애드센스 코드는 data-full-width-responsive="true" 이렇게 true로..
티스토리에 GIF 파일을 MP4로 변환해서 사용하는 방법
티스토리에 GIF 파일을 MP4로 변환해서 사용하는 방법
2023.06.26GIF를 MP4로 변환 Convertio - 파일 변환기 300가지 이상의 포맷 지원 저희는 300가지 이상의 서로 다른 파일 포맷 간의 25,600가지 이상의 서로 다른 변환을 지원합니다. convertio.co · 사용방법 GIF 파일은 용량이 큰 경향이 있으므로 MP4 형식으로 변환하면 파일 크기를 크게 줄일 수 있습니다. GIF를 MP4 파일로 변환하는 데 도움이 되는 다양한 온라인 도구가 있습니다. 그중에 Convertio사이트를 기준으로 설명하겠습니다. 업로드할 MP4 파일을 첨부파일로 첨부합니다. 티스토리는 첨부파일 크기가 10MB로 제한되어 있으니 참고하세요. 모든 MP4 GIF를 첨부 파일로 업로드한 후 "비공개로 저장" 옵션을 클릭하여 게시물을 저장합니다. 저장된 게시물로 돌아가서 편집..
컴퓨터 PC에 데이터가 보관되는 곳 4 - 배열
컴퓨터 PC에 데이터가 보관되는 곳 4 - 배열
2023.06.26배열 실제로 사용하기 C++ 거의 모든 컴퓨터 언어는 배열을 거의 기본적인 타입으로 사용할 수 있게 지원하고 있습니다. 예를 들어서 C++ 의 경우 #include #include int main() { // 크기가 5 인 배열 int arr[5] = {1, 2, 3, 4, 5}; // 크기가 3 인 배열 std::array arr2 = {1, 2, 3}; for (int i = 0; i < 5; i++) { std::cout
컴퓨터 PC에 데이터가 보관되는 곳 3 - 배열
컴퓨터 PC에 데이터가 보관되는 곳 3 - 배열
2023.06.26배열의 문제 어레이가 메모리에 일단 정의되면 어레이 바로 뒤의 공간이 이미 다른 데이터를 위해 할당되었을 수 있기 때문에 더 이상 확장할 수 없습니다. (다이어그램의 녹색 영역으로 표시됨) · 배열의 메모리 제약과 공간 효율성에 대한 고찰 배열은 데이터가 인덱스에 의해 결정된 위치에 정확하게 위치하도록 연속 메모리 위치를 차지해야 합니다. 이 제약으로 인해 어레이에 초기 크기를 초과하는 추가 공간을 할당할 수 없습니다. 또한 어레이를 다른 위치로 이동하는 것은 모든 데이터를 새 위치로 복사해야 하므로 간단한 작업이 아닙니다. 결과적으로 배열의 크기가 특정 수의 요소를 수용하도록 설정되어 있으면 해당 용량의 일부만 활용되는 경우 공간 낭비가 발생할 수 있습니다. · 배열의 한계와 데이터 구조의 발전 예를 ..
컴퓨터 PC에 데이터가 보관되는 곳 2 - 배열
컴퓨터 PC에 데이터가 보관되는 곳 2 - 배열
2023.06.26램을 바탕으로 한 가장 간단한 자료구조 전문 용어를 버리고 설명을 단순화하면 데이터를 RAM에 저장하려는 경우 배열이라는 데이터 구조를 사용할 수 있다고 말할 수 있습니다. · 배열의 원리와 메모리 효율성 배열은 단순히 연속적인 메모리 블록에 데이터를 구성하는 방법입니다. 어레이의 각 블록 또는 "룸"은 데이터 조각을 보유합니다. 데이터의 특정 부분에 액세스하기 위해 배열에서 해당 위치를 참조할 수 있습니다. 배열은 일반적으로 C 또는 C++와 같은 프로그래밍 언어에서 사용됩니다. 배열을 활용하면 메모리의 특정 위치에서 데이터를 효율적으로 저장하고 검색할 수 있습니다. 어레이를 사용하는 것은 데이터를 저장하고 액세스하는 간단한 방법입니다. 배열에서 데이터를 저장하거나 검색할 위치 또는 인덱스를 지정할 수..
CSS 그라디언트 어렵게 만들지 말고 간단하게 만드는 방법
CSS 그라디언트 어렵게 만들지 말고 간단하게 만드는 방법
2023.06.26그라데이션 디자인 Gradient.style은 멋진 CSS 그래디언트를 생성하기 위한 창의적이고 상호작용적인 도구를 제공하는 웹사이트입니다. 사용자 친화적인 인터페이스와 강력한 기능을 갖춘 Gradient.style은 사용자가 웹 사이트, 애플리케이션 또는 디지털 프로젝트를 위한 아름다운 그라데이션 디자인을 쉽게 만들 수 있도록 합니다. Gradient.style을 방문하면 매끄럽고 직관적인 디자인이 반겨주므로 다양한 사용자 지정 옵션을 쉽게 탐색하고 탐색할 수 있습니다. 노련한 개발자이든 디자인 애호가이든 이 사이트는 디지털 작품의 전체적인 미학을 향상시키는 시각적으로 매력적인 그라데이션을 만들기 위한 완벽한 경험을 제공합니다. 이 사이트는 그라디언트의 모든 측면을 미세 조정할 수 있는 광범위한 제어 ..
컴퓨터 PC에 데이터가 보관되는 곳 - 배열에 대한 이해
컴퓨터 PC에 데이터가 보관되는 곳 - 배열에 대한 이해
2023.06.26휘발성 메모리와 비휘발성 메모리 컴퓨터 저장 장치는 일반적으로 휘발성 메모리와 비휘발성 메모리의 두 가지 범주로 나뉩니다. 휘발성 메모리는 컴퓨터 전원이 꺼지면 데이터가 손실되는 저장 장치를 말합니다. 비휘발성 메모리는 컴퓨터가 꺼져도 데이터가 유지됩니다. 일반적인 데스크톱 컴퓨터 설정에서 RAM은 휘발성 메모리를 담당하고 하드 디스크 또는 SSD는 비휘발성 메모리를 처리합니다. · RAM의 특징 RAM은 하드 디스크나 SSD보다 훨씬 빠릅니다. CPU가 데이터를 처리할 때 처음에는 하드 드라이브에서 필요한 데이터를 검색한 다음 RAM과 통신하여 필요한 작업을 수행합니다. RAM을 수많은 방이 있는 호텔로 시각화할 수 있습니다. 각 방은 데이터를 저장할 수 있습니다. 최신 RAM 모듈에서 각 방은 8개의..