-
[비공개] 워드프레스 사이트에 소셜 로그인 기능이 필요한가?
국내의 경우 네이버, 카카오톡의 가입자가 아주 많습니다. 한사람이 둘 다 가입했을 수도 있고 둘 중 하나는 대부분이 가입이 돼있을 수 있습니다. 게다가 페이스북도 아주 많은 사용자가 가입돼있습니다. 트위터, 구글계정도 마찬가지죠. 이들 소셜 사이트에 가입한 사람이 워드프레스 웹사이트에 손쉽게 회원가입하도록 하려면 소셜 로그인 기능을 추가하면 됩니다.소셜 로그인 기능이 추가된 워드프레스 웹사이트에서 발생할 수 있는 문제점을 알아보고 과연 필요한 기능인지 판단해보겠습니다. 우선 워드프레스에 기본적으로 설치돼있는 회원가입 기능을 알아보겠습니다.회원가입이 활성화 된 워드프레스 사이트에서는 백엔드에서 기본적으로 로그인이 가능하고 회원가입도 가능합니다. 백엔드를 허용하는 것은 비밀번호와 아이디의 무차별 대입..추천 -
[비공개] tvn 즐거운이야기체 웹폰트
tvn의 즐거운이야기체를 웹폰트로 경량화했습니다. 원본은 아래의 사이트에서 받을 수 있습니다.http://tvn10festival.tving.com/playground/tvn10font압축을 풀면 아래와 같은 그림이 포함돼있습니다.특수문자나 일부 안쓰이는 한글을 입력하면 위 그림처럼 나옵니다. 웹폰트 경량화 버전에서도 위 의도를 살려 특수문자와 그림문자를 포함시켰습니다. tvN Enjoystories Bold.zip tvN Enjoystories Light.zip tvN Enjoystories Medium.zipwoff2 버전이 300kb입니다. 보통 고딕체가 가장 용량이 작고 그다음으로 명조체가 용량이 크고 자유체나 필기체 등 다양한 형태의 폰트는 용량이 가장 큽니다.키보드에 없는 특수문자와 그림문자는 아래의 글자를 입력하면 사용할 수 있습니다.핳햫헣혛홓훃훟흏홓훃힣햏헿롲롳롴롵롶롷롞롰※ ☆ ★ ○ ● ◎ ◇ ◆ □ ■ △ ▲ ▽ ▼ → ← ↑ ↓ ↔ 〓 ◁ ◀ ..추천 -
[비공개] tvn 즐거운이야기체 웹폰트
tvn의 즐거운이야기체를 웹폰트로 경량화했습니다. 원본은 아래의 사이트에서 받을 수 있습니다.http://tvn10festival.tving.com/playground/tvn10font압축을 풀면 아래와 같은 그림이 포함돼있습니다.특수문자나 일부 안쓰이는 한글을 입력하면 위 그림처럼 나옵니다. 웹폰트 경량화 버전에서도 위 의도를 살려 특수문자와 그림문자를 포함시켰습니다. tvN Enjoystories Bold.zip tvN Enjoystories Light.zip tvN Enjoystories Medium.zipwoff2 버전이 300kb입니다. 보통 고딕체가 가장 용량이 작고 그다음으로 명조체가 용량이 크고 자유체나 필기체 등 다양한 형태의 폰트는 용량이 가장 큽니다.키보드에 없는 특수문자와 그림문자는 아래의 글자를 입력하면 사용할 수 있습니다.핳햫헣혛홓훃훟흏홓훃힣햏헿롲롳롴롵롶롷롞롰※ ☆ ★ ○ ● ◎ ◇ ◆ □ ■ △ ▲ ▽ ▼ → ← ↑ ↓ ↔ 〓 ◁ ◀ ..추천 -
[비공개] 이롭게 바탕체 웹폰트 경량화 버전
"이롭게"라는 명조체 폰트를 경량화 한 버전입니다. "이롭게"는 아래의 사이트에서 데스크탑 버전과 웹버전을 받을 수 있습니다.http://font.iropke.com/batang/#download웹버전의 용량이 962KB인데 거의 1mb에 달해서 속도가 생명인 웹사이트에서는 경량화가 필요합니다. 원본버전은 모든 한글 글자를 표현할 수 있지만 경량 버전은 한글에서 많이 쓰이는 2350 글자만 추려낸 것입니다. 용량이 WOFF는 263KB이고 WOFF2는 166KB입니다. iropkebatangm-webfont.zipdemo.html 파일을 열면 다음과 같이 나옵니다.Glyphs & Languages 탭을 클릭하면 아래와 같이 포함된 모든 글자를 볼 수 있습니다.한글의 아름다움을 잘 표현한 폰트로 생각됩니다.추천 -
[비공개] 이롭게 바탕체 웹폰트 경량화 버전
"이롭게"라는 명조체 폰트를 경량화 한 버전입니다. "이롭게"는 아래의 사이트에서 데스크탑 버전과 웹버전을 받을 수 있습니다.http://font.iropke.com/batang/#download웹버전의 용량이 962KB인데 거의 1mb에 달해서 속도가 생명인 웹사이트에서는 경량화가 필요합니다. 원본버전은 모든 한글 글자를 표현할 수 있지만 경량 버전은 한글에서 많이 쓰이는 2350 글자만 추려낸 것입니다. 용량이 WOFF는 263KB이고 WOFF2는 166KB입니다. iropkebatangm-webfont.zipdemo.html 파일을 열면 다음과 같이 나옵니다.Glyphs & Languages 탭을 클릭하면 아래와 같이 포함된 모든 글자를 볼 수 있습니다.한글의 아름다움을 잘 표현한 폰트로 생각됩니다.추천 -
[비공개] 티몬 몬소리체 웹폰트
티몬의 몬소리체 웹폰트입니다. 아래의 글에서 라이센스에 관해 알아봤는데 거의 제한이 없을 듯해서 웹폰트로 공개합니다.https://brunch.co.kr/@creative/32이곳의 라이센스 내용을 보면 다음과 같습니다.댓글에 웹폰트 변환에 관련한 문의를 달았으나 이전의 댓글들도 거의 답변이 없어서 제한이 된다는 알림을 받거나 이글에 댓글을 달아주시면 글을 내리도록 하겠습니다. TimonMonsori.zip압축을 풀면 다음처럼 파일이 있습니다.demo.html 파일을 열면 아래처럼 나옵니다.제목체로 쓰기에는 좀 부담스럽고 배너나 슬라이더의 큰 글씨체로 사용하는 것이 적당하다고 생각됩니다.추천 -
[비공개] 티몬 몬소리체 웹폰트
티몬의 몬소리체 웹폰트입니다. 아래의 글에서 라이센스에 관해 알아봤는데 거의 제한이 없을 듯해서 웹폰트로 공개합니다.https://brunch.co.kr/@creative/32이곳의 라이센스 내용을 보면 다음과 같습니다.댓글에 웹폰트 변환에 관련한 문의를 달았으나 이전의 댓글들도 거의 답변이 없어서 제한이 된다는 알림을 받거나 이글에 댓글을 달아주시면 글을 내리도록 하겠습니다. TimonMonsori.zip압축을 풀면 다음처럼 파일이 있습니다.demo.html 파일을 열면 아래처럼 나옵니다.제목체로 쓰기에는 좀 부담스럽고 배너나 슬라이더의 큰 글씨체로 사용하는 것이 적당하다고 생각됩니다.추천 -
[비공개] 웹브라우저에서 이전에 입력된 텍스트 필드, 로그인 정보 제거하기
입력상자(text input box)마다 클릭하면 위처럼 거추장스러운 autocomplete 텍스트가 나타나는데 원하지 않는 것을 제거하는 방법입니다.입력상자에 클릭하면 제안된 텍스트가 나오고 이때 상하 방향키를 누르면 하이라이트 됩니다. Delete키나다른 키조합으로 눌러주면 제거됩니다. 크롬의 경우 Shift + Delete 키, 파이어폭스는 Delete키입니다. OS 환경에 따라 다르니 키조합은 Ctrl 키가 될 수도 있고 fn 키가 될 수도 있습니다. 삭제될 때까지 여러 가지 키조합을 찾아서 삭제합니다. 삭제된 후 다른 행도 지우려면 다시 방향키를 누르고 키조합을 이용해 제거하면 됩니다.위 방법은 일반적인 입력상자의 경우이고 로그인 입력상자는 다릅니다. 로그인 아이디와 비번까지 지우는 방법은 크롬의 경우 별도의 설정 페이지가 있습니다. 파이어폭스와 인터넥 익스플로러는..추천 -
[비공개] 웹브라우저에서 이전에 입력된 텍스트 필드, 로그인 정보 제거하기
입력상자(text input box)마다 클릭하면 위처럼 거추장스러운 autocomplete 텍스트가 나타나는데 원하지 않는 것을 제거하는 방법입니다.입력상자에 클릭하면 제안된 텍스트가 나오고 이때 상하 방향키를 누르면 하이라이트 됩니다. Delete키나다른 키조합으로 눌러주면 제거됩니다. 크롬의 경우 Shift + Delete 키, 파이어폭스는 Delete키입니다. OS 환경에 따라 다르니 키조합은 Ctrl 키가 될 수도 있고 fn 키가 될 수도 있습니다. 삭제될 때까지 여러 가지 키조합을 찾아서 삭제합니다. 삭제된 후 다른 행도 지우려면 다시 방향키를 누르고 키조합을 이용해 제거하면 됩니다.위 방법은 일반적인 입력상자의 경우이고 로그인 입력상자는 다릅니다. 로그인 아이디와 비번까지 지우는 방법은 크롬의 경우 별도의 설정 페이지가 있습니다. 파이어폭스와 인터넥 익스플로러는..추천 -
[비공개] 보안인증서(SSL) 설치 의무화
보안인증서 설치의 의무화가 현실적으로 다가오고 있습니다. 고객의 정보를 수집하거나 처리하는 웹사이트의 경우 보안인증서의 설치는 의무이고 이를 이행하지 않으면 벌금을 물도록 돼있으나 현실적으로 벌금으로 처벌되는 경우를 보지는 못했습니다. 하지만 올해들어 페이스북의 고객정보 도용사건으로 인해 유럽연합에서는 개인정보처리방침의 강화로 이어졌고 구글도 7월부터는 SSL을 설치하지 않은 웹사이트는 도메인 앞에 주의요함(Not Secure)가 표시되고 SEO에서도 감점됩니다.보안인증서(보안서버, SSL Cetificate)의 역할은 고객이 정보를 입력할 때 웹사이트의 소유자가 이를 알 수 없게 암호화시키는 것을 주로합니다. 예를들어 어떤 해커가쇼핑몰을 만들어놓고 보안인증서를 설치하지 않은 상태에서 고객의 정보 특히 카드정보를 입력하면 해..추천