SNS API 연동

각 SNS 서비스에서 제공하는 개발자 사이트를 통해 API코드를 받아, 홈페이지에 삽입해주면 된다 페이스북 https://developers.facebook.com/docs/plugins/page-plugin 페이지 플러그인 - 소셜 플러그인 - 문서 - Facebook for Developers 페이지 탭: 타임라인, 이벤트, 메시지 이제 플러그인에 타임라인, 이벤트, 메시지 탭이 생깁니다. 타임라인 탭: Facebook 페이지 타임라인에 올라온 최신 게시물을 표시합니다.이벤트 탭: 사용자가 developers.facebook.com 트위터 https://publish.twitter.com/# Twitter Publish publish.twitter.com

2021.12.22

웹 개발을 하기 위한 PC 세팅

웹개발을 하기 위해서 PC에 아래 3가지 세팅이 필요하다. 1. 가상서버(버추얼 서버) 설치 - 본인 PC의 특정 폴더를 서버로 만든다. (Arpache 가상서버) 2. 데이터 베이스 설치 (MySQL) 3. php 설치 (사용할 웹 개발 언어) 위 3가지를 합쳐 AMP 이라고 한다 (Arpache, mySQL, php) 3가지를 한번에 설치해주는 XAMPP라는 개발 도구가 있다. XAMPP 다운로드 및 설치 후 언어설정을 위해 UTF-8 세팅을 해줘야 한다. XAMPP 다운로드 및 설치 위 3가지를 한번에 설치해주는 XAMPP 개발도구가 있다. 아래 사이트에서 다운로드 할 수 있다. 무조건 최신 버전을 설치하면 안되고 호스팅 버전에 맞춰 설치해야 한다. XAMPP Windows > 5.6.40 버전 설..

2021.12.13

오픈그래프(Open Graph) 메타태그(meta tag)

open graph 태그란? - 페이스북이나 네이버 블로그, 카카오톡 등에서 링크를 공유하면 자동으로 링크에 대한 미리보기 제목, 설명, 이미지를 제공하게 되는데, 이를 제어할 수 있는 태그 - 오픈그래프 프로토콜은 페이스북에 의해서 처음 만들어 짐 - 오픈그래프는 HTML문서의 메타정보를 쉽게 표시하기 위해 만들어짐 - 메타정보에 해당하는 제목, 설명, 문서의 타입, 대표 URL등 다양한 요소들에 대해서 사람들이 통일하여 쓸 수 있도록 정의해 놓은 프로토콜임. open graph 작동원리 1. 사용자가 링크를 입력창에 입력 2. 페이스북, 네이버 블로그, 카카오톡은 입력창의 문자열이 '링크'라는 것을 파악함 3. 링크라는 것이 파악되면 페이스북, 네이버 블로그, 카카오톡의 크롤러는 미리 그 웹사이트를 ..

2021.11.16

파비콘 제작, 적용하기

파비콘이란? 파비콘이란 'Favorite + Icon' 의 합성어로 인터넷 웹 브라우저의 즐겨찾기나 주소창에 표시되는 웹사이트나 웹페이지를 대표하는 아이콘을 말한다. + 확장자 : ico, png + 아이콘 크기는 16x16, 32x32, 48x48, 64x64픽셀이 될 수 있고, 8비트, 24비트, 32비트 색상이 가능하다. + 브라우저에 상관없이 호환되며 인터넷 익스플로러, 파이어폭스, 크롬, 오페라에서 모두 지원한다. 파비콘 만드는방법 1. 포토샵으로 192 x 192 픽셀의 이미지를 만든다. (확장자는 png 또는 jpg) 2. 사이즈 자동 변환 사이트 Favicon & App Icon Generator 사이트에 접속한다. https://www.favicon-generator.org/ Favico..

2021.10.25

웹 안전색(Web Safe Color)

웹 안전색(Web Safe Color) 시스템 웹 안전색(Web Safe Color) 컴퓨터 운영체제의 종류, 브라우저의 종류에 상관없이 공통으로 사용되는 '안전한' 색을 '웹 안전색(Web Safe Color)'라고 한다. 이 웹 안전색은 유채색 210가지, 무채색 6가지로 모두 216색으로 구성되어 있는 컬러 시스템이다. 초기 웹 브라우저에서는 다양한 색상을 지원하지 못했다. GPU 나 디스플레이에서도 8bit Color 이상 지원하지 못하는 경우가 빈번 했으며 이런 문제를 해결하기 위해 웹 페이지를 구성할때 브라우저에서 지원하는 색상으로 색상을 선정 했다. 색이 안전(Safe)하다? '안전하다(Safe)'는 것은 '색이 왜곡되지 않는다'는 의미다. 이것은 웹 안전색이 216색이기 때문에 가능하다. ..

2021.10.19

색 CMYK/RGB

색상(hue)이란 빨강, 노랑, 파랑 등의 색깔을 말한다. 서로의 색을 다른 색과 구별하여 나타낸 것으로, 우리가 색을 볼 때 가장 먼저 눈에 들어오는 게 바로 이 색상이다. 이 색상을 둥글게 배열한 것을 '색상환(hue circle)'이라고 하는데 이 색상환의 원리와 구조를 알면 능숙하게 색을 사용할 수 있다. 우리가 잘 아는 삼원색인 빨강, 파랑, 노랑 정확히는 마젠타(magenta)-자주색, 사이안(cyan)-청록색, 옐로우(yellow)중 두 색을 섞어서 만들어지는 색을 '순색'이라고 한다. 빨강과 파랑을 섞으면 보라가 되고, 파랑과 노랑을 섞으면 초록이 되는 식이다. 이런 순색을 삼원색 사이사이에 넣어주면 색의 연결이 좀 더 부드러워지고, 더 다양한 색들을 만들 수 있는데, 이렇게 만들어진 색의..

2021.10.05