썸네일 이미지
티스토리 '애드센스 연동' 낱낱이 파헤치기 티스토리에는 애드센스 계정 연동이라는 기능이 몇 달전 생겼습니다. 최근에는 많은 티스토리 블로그에서 적용한 모습입니다. 이 연동이라는게 어떤 작업으로 연동이 되는것인지 낱낱이 파헤쳐봅시다. 이 글은 기술적인 내용을 풀어 쓴 글으로 이해가 안되시는 부분이 있을 수도 있습니다. 구글과 협업? 공식적으로는 협업이라고 표현했지만, 애드센스내에 이미 있는 기능을 적용한것에 불과합니다. 별도의 시스템이 아닌 누구나 적용할수있는 공식문서화 되어있는 API를 적용한것에 불과합니다. 위의 코드는 애드센스를 연동한 티스토리의 광고 로딩 코드중 일부입니다. 일반적인 연동코드와는 다르게 data-ad-host라는 부분이 추가됩니다. 이는 티스토리의 게시자 코드입니다. 과연 이게 무엇을 의미하는가? 아래에서 자세히 알아보시죠...
썸네일 이미지
가성비 갑! 오라클 클라우드 사용해본 후기 최근 가성비가 좋다는 Oracle사의 오라클 클라우드 프리티어로 글로벌용 다국어 사이트 하나를 옮겼습니다. 사용해본 후기와 타 서비스와 비교를 해보려고 합니다. 서버 세팅같은건 리눅스 계열을 사용해보신적 있으시다면, 조금만 찾아보면 어렵지 않게 가능할것입니다. 저는 NginX에 PHP7.4를 설치해서 세팅을 했는데, 오라클 프리티어는 OCPU 1/8코어 1GB램 이므로, 무거운 서비스를 돌리기는 어렵습니다. Node.js같이 램을 많이 사용해야되는 경우 제 성능을 못낼 수 있습니다. OCPU 1/8코어라고는 하지만 저는 체감상 성능이 좋았습니다. 다른 무료 클라우드와는 다르게 무료 트래픽이 월 10TB입니다. 기본 제공 속도도 46Mbps고요. 네트워크 측면에서 확실한 이점이 있고, CPU개수를 늘리거나..
썸네일 이미지
효율적인 온라인 Hex Editor, HexEd.it 최근에 웹툴로 Hex Editor를 제작하려다가, 효율적인 구조 설계는 다 했는데(약 1시간 소요) 추가로 넣을 기능이 있나 다른 제품을 찾아보다가 HexEd.it을 찾게 되었습니다. 너무 잘 만들어져있어서 새로 만들려던건 접고, 추천하기로 결정하였습니다. 제가 생각했던 브라우저에서 메모리 최적화 및 출력 최적화가 모두 적용되어있고, 다양한 기능이 있어 추천글을 작성하게 되었습니다. 대용량 파일을 브라우저에? 대용량 파일을 브라우저에 표현하면 메모리가 터집니다. DOM에 모든 값을 출력하면 오버헤드가 엄청난데, 만약 스크롤을 하게되면 CPU는 최대(크롬의 경우 단일코어이므로 100/코어수 %)를 나타내고, 메모리는 이미 꽉차있는 상태일것입니다. 하지만 제대로 최적화를 한다면 설치형 프로그램 못지않은 최적..
썸네일 이미지
현재 발생한 유튜브, 구글 로그인 문제 현재(2020-12-14 9시경) 유튜브 등 구글 관련 페이지 접속시 오류가 발생했습니다. 분석 결과 서버는 살아있고, 각종 기능은 문제가 없는것으로 보입니다. 구글의 로그인 관련 기능이 현재 불가한것으로 보입니다. 유튜브 이용시 로그아웃된 기기 또는 로그아웃된 브라우저로 정상작동함을 확인하였습니다. 이 오류로 다음과 같은 활동이 불가한것 같습니다. GMAIL 유튜브 댓글, 좋아요, 구독 등 구글 로그인 연동 이외에도 다양한 로그인 관련 활동이 일시적으로 불가할것으로 보입니다. 이 사이트는 구글이 아닙니다. 내용은 IT분석을 바탕으로 추론한 내용으로 일부 사실과 다를수 있습니다. 이 사이트는 다양한 툴을 제공하는 사이트입니다. 아래의 링크에서 구경해보시고, 원하시는 툴이 있으시다면 자유롭게 댓글을 남겨주..
썸네일 이미지
삼성페이의 원리 최근에 QR코드 인증방식 원리, CAPTCHA 인증방식 원리 등 다양한 제품의 원리를 작성해보고 있습니다. 궁금하신게 있으시다면 댓글로 남겨주세요. 삼성 페이 삼성 페이는 2015년 3월에 출시된 제품입니다. 삼성 페이 때문에 다른 회사 스마트폰을 못쓴다고 할만큼 편리한 서비스입니다. 삼성페이에서 주로 사용하는 기능은 크게 두 가지입니다. 체크/신용 카드 이용(MST), 교통 카드 이용(NFC) 정도가 있습니다. 이외에도 있지만, 주로 사용하는 기능의 원리를 다뤄보고자 합니다. MST 방식 체크/신용 카드 이용에는 두가지 방식이 있습니다. 이중에서 삼성페이는 카드를 긁는 방식을 사용합니다. IC 칩을 이용해 카드를 꽂아서 결제 마그네틱을 이용해 카드를 긁어서 결제 우리나라에서 2014년이후 생산되는 카드..
썸네일 이미지
[웹사이트 최적화] MDN의 업데이트 소식 Mozilla Developer Network MDN은 Mozilla 재단에서 운영중인 비영리 개발 문서 사이트입니다. MDN Web Docs MDN 웹 문서 사이트는 HTML, CSS, 및 웹 사이트와 프로그레시브 웹 앱을 위한 API를 포함한 오픈 웹 기술에 대한 정보를 제공합니다. 또한 Firefox 개발자 도구와 같은 Mozilla 제품을 위한 개발자 지향 문 developer.mozilla.org 상당히 많은 문서가 있고, 정말 읽기 쉽게 잘 정리되어있어, 자주 이용하는 사이트중 하나입니다. 2020/12/14 이후의 변화 기존 방식 (WIKI 구조) 그동안 MDN은 Amazon의 AWS에서 제공되었습니다. (WIKI 형태) 기존의 위키 형태입니다. 여기에서 단점은 모든 변경사항을 관리해주어 적..
썸네일 이미지
CAPTCHA 인증방식 원리 CAPTCHA는 주로 사람인지 봇인지를 구분하기위해 만들어진 인증방식입니다. 아래와 같은 문구를 본적 있을겁니다. 자동화된 봇을 차단하기 위해 캡챠를 사용합니다. 스팸을 방지하기위해 캡챠를 사용합니다. 그렇다면, 사람인지 봇인지 구분을 하는 기능이 있겠죠? 사람과 봇을 구분하기 위해서 주로 이미지를 이용해서 이미지 안에 작성된 문자를 입력하게끔 시키는 경우 시각 장애인을 배려하기위해 음성으로 발음되는 문자를 입력하도록 요구하는 경우 이미지 주제를 정해두고 같은 주제의 이미지를 선택하도록 요구하는 경우 이렇게 3가지 방식이 주로 사용됩니다. 요즘에는 많은 사이트에서 구글 리캡챠(reCAPTCHA)를 사용하는데 위의 3방식은 사람이 하기에 번거롭기 때문에 귀찮고 싫다는 인식이 대부분입니다. 그래서 추가적으로..
썸네일 이미지
2021-09-30 이후부터 발생할 수 있는 인증서 문제 (Let's Encrypt) 인증서가 문제가 있다면, https사이트에 접속시 불편함을 겪을 수 밖에 없습니다.. 각종 사이트는 암호화 통신을 위해 TLS용 인증서를 사용하는데, 인증서를 사용하던곳에서 비정상적으로 적용되었거나 문제가 있다면, 사용자의 브라우저에서 접근을 차단하기때문에 더욱 불편함이 커집니다. 최근 인증서 문제 사례 가장 최근에 문제가 생겼었던 경우는 Sectigo(구 Comodo)의 루트인증서가 만료되어 발생했던 문제가 있습니다. 2020-05-30 오류해결) 루트 인증서 업데이트 방법 이전글 hi098123.tistory.com/241 오류해결) NET::ERR_CERT_DATE_INVALID NET::ERR_CERT_DATE_INVALID 오류는 서버 측 문제와 사용자 측 일시적 문제가 있을 수 있습니다. 20..