개발 카테고리 글 목록

S3 서버는 아마존 웹 서비스에서 이용할 수 있는 스토리지 저장 서비스이다.실제로 대용량의 파일을 저장해도 과금이 별로 안되며, 파일의 접근에 대한 비용과 트래픽 비용만이 요구된다. 물론 이 비용자체는 다른 웹하드에 비하면 합리적인 비용을 가지고있다. 단 아마존은 이런 스토리지 서비스인 S3를 대량 파일관리의...

문제퍼블리싱 코드를 이리저리 만지다가 특이한 현상을 발견했다. 크아악!! 내 badge의 높이 상태가? 위 스샷처럼 타이틀 영역에 flex box로 스타일을 적용해둘때 flex box의 높이가 증가하면 그안의 요소들도 덩달이 높이가 전부 늘어나는 문제였다. 문제가 생겼던 해당 코드는 아래와 같다. 특이할것도 없고, 나는 그냥...

본 글은 구글 애드센스의 반응형 광고를 달때 로딩되는 광고가 원하는 크기보다 너무 큰 광고가 로딩될때 이를 해결하기위한 내용입니다. 모바일 반응형 광고우리가 구글 애드센스에서 광고 단위 기준으로 디스플레이 광고를 만들때 사이즈를 직접 선택하거나 반응형 광고로 제작할 수 있다. 이때 반응형으로하면 현재 웹페...

요즘 SEO를 위해 웹사이트를 최적화 하다보면 여러 보조지표가 눈에 보인다.예전엔 단순히 페이지 로딩속도, 메타데이터 정도만 확인하는게 검색엔진 최적화였지만, 그런 조건을 만족하는 피싱사이트가 많아지자 검색엔진도 여러가지 보조지표를 통해 웹사이트가 유용한 정보를 가지고있고, 사용자 친화적인 사이트인지 판...

기존 이미지 채우기퍼블리싱을 하다보면 지정된 박스 크기에 이미지를 정확하게 끼워 넣고 싶을때,우리는 일반적으로 아래와 같은 스타일 코드로 이미지를 박스안에 배정하고 위치와 사이즈를 조정한다. 그리고 아래와 같이 실제 div.grp_image 태그에 이미지 경로를 할당한다. 광고가 로딩이 안되면 보이는 애니리뷰 배너...

유튜브 초기 로딩 느림우연히 내 블로그 사이트를 뒤적거리다가 유튜브로 올린 페이지에서 페이지 로딩 시간이 오래걸려 컨텐츠가 느리게 뜬다는 구글 서치콘솔의 보고서를 받게되었다. 무슨내용인가하니 유튜브 영상을 내 페이지에 넣었더니 최초에 유튜브로부터 가져오는 iframe 등의 정보량때문에 내 페이지 랜더링이 늦...

문제아오오오.. 드디어 해결했다. 무슨소리냐 하면 플로라 에디터에서 이미지에 캡션을 달아둘때 그 캡션을 클릭하면 아래 처럼 스크롤이 초기화 되는 문제가 있다. 마우스 커서가 안보이긴하는데, 이미지 아래에 캡션을 클릭하면 위와같이 본문의 맨 상단으로 이동되는 버그이다.관련 버그는 유명한지 플로라 에디터 깃헙...

또 블로그를 이것저것 손대보았다. 파비콘 새로 제작 및  변경이번에 손댄것은 5년채 방치해둔 파비콘의 변경작업이다. 원래 파비콘은 사용하던 메인컬러와 eruLabo의 약자인 "el"을 조합해서 아래와 같이 만들어서 사용하고 있었다. 이전 파비콘새 파비콘 하지만 너무 오래 사용하기도했고, 더이상 해당 메인컬러를 내가...

웹사이트를 구축하다보면 타 브랜드 사이트의 링크를 연결하는 경우가 있는데, 이때 단순 텍스트로 처리하기보다 해당 브랜드 사이트의 로고나 CI 등을 가져와서 배치해두는 경우가 있다. 실제로 검색엔진에서 해당 브랜드명 + PNG, SVG 등으로 쉽게 여러 브랜드의 로고에 접근할 수 있는데, 온라인에 올라와있는 로고는 열...

우리가 웹사이트를 운영하다가보면 필요에 따라 이미지를 검열할 방법이 필요하다. 일반적으로 문제가 되는 이미지면 안보이게하거나 감추면 그만인데, 사이트 성향에 따라서는 직접적으로 노출만안되면 되는 경우도 존재한다. 이럴때 이미지를 강제로 열화시켜서 원본을 기반한 검열 이미지를 만들어야 하는 경우가 있다....