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

트위터 sns url 공유방법 및 소스 트위터 sns url 공유방법 및 소스 이번엔 소셜(SNS) 연동관련 4번째 포스팅으로 트위터 연동에대한 작업을 해보겠습니다. 앞에서 설명한 3가지 방법과 비슷하고 더 간단합니다. 연동방법은 마찬가지로 원하는 이미지를 위치시키고 자바스크립트를 사이에 넣어놓은후 해당 사이트 페이지의 url 만 수정하면 끝 아래의 이미지는 트위터 공유 버튼을 클릭후 오픈된 화면이다. 이것 역시 로그인이 되어 있다면 해당 사이트 url 을 등록할 수 있게된다. 소스파일은 압축하여 공유합니다 모든 포스팅이 끝나게 되면 해당 소스를 한꺼번에 자바스크립트 함수로 정의해 놓으면 편하게 각 소셜(SNS) 공유할 수 있는 페이지를 만들 수 있게 됩니다.

카카오스토리 sns url 공유소스 카카오스토리 sns url 공유소스 지난 포스팅에서 네이버와 페이스북에 대한 SNS 공유 하는 방법을 소스와 함께 설명해보았다. 이번시간은 카카오스토리 SNS URL 연동 방법과 소스를 공개한다. 위 페이에서처럼 SNS 공유가 필요한 페이지 내에서 카카오스토리 공유버튼 클릭시 작동시키는 방법을 간단하게 작성해 보겠습니다. 위와 같이 원하는 위치에 이미지를 위치시키고 자바스크립트 소스는 사이에 적용한후 실행시키게 되면 아래와 같이 공유가능한 페이지가 활성화 된다. 카카오스토리에 로그인이 되어 있다면 해당페이지가 그렇지 않을경우엔 로그인 페이지가 오픈된다.

페이스북 sns url 공유하기소스 페이스북 sns url 공유하기소스 SNS URL 연동중 페이스북 연동은 거의 모든 웹사이트에서 사용하고 있는 소셜 공유이며, 이것역시 네이버나 기타 다른 소셜공유처럼 간단하게 처리할 수 있다. 네이버 공유에서 보여줬던 상세페이지에서 페이스북 부분의 처리방법 입니다. 해당 자바스크립트를 사이에 삽입후 적용하고자 하는 홈페이지 주소를 수정하시고 고유값 은 내용에 따라 수정적용하시면 됩니다. 위 모습은 해당 페이스북 아이콘 클릭시 스크립트가 실행되어 화면에 노출된 모 습으로 해당페이지의 meta tag 상의 정보 를 가지고 와서 등록할 수 있는 페이지 노출입니다.

네이버 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..

자전거 무시고무 교체방법 바람이 자주 빠진다면 DIY 얼마전 딸래미 자전거 앞바퀴의 바람을 넣어주어도 자주빠지는 현상이 있어 타이어의 문제인가 생각했는데 이곳저곳 알아보니 무시고무가 삭아서 터지거나 해도 주입구 쪽에서 서서히 바람이 빠진다는걸 알게 되었다 좀 시간을 두고 알아보려던 순간 바람을 넣던 바퀴가 이젠 바람빠지는 소리가 나면서 바람조차 들어가질 안게되어 즉시 고쳐야했다. 인터넷에 10여센티미터 되는 무시고무 4개에 천원도 안되는 가격으로 구매할 수 있었으나 배송비가 아까워 무시고무 사는김에 휴대용 공기주입기도 같이 주문해 버렸다. 이제 도착했으니 작업해보자. 우선 공기주입구 검은색 캡부터 빼자 사실 검은색 캡은 있어도 그만 없어도 그만이란다. 다칠위험도 있고 끝 부분이 보기 싫어 캡을 덮긴 하지..

mysql 예약어와 예약어를 필드명,데이터베이스명으로 사용시 에러문제해결mysql 예약어와 예약어를 필드명,데이터베이스명으로 사용시 에러문제해결 어떤 프로그램이든 예약어는 항상 존재한다. 프로그램의 내부적으로 구동되게 하기 위한 예약어 일것이다. MYSQL 데이터베이스에도 예외는 아닌데 이러한 예약어를 사용하여 데이터베이스 필드명으로 사용하던 코드가 MYSQL 버젼을 업그레이드 한다든지 하게되면 에러메시지를 출력하고 값의 쿼리를 해오지 못하는 경우가 발생된다. 우선 MYSQL 의 예약어들을 알아보자 1 필드명 사용시 에러문제해결 이러한 예약어을 mysql 하위버젼에서 사용시에 별 문제가 없다가 mysql 상위버젼에서 문제가 발생할 수 있다. 이러한 문제 발생시엔 간단하게 해결하는 해결방법이 있다 ex) ..

압력밥솥 고무패킹교체 DIY압력밥솥 고무패킹교체 DIY 며칠전 퇴근후 저녁식사 시간에 밥이 평소보다. 설익어서 이상하다 생각했는데 물조정을 잘못한것이 아니였다. 그 이후 평소 김빠지던 소리도 이상하고 지속적으로 밥이 설익어서 이것저것 알아보고 AS 센터에 확인해본 결과 밥솥의 고무패킹 이 수명을 다했단다. 밥맛은 식사시간에 가장 중요한 것이라 연휴 시작되기 전에 얼른 AS 센터에서 파킹을 사왔다. 이것이 새로사온 고무패킹의 모습 가격은 인터넷에서 12,000 정도 한다던데 난 주차중이였고 집사람이 결제해서 정확한 금액을 알 수 없지만 그정도 하지 않을까 한다. 자 이제 본격적으로 압력밥솥 고무패킹 DIY 작업을 해보자 DIY 작업이라고 하기에도 무색하게 너무 쉽다 사진에서 보면 고무패킹이 안쪽에 박혀? ..

CKEditor4 PHP 간단설치법 (easy install)CKEditor4 PHP 간단설치법 (easy install) www 웹에서 게시판 또는 방명록뿐 아니라 여러가지 글 작성을 하게될 폼을 이용한다 . 글작성시 폼은 간단하게 처리할 수도 있지만 에디터 기능을 넣으면 사용자에게 간편하게 디자인적 요소나 색상 등 디자인이나 프로그램을 다루지 못하더라도 쉽게 편집할 수 있게 해주는 아주 유용한 프로그램이다 우선 설치방법부터 확인하자. https://ckeditor.com/ckeditor-4/download/ 다운로드 페이지에 접속하면 최신버젼이 ckeditor 4 버젼이고 4가지의 페키지중 본인에게 맞는것을 골라 설치하면 되겠다. 우선 풀 페키지를 다운로드 받아 설치하는 방법을 알아보도록 하자 다운받..