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