프로그래밍 (132) 썸네일형 리스트형 워드프레스 마케팅 블로그 운영 및 SEO를 위한 필수 플러그인 ி 검색엔진 최적화를 위한 4가지 1~3번 항목은 SEO와 직접적인 연관은 없지만 사이트 로딩 시간이 길어져 이탈하는 방문자를 줄이기 위함 ① 이미지 용량을 줄이고 CDN 활용(Smush 플러그인) ② CSS, js 등을 압축해 트래픽 절감(Better WordPress Minify 플러그인) ③ 브라우저 캐시 적용(W3 Total Cache 또는 WP Super Cache) ④ 안전하지 않은 http 대신 https를 사용하는 것이 구글 SEO 스코어에 좋음 ி SEO 및 블로그 운영을 위한 플러그인 SEO Yoast SEO SEO 향상 플러그인 RankMathYoast와 동일한 플러그인으로 둘 중 하나를 사용하면 됨. (무료 버전에서 제공하는 기능은 RankMath가 많은 편) 게시글 각 페이지에 D.. 안드로이드 계산기 앱 제작 및 배포 Image : Marshmallow, API Level 23, Android 6.0, ABI x86 AVD Hardware : Nexus 4(768x1280, xhdpi) language : java res/layout/activity_main.xml MainActivity.java package com.cac.calc; import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.TextView; import android.widget.Toast; public class MainActivity.. 한국어 문장 생성 AI - KoGPT2 ி 설치 > pip install opyrator transformers torch 설치 도중 아래 에러 메시지가 발생한다면 ERROR: Could not install packages due to an EnvironmentError: [Errno 2] No such file or directory: 'path/collect_and_distribute_fpn_rpn_proposals_op_test.test_collect_and_dist.zip' 관리자 CMD를 실행하고 파일명 길이 제한 해제 레지스트리 추가 후 재설치 > reg add "HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\FileSystem" /v LongPathsEnabled /t REG_DWO.. 웹 브라우저 한글깨짐 해결 브라우저에서 위 글자처럼 한글이 깨지는 경우 개발자도구 콘솔창에서 document.characterSet으로 현재 페이지의 인코딩 설정 상태 확인 다른 인코딩으로 읽으면 한글 깨짐( UTF-8로 작성된 텍스트를 EUC-KR로 읽을 때 등.. ) 아래 세 가지 방법 중 한 가지를 사용하여 한글깨짐 해결 1 크롬 인코딩 강제 설정 Set Character Encoding 설치 https://chrome.google.com/webstore/detail/set-character-encoding/bpojelgakakmcfmjfilgdlmhefphglae?hl=ko 사용법 브라우저 화면 우클릭 > Set Character Encoding > 인코딩 2 개발자도구 인코딩 설정 스크립트 적용 한글이 깨지는 페이지로 이.. Chrome 개발자 도구 단축키 개발자 도구 열기 Ctrl + Shift + I / F12 : 개발자도구 열기 Ctrl + Shift + C : element 선택 상태로 개발자 도구 열기 Ctrl + Shift + J : console 탭 선택 상태로 개발자도구 열기 / 한 번 더 누르면 개발자도구 하나 더 열기 공통 패널 단축키 F1 / ? : General Settings 다이얼로그 열기 Ctrl + ] : 다음 패널 Ctrl + [ : 이전 패널 Ctrl + Shift + E : 선택된 소스코드 실행(실행시킬 소스코드를 마우스 드래그로 선택, 실행 시 Console 패널에 표시) Ctrl + Shift + F : 전역 검색( 모든 파일에서 일치하는 텍스트 검색 ) Ctrl + O 파일 명으로 찾기 Ctlr + 1 ~ Ctrl +.. 캐시 관리 서비스 워커(Service Worker) 생성 ி worker Web worker 스크립트를 백그라운드에서 실행할 수 있는 쓰레드를 생성하는 기술 웹 워커는 UI 쓰레드와 별개로 존재하므로 DOM에 접근 불가 그러나 자체적인 Global scope에서 Window scope와 똑같은 기능을 제공하기 때문에 지원 가능 Shared worker 윈도우 창이나 iframe, 워커등의 다른 브라우징 컨텍스트에서도 접근 가능 특정 사이트에 로그인 후 새로운 탭을 띄워 중복 로그인, 중간에 어떤 탭에서 로그아웃 했으면 Shared worker에서 자신을 참조하고 있는 모든 브라우저 컨텍스트에 문자를 보내 다른 탭에 있는 로그인 된 사이트도 로그아웃 Service worker 다른 문서나 다른 소스로부터 발생되는 이벤트에 대응하기 위한 이벤트 드리븐 방식 지속적.. 자바스크립트 async / await async & await 콜백 지옥처럼, 프로미스 체이닝도 반복되면 코드 가독성 저하 비동기 처리를 위한 async/await은 Promise를 간편하게 동기적으로 실행하는 것처럼 보이게 만드는 API 새로 추가된 문법이 아닌 기존에 존재하는 Promise를 간단 조작하기 위한 syntax sugar async 키워드가 붙은 함수는 항상 Promise를 반환 async 기존 방식(Promise) // 프로미스 사용 시 반드시 resolve와 reject를 호출해야 함 function fetchUser() { return new Promise((resolve, reject) => { // return `ellie`; // 프로미스 pending 상태 resolve(`ellie`); // 프로미스 fulfi.. 자바스크립트 Promise Promise 자바스크립트에서 사용하는 비동기 코드 처리를 위한 객체 어떤 기능이 실행되어 정상적으로 동작하면, 성공 메시지와 처리 결과를 전달 기능 수행 시 예상치 못한 문제가 발생하면 에러를 전달 State: pending(보류) → fulfilled(성공) or rejected(실패) or settled(완료) 비동기 처리 성공 시 resolve, 실패 시 reject 함수 호출 Promise 객체의 후속 처리 메소드(then, catch)를 통해 실행된 결과 전달 Producer(생산자) 새 프로미스가 생성되면 executor라는 콜백함수가 자동 실행됨 프로미스 내의 resolve 함수가 존재하지 않으면 무한 pending 상태 아래 예제는 2초간 기능 수행 후 resolve라는 함수를 호출하면서.. 1 2 3 4 5 ··· 17
