개발
11/21
구글 애드센스 광고 로딩 안되면 영역 감추기 (2) ~ Intersection Observer
구글 애드센스 광고 로딩 안되면 영역 감추기 - eruLabo구글 애드센스를 쓴다면 가끔 투명광고가 나올때가 있다. 뭐 말이 투명광고지 그냥 광고 로딩이 안되서 해당영역이 비어있는 경우이다. 애드핏의경우에는 이럴경우에 대체광고를 지정할수있는데 구글은 그런기능은...https://erulabo.com/213 광...
개발
11/19
라라벨 블레이드 템플릿(Blade Template) Json 파싱
웹 개발을 하다보면 Json 방식의 데이터를 다루는 경우가 많다. 프론트단에서 백단으로 넘어갈때는 ajax 요청에 담아서 보내면 그만이긴한데, 경우에 따라서는 백단에서 프론트단으로 json 데이터를 보낼때가 있다. 이럴때 앞단에서는 이를 파싱하기위해 보통 php는 아래와 같은 방법으로 내용을 파싱...
개발
11/14
구글 애드센스 광고 로딩 안되면 영역 감추기
구글 애드센스를 쓴다면 가끔 투명광고가 나올때가 있다. 뭐 말이 투명광고지 그냥 광고 로딩이 안되서 해당영역이 비어있는 경우이다. 애드핏의경우에는 이럴경우에 대체광고를 지정할수있는데 구글은 그런기능은 없고 그냥 해당영역을 통으로 비워둔다. 이런 부분이 전체적인 웹사이트 구성에선 이빠...
라라벨 구버전에서 pagination link http 문제 해결 (proxy 환경)
개발
11/14
라라벨 구버전에서 pagination link http 문제 해결 (proxy 환경)
어쩌다 우연히 발견하게된 문제인데, 라라벨 페이지네이션이 랜더링하는 페이지 버튼의 링크가 https가 아닌 http로 출력되는것을 발견했다. 이 포스팅에선 그 문제와 해결과정에 대한 기술을 해보겠다. 라라벨 페이지네이션먼저 라라벨 페이지네이션에 대해 알아보자면, 여러개의 데이터행이 있을 경...
개발
11/08
라라벨 Permissions-Policy 헤더 추가 하는 방법
크롬 브라우저 콘솔창 에러크롬 브라우저 일부 사이트에서 아래와 같은 브라우저 에러가 콘솔에 뜨는 것을 볼 수 있다. 위 경우에는 사이트에 붙인 쿠팡 파트너스의 문제이지만 구글링을 해보니까 단순히 쿠팡만의 문제가 아니라 크롬 브라우저의 정책으로 판단된다. Permission-Policy 관련 자료Chrom...
코드 하이라이터(highlight.js) 적용 및 플로라 에디터 연동
개발
11/05
코드 하이라이터(highlight.js) 적용 및 플로라 에디터 연동
개발 관련 글을 쓰다보면 코드 하이라이팅이 필요한 경우 많다. 그냥 하이라이팅을 무시하고 텍스트로 적을 수 있긴하지만 그러면 코드의 가독성이 나빠진다. 그래서 기존엔 컬러 스크립터 라는 온라인 에디터를 통해서 변환한다음에 HTML 아웃 풋을 에디터에 복사하는 방식으로 코드 하이라이팅을 진...
동적 목차(ToC) 구현
개발
11/04
동적 목차(ToC) 구현
우리가 일반적으로 글을 쓸때 글의 내용이 길어지면 쉽게 접근할 수 있게 도와주는 페이지, 즉 목차(Table of contents)라는 것이 있다. 쉽게 위키에서 볼수 있는 페이지 상단의 그걸 말한다. 목차는 쉽게 해당 문서의 '구조'를 알 수 있으며 독자가 원하는 파트로의 이동을 돕기도한다. 그래서 짧은...
Froala Editor 를 이용한 오픈 그래프 링크 삽입
개발
11/01
Froala Editor 를 이용한 오픈 그래프 링크 삽입
네이버나 티스토리같은 블로그 에디터에서는 에디터를 통해서 링크를 넣으면 일반 하이퍼 링크 방식이 아니라 해당 링크의 오픈 그래프 정보를 불러와서 박스 형태로 링크를 제작해준다. 또 카카오톡과 인스타그램, 페이스북에서도 마찬가지로 링크입력을 받으면 아래 처럼 오픈그래프 정보를 바탕으로...
개발
10/31
라라벨에서 IndexNow 사용법
이제는 더 이상 검색엔진이 알아서 긁어가는 크롤링 방식이 아닌, 검색엔진에게 수집해달라고 요청하는 프로토콜인 IndexNow 라는 것이 출시되었다. 말그대로 내 웹사이트에 변화가 생기면 각종 검색엔진에 내 사이트에 새 글이 올라오거나 글이 변경했어요! 를 능동적으로 알리는 것이라고 생각하면된...
개발
10/31
악성 봇 차단 리스트 및 robots.txt 가이드
슬슬 웹사이트를 여러 사이트로 전파시키다보니까 여러가지 크롤링 봇에의한 트래픽이 늘고 있다. 이럴때 1차적으로 처리할 수 있는 방안은 robots.txt 를 작성해서 게시해놓는 방법이다. 해당 파일에 대한 작성예시는 온라인에 널리고 널렸지만 실제로 어떤 봇들을 차단해야하는지는 찾아보기가 힘들...
×