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

트위터 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..

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

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

PHP 문자추출 정규표현식 정리PHP 문자추출 정규표현식 정리 특수문자 '.' - 어떤 문자이건 임의의 하나의 문자를 가르킨다. EX) a.b 는 a와 b 사이에 하나의 문자가 포함된 문자열 asc , abc, akc 등 '*' - '*' 는 바로앞의 문자를 의미하고 해당 문자가 없거나 하나 이상 존재하는 문자를 가르킨다 EX) s*k k, sk, ssk, sssk '+' - '+' 는 '*' 와 비슷하다 앞에 문자를 의미하고 앞에 문자가 하나이상 존재하는 문자을 가르킨다 EX) s+k sk, ssk, sssk '?' - '?'는 바로 앞의 문자를 의미하고 그 문자가 없거나 한개임을 가르킨다. EX) ex?e ee, exe '^' - '^' 는 바로 뒤에 문자를 의미하고 그 문자로 시작됨을 의미한다. E..

이미지 사이즈 조절 한꺼번에 하는 간편한방법이미지 사이즈 조절 한꺼번에 하는 간편한방법 우리가 웹 작업을 하거나 이미지 작업을 다보면 전문적인 편집이 아닌 단순한 이미지 작업을 할 때가 종종 있다. 그럴대마다 포토샵을 실행한다 든지 하게되면 좀 복잡하다 이럴땐 큰 프로그램을 실행할 필요없이 간단하게 이미지 사이즈를 조종 할 수 있는 유틸을 찾게 되는데 여러가지 방법이 존재 하겠지만 그중에 알씨 라는 프로그램이 설치된 상황에서의 방법을 설명하도록 하겠다. 1 알씨 설치하기 알씨 설치법에 대하여 자세하게 설명하고 싶지만 알씨 회사와 전혀 상관이 없는 필자로써는 괜한 오해를 살까 하여 그냥 간단하게 사이트 링크만 하여둔다 http://www.altoos.co.kr 2 원하는 이미지 사이즈 조절하기 원하는 이미..