분류 전체보기

    CSS

    [CSS] 반응형 16:9 비율 유지하는 법

    hasudoki.tistory.com/entry/CSS-%EB%B0%98%EC%9D%91%ED%98%95-169-%EB%B9%84%EC%9C%A8-%EC%9C%A0%EC%A7%80%ED%95%98%EB%8A%94-%EB%B2%95 CSS - 반응형 16:9 비율 유지하는 법 CSS - 반응형 16:9 비율 유지 개요 이 https://css-tricks.com/aspect-ratio-boxes/ 페이지를 보고 번역/의역을 했습니다. 자세한 내용은 위 링크를 참고해주세요. 유투브 동영상 또는 반응형 작업시에 필요한 hasudoki.tistory.com

    PHP

    [PHP] XML을 JSON으로 변환

    www.delftstack.com/ko/howto/php/php-xml-to-json/

    Javascript/API

    채용 공고 API 모음 (잡코리아, 사람인, 커리어)

    채용사이트에서 제공되는 API는 채용공고에 대한 정보를 대부분 받아올 수 있지만, 실제로 입사지원이나 이력서 등록 등의 채용공고 정보의 상세 열람을 위해서는 채용사이트에 접속하여야 이용하실 수 있는 형태이다. 잡코리아에 문의해본 결과 랜딩페이지를 잡코리아로 안하고 데이터로만 사용하면 안되냐고 물어는데, 안된다고 함.. 아마 모두 동일하게 적용될 것으로 예상됨 커리어 www.career.co.kr/api/? http://www.career.co.kr/api/? www.career.co.kr http://api.career.co.kr/open/read?jobno=19133626&openpid=VjfzNMrb5o8yb%2fLgS8rsPQ%3d%3d 아주큐엠에스(주) WEB 개발/ 운영 관리 솔루션.ASP.소프..

    Javascript/API

    [오픈API] 공공 데이터 포털

    www.data.go.kr/index.do 공공데이터 포털 국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 수 있도록 공공데이터(Datase www.data.go.kr

    SEO

    사이트 정보 요청 양식 [파비콘, SNS이미지, 사이트 설명]

    [SNS 이미지]- 설명 : SNS링크 공유시 미리보기 이미지입니다.- 사이즈 : 800x400- 파일 형식 : png  [파비콘 이미지]- 설명 : 브라우저 사이트 탭에서 사이트 명 좌측에 노출됩니다. - 사이즈 : 100x100- 파일 형식 : png  [사이트 설명글] - 설명 : 사이트 검색 시, SNS 공유 시, 사이트 명과 함께 노출됩니다.

    HTML

    회사 메일 서명 템플릿

    회사 로고 이미지​ 홍길동대리 00팀 010 0000 0000 (02) 전화번호 ​ 0000@회사사이트 ​ 회사사이트 회사주소 회사 로고 이미지​ 홍길동대리 00팀 010 0000 0000 (02) 전화번호 ​ 0000@회사사이트 ​ 회사사이트 회사주소 ​

    Server

    '이미지 호스팅(이미지 스토리지) 사용하기'에 대한 관련 블로그 포스트

    medium.com/edmedu/aws-s3-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EC%8A%A4%ED%86%A0%EB%A6%AC%EC%A7%80%EB%A1%9C-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0-26fabac5c9c AWS S3 이미지 스토리지로 사용하기 웹사이트 이미지 서버 분리 medium.com blog.lael.be/post/7605 이미지 캐시 서버 구축하기 (나만의 CloudFlare 구축하기) 이 글에서는 나만의 이미지 캐시 서버를 구축하여, 사이트 속도를 높이고 부하를 줄이는 방법에 대해 설명합니다. 당신의 사이트가 해외 서버를 이용 중이라면 이 방법을 통해 아주 높은 속도 blog.lael.be m.blog.naver.com/PostView..

    Javascript/jQuery

    each 내 addClass 순차적으로 발생하기

    $("#ctt_ul li").each(function (index) { if (!$("#ctt_ul li").eq(index).hasClass("load")) { var row = $(this); setTimeout(function () { row.addClass("load"); }, 100*index); //delay 시간 } }

    Javascript/jQuery

    스크롤하여 객체가 화면에서 보일때 addClass 하기

    function addLoadClass() { var _windowW = $(window).outerWidth(); var _windowH = $(window).outerHeight(); var _getScrollObjY = function () { var scrollArray = []; var pHeight = 300; $("#ctt_ul img").each(function (index) { scrollArray.push(parseInt($("#ctt_ul img").eq(index).offset().top) + pHeight); }); return scrollArray; } // scrollMotion if ($("#ctt_ul li").length != 0) { $("#ctt_ul li").each..