QR코드를 배경이미지로 만들기


안녕하세요.
고코더 입니다.

최근에 QR코드가 필요해서 사이트를 다녀보는데
코드를 생성하는 툴은 많은데
이미지와 함께 생성하는 곳은
모두 유료이거나 외국 사이트 더군요.

그래서 한번 만들어 봤습니다.


1. 사이트 주소 
접속하면 아래와 같은 화면이 뜹니다.



 2. 배경화면 선택

첫번째로 할건 배경화면을 지정합니다.
500X500으로 된 이미지를 선택해주세요.


그러면 오른쪽에 이미지가 나타납니다. 


 3. QR코드 데이터를 지정해주세요.
예시로 기본 값을 넣어두었습니다. 


그리고 QR코드를 생성하면


이미지 위에 나타납니다.



 4. 이제 원하는 곳에 QR코드를 자리 잡게 한 후에
이미지 다운로드를 클릭하면


이렇게 QR코드 이미지가 완성 됩니다.


우선 기본적인 기능은 모두 가능하지만
조금 더 보완해서 업그레이드 하겠습니다.




마무리


나만의 QR코드를 만들어 보세요




댓글을 달아 주세요


GoCoder DarkTheme .ini 글꼴 설정 파일 다운로드


안녕하세요.
고코더 입니다.


에디터플러스는 개발자들의 사용량의 비해 
테마 숫자가 생각보다 많지 않습니다.

딱히 제 스타일에 맞는 테마를 찾지 못해
여러 테마를 참조하고 마음에 안드는 색깔은 커스터마이징 해서
제 기준대로 눈이 편한 느낌으로
테마를 만들어서 사용 중 입니다. 

 1. 고코더 다크테마(GoCoder DarkTheme )



배포하기엔 부족한게 많지만
몇 분이 요청하여 이참에
github를 통해 배포 합니다.

 2.  해당 깃에서 파일을 다운로드 해주세요.


 3.  적용 방법은 아래 글을 참조해주세요.

마무리


테마를 한번 만들어보세요.
재밌습니다.



댓글을 달아 주세요


불량화소,응답속도,명암비,가독성 체크 사이트


안녕하세요.
고코더 입니다.

모니터를 구매하셨나요.
스마트폰을 태블릿을 구매하셨나요.
그럼 바로 화면에 불량부터 체크해야 합니다.

그래야 바로 교환이 가능하겠죠.
나중에 발견되면 거슬리게 되고 정말 스트레스 받습니다.

그래서 제가 만들었습니다. 

▼ 불량화면 체크 사이트 
모니터 고코더넷

▼ 첫화면은 이렇습니다.
"check go"를 누르면 테스트가 진행 됩니다.


▼ PC라면 마우스 왼쪽 버튼을 화면에 누르시면 되고
액정을 클릭하는 스마트폰 태블릿은 화면을 터치하시면 됩니다.




불량화소 색상 테스트


화면상에 불량 도트가 있는지 확인 가능합니다.
그리고 색상이 제대로 표현되는지도 확인해보세요
무지개색(빨주노초파남보), 검은색 순서로
진행 됩니다. 


불량 도트가 눈에 띈다면 바로 교환 해주세요.
도트는 시간이 지날수록 계속 눈에 선명해집니다. 


명암비 테스트


명암으로 바닥까지 하얀색으로 
그라데이션을 해놓았습니다.

명암비기 순차적으로 변경 되서 하얀색에 도달할때
문제가 없는지 확인해보세요.


명암비에 문제가 있다면 자연스럽게
명암비가 내려 가는게 아니라 도출난 부분이 생겨 납니다.
그럼 액정에도 문제가 있습니다.



가독성 테스트


작은 글씨부터 큰글씨까지 깨지는거 없이
잘 노출 되는지 확인해보세요.


가독성 문제가 있다면
시스템 및 운영체제에 문제도 있을 수 있으니 
다양한 방면으로 확인해보세요.


응답속도 체크


요즘 게이밍 모니터가 많습니다. 
응답속도가 이젠 중요하죠

바운드 되는 공이 보입니다.
이 공들이 원하는 수준으로 부드럽게 움직이는지 확인해보세요.


게이밍 모니터라면 응답속도를 빠르게 해서
부드러운 움직임이 있는지 확인해보세요.



고코더의 웹툴



마무리


비싼 돈주고 샀으니!
참지 말고 사용하세요.





댓글을 달아 주세요



온라인에서 ePub 파일 읽기 리더


안녕하세요.
고코더 입니다.

ePub 파일을 만들고 읽는데 
온라인에 간단하게
파일만 선택하면 전자책을 읽을 수 있는
기능의 사이트가 없어서

한번 만들어 봤습니다.


▼ ePub 파일 뷰어 사이트 입니다.
사이트에서 바로 손쉽게 epub를 선택하여 읽을 수 있습니다.
참고로 파일은 서버에 업로드가 되지 않습니다.
해당 파일선택을 누르고 epub를 선택하면



▼이렇게 사이트에서 바로
뷰어가 가능합니다. 


▼ 그리고 전자책에 맞는 사이즈를 변경를 위해
전자책 뷰어 공간을 리사이즈 가능합니다.
오른쪽 아래를 누르고 원하는 크기로 조절 하세요.


간단하게 epub를 읽을 수 있는 사이트입니다.
전자책을 만드는 분들은 epub테스트 용도로 활용해도 좋을거 같습니다.

많이 사용해주세요.!


마무리


파일은 서버에 저장하지 않으니 걱정하지마세요.
로컬 파일을 로드 하는 방식 입니다.



댓글을 달아 주세요


자바스크립트 보안 걸기


안녕하세요. 
고코더 입니다.

자바스크립트는 프론트 언어로 공개된 소스 입니다.
서버사이드 언어와 달리 누구나 접근하고 볼 수 있습니다.

그래서 프론트엔드 개발시에 보안상 노출되기 쉽습니다.

그래서 인터넷에는 다양한 난독화 사이트가 있습니다.
그런데 이 난독화를 푸는 사이트도 많습니다. 

그래서 제가 Packer 모듈을 가지고 난독화 하는 프로세스를
심층으로 만들어서 풀리기 어렵도록 만들어 보았습니다.

▼ URL은 다음과 같습니다. 



▼ 사용법은 아래와 같습니다.
위에 자바스크립르를 넣고 GO버튼을 눌러주세요


▼ 그러면 난독화가 되었습니다.
depth level 1이 보입니다.
여기서 계속해서 버튼을 누르면 심층 암호화가 됩니다.


▼ 10번의 난독화를 거쳤습니다.
이젠 쉽게 풀기 어렵게 됐네요.


혹시 사이트의 자바스크립트가 보이기 싫다면
고코더가 만든 
자바스크립트 난독화 서비스를 이용해주세요.


마무리


원본 자바스크립트 소스 잘보관해주세요.
큰일나요



댓글을 달아 주세요


레이싱 경마 게임 하기


안녕하세요.
고코더 입니다.

복불복 게임을 하면 네이버 사다리타기를 많이 합니다.
사실 플래시로 만든 재미없는 게임입니다.

그래서 조금 더 특별하게 점심내기 
한판 할 수 있는 사이트 하나 만들면 어떨까 싶어서
만들었습니다.


▼ 사이트에 접속해보세요.



▼ 말들을 추가 해주시고 START를 눌러보세요.


▼ 우리 말들이 신나게 달려서 순위가 매겨지네요 


게임은 랜덤이며 박진감 넘치게
제비뽑기 혹은 사다리 게임 혹은 복불복 게임을 할 수 있습니다.


마무리


자주 사용해주세요.


댓글을 달아 주세요


사이트의 모바일 화면을 capture


안녕하세요.
고코더 입니다.

이번에 소개할 제가 만든 기능 사이트는
바로 "모바일 화면 캡쳐" 입니다.
많은 캡쳐 사이트가 있지만 해당 사이트의 
모바일 화면을 가져오는 웹툴이 있지 않아 개발하였습니다.

바로 접속하기 조심스럽거나
다른 곳에서도 접속되는지 확인 용도로 쓰는것도 좋아 보입니다.

▼ 해당 사이트에 접속해주세요.



▼해당 InPut 박스에 모바일 화면을 캡쳐하고 싶은 사이트를 입력해주세요.
사이트 주소를 입력하면 모바일 화면으로 캡쳐를 진행 합니다. 


▼ 캡쳐가 완료되면 오른쪽 모바일 기기 레이아웃에
화면이 뜨고 다운로드 버튼을 통해 저장도 가능 합니다.
(제 블로그 광고가 먼저 보이네요)


해당 사이트의 모바일 화면이 필요하면
누구나 쉽게 사용 해주세요.
감사합니다.


마무리


모바일 화면이 귀엽지 않나요?


댓글을 달아 주세요


썸네일 메이커


안녕하세요. 고코더 입니다.

보통 이미지를 다운로드 하게 되면
내가 원하는 사이즈와 다를 경우가 많습니다.

이미지를 줄일 수 있는 툴은 굉장히 많습니다.
그림판도 이미지를 픽셀, 비율 단위로 줄일 수 있습니다.

하지만 우린 사이트에서 모든걸 하기 원합니다.
그래서 이미지 사이즈를 줄여서 원하는
썸네일로 쓸 수 있기 편하게 
만들어 보았습니다.

▼ 사이트에 접속 합니다. 



▼ 파일 선택에서 원하는 이미지를 클릭 합니다.
그리고 UPLOAD 를 클릭 합니다.


▼ 그럼 10%씩 단계별로 썸네일이 만들어집니다.
필요한 목적에 크기를 보고 사용하시면 됩니다.


아주 간단한게 PHP GD라이브러리를 통해 만들어 보았습니다.
필요한 분은 무료로 이용해주세요.

감사합니다.


마무리


제가 사용하려고 만들었습니다.



댓글을 달아 주세요


Text To Png make 


안녕하세요.
고코더 입니다. 

오늘은 text를 입력 받아  png로 바꿔주는 사이트를 
하나 소개 할까 합니다. 글자로 된 이미지를 바로 그림판이나
툴에서 작성하지 않고 온라인에서 손쉽게 제작이 가능합니다.

개인적으로 홈페이지 기본 시안등 임시용으로 제작하기엔 매우 좋았습니다.
그리고 텍스트 말고 글자를 이미지로 보내야 할 경우도 많죠.

그럴땐 이 사이트를 사용하면 됩니다. 


▼URL로 접속 해보겠습니다. 

▼페이지는 기능 사이트 답게 
간결하고 심플하게 직관적으로 되어 있습니다.
깔끔하게 이쁘네요.



▼ 텍스트 편집기에서 간단하게 글자를 입력하고 


▼ 아까부터 눈에 거슬리게 생긴 빨간 버튼을 누르면 



▼ 다운로드를 진행 하고 


▼ 프론트에서는 이미지를 보여줍니다.
다운로드가 안되는 디바이스에서는 해당 이미지를 꾹 눌러 다운로드 하면 될거 같습니다.
그리고 녹색 버튼을 다시 누르면


▼ 편집중이던 화면으로 돌아갑니다.


간결하고 이쁘게 잘되어 있는 기능 사이트 입니다.

텍스트를 이미지로 바꿀때 자주 사용 해봐야 겠네요.


마무리


아 제가 만든 기능 사이트 입니다.




댓글을 달아 주세요