세연아빠의 개발과 일상의 모습

네이버 sns url 공유소스 네이버 sns url 공유소스 웹사이트 개발시 특정 페이지의 내용을 소셜(SNS)로 공유해야할 필요성이 있는 페이지 작업이 있다. 기본적으로 공유해야할 소셜들은 네이버, 네이버밴드, 카카오스토리, 페이스북, 트위터 정도일것 한데 네이버를 시작으로 순차적으로 간단한 연동방법을 공유해보고자 한다. 예를들어 위와 같은 공연안내의 상세페이지 정보를 네이버에 공유하고자 한다면 공유 소스는 아래와 같다. 사이에 자바스크립트를 정의하고 원하는 위치에 이미지 경로를 설정하면 끝. 공유하고자 하는 페이지의 meta tag 가 설정되어 있다면 위와같이 기본 페이지 제목과 설명 그리고 이미지등이 자동으로 불러들여지고 블로그나 카페등으로 연동되어 해당글을 등록할 수 있게 된다. 다음 포스팅은 페..

무료 SSL cloudflare 쉽고도 안전하다무료 SSL cloudflare 쉽고도 안전하다 최근 이슈가 되고 있는 웹서버의 보안으로 크롬의 경우 https 로 접속되지 않는 웹사이트의 경우 안전하지 않다는 브라우저의 표시로 접속되는 사용자에게 불안감을 주고 있어 이를 해결하고자 검색하고 적용해 보았다. 물론 개인이 운영 하는 홈페이지라 유료는 부담이 된다. 무료이면서 어렵게 서버에 설치하지 않아도 되는 DNS CLOUD 방식의 보안 SSL 설치 방법에 대하여 알아보자 1 우선 적용하고자 하는 사이트의 URL 과 네임서버를 수정할 수 있는 사이트에 접속하자 2 무료 SSL 을 설정할 수 있게 해주는 https://www.cloudflare.com 에 접속하고 회원가입을 하게되면 설정화면으로 바로 이동이..

반응형 달력(캘린더) 소스포함 Responsive Calendar반응형 달력(캘린더) 소스포함 Responsive Calendar 웹개발을 하다보면 달력이 필요할때가 종종있고 최근에 반응형 웹으로 개발하는 경우에 반응형 캘린더를 작업해야할 경우가 발생하게 된다. 여러곳을 소스등을 짜집기 하여 만들어 보았다. 웹브라우저 풀 화면에서의 캘린더 이미지 캡쳐 반응형 테스트를 위한 사이즈 조절후 화면 캡쳐 소스보기 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889..