Search:
cate:개발
71
개발
라라벨 Permissions-Policy 헤더 추가 하는 방법
크롬 브라우저 콘솔창 에러크롬 브라우저 일부 사이트에서 아래와 같은 브라우저 에러가 콘솔에 뜨는 것을 볼 수 있다. 위 경우에는 사이트에 붙인 쿠팡 파트너스의 문제이지만 구글링을 해보니까 단순히 쿠팡만의 문제가 아니라 크롬 브라우저의 정책으로 판단된다. Permission-Policy 관련 자료Chrom...
개발
코드 하이라이터(highlight.js) 적용 및 플로라 에디터 연동
개발 관련 글을 쓰다보면 코드 하이라이팅이 필요한 경우 많다. 그냥 하이라이팅을 무시하고 텍스트로 적을 수 있긴하지만 그러면 코드의 가독성이 나빠진다. 그래서 기존엔 컬러 스크립터 라는 온라인 에디터를 통해서 변환한다음에 HTML 아웃 풋을 에디터에 복사하는 방식으로 코드 하이라이팅을 진...
개발
동적 목차(ToC) 구현
우리가 일반적으로 글을 쓸때 글의 내용이 길어지면 쉽게 접근할 수 있게 도와주는 페이지, 즉 목차(Table of contents)라는 것이 있다. 쉽게 위키에서 볼수 있는 페이지 상단의 그걸 말한다. 목차는 쉽게 해당 문서의 '구조'를 알 수 있으며 독자가 원하는 파트로의 이동을 돕기도한다. 그래서 짧은...
개발
Froala Editor 를 이용한 오픈 그래프 링크 삽입
네이버나 티스토리같은 블로그 에디터에서는 에디터를 통해서 링크를 넣으면 일반 하이퍼 링크 방식이 아니라 해당 링크의 오픈 그래프 정보를 불러와서 박스 형태로 링크를 제작해준다. 또 카카오톡과 인스타그램, 페이스북에서도 마찬가지로 링크입력을 받으면 아래 처럼 오픈그래프 정보를 바탕으로...
개발
라라벨에서 IndexNow 사용법
이제는 더 이상 검색엔진이 알아서 긁어가는 크롤링 방식이 아닌, 검색엔진에게 수집해달라고 요청하는 프로토콜인 IndexNow 라는 것이 출시되었다. 말그대로 내 웹사이트에 변화가 생기면 각종 검색엔진에 내 사이트에 새 글이 올라오거나 글이 변경했어요! 를 능동적으로 알리는 것이라고 생각하면된...
개발
악성 봇 차단 리스트 및 robots.txt 가이드
슬슬 웹사이트를 여러 사이트로 전파시키다보니까 여러가지 크롤링 봇에의한 트래픽이 늘고 있다. 이럴때 1차적으로 처리할 수 있는 방안은 robots.txt 를 작성해서 게시해놓는 방법이다. 해당 파일에 대한 작성예시는 온라인에 널리고 널렸지만 실제로 어떤 봇들을 차단해야하는지는 찾아보기가 힘들...
개발
PHP 사이트맵 제작 (2)
PHP 사이트맵 제작 (1) - eruLabo사이트맵이란?사이트맵은 그 사이트의 여러가지 페이지에 접근가능한 링크의 모음, 즉 메뉴라 볼 수 있다. 근데 용도는 사용자가 보기보다는 웹 서치 엔진이나 봇이 이 사이트에 대해 이해하는데 도움을 주기 최적화...https://erulabo.com/198 이전 글에 이어 바로 코...
개발
PHP 사이트맵 제작 (1)
사이트맵이란?사이트맵은 그 사이트의 여러가지 페이지에 접근가능한 링크의 모음, 즉 메뉴라 볼 수 있다. 근데 용도는 사용자가 보기보다는 웹 서치 엔진이나 봇이 이 사이트에 대해 이해하는데 도움을 주기 최적화된 형태라고 할 수 있다. 실제로 사이트맵은 위의 형태처럼 XML 문서 구조의 형태를...
개발
Javascript 객체 병합
개발하다가 좀 신기한 기능을 보게되서 기록하게 되었다. ajax 통신을 위해서 위와 같이 여러가지 데이터를 패킹해서 백단으로 보내는데, body에 해당하는 데이터 파라미터들이 너무 나열되어있고 또 이 내용을 다른데에서 반복해서 쓰려니 좀 더 괜찮은 방법이 없나해서 머리좀 굴려보았다. 단순히 생...
개발
Froala Editor 이미지 매니저
Froala Editor는 직관적이고 다양한 기능을 제공하는 웹 기반 WYSIWYG 에디터예요. 이 에디터는 스크립트를 활용해서 내부 기능을 자유롭게 조율하거나 수정할 수 있어서, 사용자 목적에 맞는 맞춤형 에디터를 만들기 정말 좋아요. 하지만, 큰 단점이 있다면 유료라는 점과, 개발 문서가 친절하지 않다...