본문 바로가기

javascript

(30)
애드센스 대체 광고 플랫폼 PopAds 체험 ==========PopAds1. PopAds 에 접속합니다. // https://www.popads.net/ //  2. 회원가입합니다. Account Details 계정 세부 정보Username 사용자 이름 : 사용할 ID적으면 됩니다.Email 이메일 : 사용중인 이메일 주소 적으면 됩니다.Retype Email 이메일을 다시 입력하세요 : 이메일 한번더 입력하면 됩니다.Account Type 계정 유형 : 아래 두가지 선택지Advertiser 광고자 : 이건 광고주Publisher 출판인 : 내 사이트에 광고 달려면 이거 선 Password 비밀번호 : 비밀번호 입력하면 됩니다.Confirm Pass 합격 확인 : 비밀번호 한번더 입력하면 됩니다. Personal Details : 개인 정보Fir..
Google Cloud Console 에서 cors.json생성 후 저장하기 ==========파이어 베이스 스토리지에서 가져오기시 CORS 에러 해결 방법aaaaa/:1 Access to fetch at 'https://firebasestorage.googleapis.com/v0/b/YOUR_PROJECT_ID.firebasestorage.app/o/static%2Fvideo%2Fthumbnails%2F0578f96d-8419-4e3e-9689-9e8157a86eb4.jpg?alt=media&token=a42aa0a6-d4b3-4803-8924-95c810e1dd32' from origin 'http://127.0.0.1:5500' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is presen..
Password field is not contained in a form 이런 경고 표시 뜰때 해결 방법 ========== 이런 로그인 태그가 있을때 로그인   이런 경고창이 뜬다면[DOM] Password field is not contained in a form: (More info: https://goo.gl/9p2vKq) ​   으로 감싸주면됩니다. 로그인   그럼 이제 이런 경고창이 뜨는데[DOM] Input elements should have autocomplete attributes (suggested: "current-password"): (More info: https://goo.gl/9p2vKq) ​  autocomplete="current-password" 이걸 붙여주면 됩니다.  그럼또 이런 경고창..
애드센스 디스플레이 & 멀티플렉스 광고 코드 완벽 분석 및 활용 전략 ========== 애드센스 디스플레이 & 멀티플렉스 광고 코드 완벽 분석 및 활용 전략 인터넷 광고 시장에서 구글 애드센스는 많은 블로그에 수익원을 제공했습니다.디스플레이 광고와 최근 각광받는 멀티플렉스 광고는 콘텐츠와 사용자 환경에 맞춰 최적화된 광고 노출을 합니다.두 광고 코드의 특징과 차이점을 분석하고, 이를 효과적으로 활용할 수 있는 방법을 알아보겠습니다. 다음은 일반적인 애드센스 디스플레이 광고 코드 입니다. 미리보기">   한줄씩 설명보기 비동기 로딩 (async): 스크립트를 비동기로 로드하여, 페이지의 다른 콘텐츠 로딩을 지연시키지 않고 동시에 불러옵니다. 스크립트 URL: https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js 경..
자바스크립트로 웹페이지 다크모드 다국어 가로크기 조절 하기 ==========아래는 다크모드, 가로 크기 조절, 다국어 지원 기능을 갖춘 간단한 다국어 웹페이지입니다. 🌟 주요 기능🌙 다크모드 & ☀️ 화이트모드사용자가 다크모드/화이트모드를 전환할 수 있음.변경된 모드는 로컬 스토리지(localStorage)에 저장되어, 새로고침 후에도 유지됨.운영체제(OS) 기본 설정(예: Windows, macOS의 다크모드)에 따라 초기 모드 자동 감지.📏 가로 크기 조절 (400px ~ 1200px)슬라이더를 이용해 웹페이지의 가로 크기(width)를 조절할 수 있음.변경된 크기는 로컬 스토리지(localStorage)에 저장되어, 새로고침 후에도 유지됨.최소 400px ~ 최대 1200px까지 10px 단위로 조절 가능.🌎 다국어 지원 (5개 언어)**영어(En..
자바스크립트 Base64로 이미지 파일 바이트로 바꾸기 ========== ">        이미지 표시 다운로드 "> 이미지 표시 다운로드    이미지 표시 다운로드  ==========
구글 드라이브에 있는 이미지의 공유 링크 구글 시트로 한번에 가져오기 ==========구글 드라이브에 있는 이미지의 공류링크 구글시트로 한번에 가져오기 1. 구글 드라이브에서 신규 > Google 스프레드시트를 눌러 이미지 링크가 들어갈 시트를 만들어줍니다.구글 드라이브 주소 // https://drive.google.com/drive/my-drive // 2. 확장 프로그램 > Apps Script를 눌러줍니다. 3. 아래 내용을 적어 줍니다.function listImageLinks() { // 이미지들이 들어있는 폴더 ID를 입력합니다. var folderId = "YOUR_FOLDER_ID"; var folder = DriveApp.getFolderById(folderId); var files = folder.getFiles(); // 활성 시..
자바스크립트(JavaScript) 구글스프레드시트 데이터 가져오기 Google Sheets 데이터 가져오기 ==========1. 구글 드라이브에서 시트를 하나 만들어줍니다.구글 드라이브 주소 // https://drive.google.com/drive/my-drive //  2. 빈 시트가 나타납니다. 3. 아래 데이터를 입력해줍니다.번호,동물,학명,서식지,평균 수명,특징1,사자,Panthera leo,아프리카 사바나,10-14년 (야생),무리 생활; "정글의 왕"2,호랑이,Panthera tigris,아시아의 숲,10-15년 (야생),강력한 사냥 능력; 단독 생활3,코끼리,Loxodonta africana,아프리카 초원,60-70년,지능 높고 사회성 발달4,기린,Giraffa camelopardalis,아프리카 사바나,25년,긴 목과 다리; 초식동물5,치타,Acin..