재밌는 움짤에 내 얼굴을 넣기


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


 1. 오늘은 재밌는 사이트를 하나 소개해드립니다.
움직이는 이미지를 보통 움짤이라고 합니다. gif로 여러개의 이미지를 순서대로 보여주는 애니메이션 방식인데요.
이 사이트는 재밌는 gif에 얼굴을 넣어 만들 수 있는 기능을 제공합니다.
다만 단점은 회원가입 후에 공유가 가능하다는 것입니다. 

 2. 해당 사이트로 접속합니다. 그럼 각종 gif 사진들이 모여 있습니다. 



 3. 원하는 이미지를 선택했다면 make card 버튼을 클릭 합니다. 준비되어 있는 gif들이 살짝 재미가 없네요?


 4. 이젠 사진을 선택합니다. gif 속에 얼굴을 대체할 인물 사진입니다. 


 5. 업로드 하면 눈과 입 위치를 맞춰줘야 합니다. 

 6. 크기와 기울기를 조절해서 눈과 입이 딱 알맞게 들어가도록 조절해보세요.

 7. 그럼 얼굴과 입 위치가 매칭 되고 움직이는 모습을 미리 볼 수 있습니다.




 8. 만들어진 모습을 플레이 하면 아까 선택한 gif에 내가 원하는 얼굴이 들어가서 연기를 합니다. 


별로 쓸데는 없어 보이지만 재밌는 카드를 한번 보내고 싶다면 이용해보세요.
공유시에는 회원가입이 필요로 합니다. 


마무리


기능은 신기하네요.


댓글을 달아 주세요



건설워커에서 건설회사 순위 알아보기


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


 1. 얼마전 기업조사를 하면서 건설사의 규모를 알기위해 정보를 찾아보다가 재밌는 사이트에 기능을 발견해서 공유합니다.
건설사 프로젝트가 많은데 해당 기업이 얼마나 큰 회사인지 알아보는 용도로 사용하면 좋을거 같습니다.

 2. 건설워커에 시공능력 순위를 알아보는 페이지입니다.



 3. 건설사 순위를 100위까지 볼수 있고 전체 순위 보기를 클릭하면 전체 건설사들의 순위를 알아볼 수 있습니다.
해당 사이트는 건설 관련 취업 사이트인거 같고 해당 기능을 서비스로 제공하고 있는거 같습니다. 


 4. 엑셀로 전체 순위를 다운받아 볼수 있고 해당 회사에 이름과 전화번호 항목별로 알 수 있습니다. 




마무리


건설사가 정말 많네요.





댓글을 달아 주세요



손으로 그린 스케치를 HTML 템플릿으로 변경하는 온라인 사이트


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


 1. 현업에서는 HTML 모양을 손으로 그리는 경우가 많습니다. 원하는 모습에 템플릿을 코딩 전에 손으로 직접 그려보면서 컨펌하는 경우인데요.
이런 손그림을 도형으로 변경하는 사이트를 소개합니다. MS에서 운영하는 사이트 입니다. 


 2. 접속시에 샘플 파일을 제공해주는데요. 그림판으로 제가 직접 그린 이미지를 업로드해서 사용해보겠습니다. 


 3. 제가 그린 이미지는 이런 모양입니다. 인식을 좀 더 쉽게 해주기 위해 그림판으로 그렸습니다. 인풋 박스 3개에 버튼 한개 입니다. 

 4. 제가 만든 이미지가 HTML로 변경 되었습니다. 텍스트 입력 상자 하나를 까먹었나보네요. HTML을 만들어준다는 의미보다 기본적인 틀을 확인해준다는 의미가 깊은거 같습니다. 


 5. 생성된 HTML은 부트스트랩을 이용해서 간단하고 심플하게 생성되었습니다. 



마무리


손으로 그렸을 경우 완벽하게 사용 가능한 HTML을 만들어주는 그런 사이트는 아닙니다. 


댓글을 달아 주세요



SBS 채팅에 사용할 nickname 만들기


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


SBS에서는 온에어를 보면서 채팅이 가능합니다. 지금 이 시간에는 야구를 보는 분들이 많을거 같은데요.
그런데 채팅 닉네임이 아이디 그대로 보이는게 좀 불편하네요.
그런데 마이 페이지에서는 닉네임 변경을 찾기 어려워서 찾아보니 채팅에서 변경이 가능합니다.


 1. 채팅을 남기면 내 풍선말 옆에 설정이란 버튼이 생성 됩니다. 


 2. 닉네임 변경 레이어창이 뜨고 여기서 설정을 누르면 라이브 채팅에서 사용할 닉네임을 변경 할 수 있습니다.



마무리


채팅 하면서 티비 보는 것도 재밌네요.


댓글을 달아 주세요


GODpia 말씀을 타자로 치는 사이트 


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


성경을 읽는 방법도 좋지만 필사를 하면 더욱 더 도움이 됩니다.
하지만 온라인상에는 연필로 필사를 할 수 없지만 필사로 타이핑을 제공하는 사이트가 있습니다.
바로 갓피아 입니다. 

 1. 가입후에 해당 URL로 접근해보면 성경필사라는 메뉴가 보입니다.


 2. 성경필사를 누르면 다양한 방법의 필사가 있는데요. 개인필사를 클릭해보겠습니다. 
암송필사는 성경을 외워서 타이핑 하는거고
그룹은 나눠서 타이핑을 할 수 있습니다. 

 3. 그럼 인풋창이 있고 위에는 기존 성경 말씀이 있습니다. 여기서 타자를 쳐서 직접 성경을 써 내려가면서 필사가 가능합니다. 

 4. 잘못 타자를 입력하면 분홍색으로 하일라이트가 생겨서 수정하기도 편하게 되어있습니다.

혹시 성경 말씀을 읽는걸 더불어서 쓰면서 읽고 싶다면
갓피아에 필사 기능을 이용해보세요.


마무리


하루에 한장씩 해봐야겠네요.


댓글을 달아 주세요


맥 주소 알아보는 사이트


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


 1. 윈도우에서 커맨드 창을 통해 Mac 주소를 알아봤습니다.
이 맥주소를 검색해서 어디에서 왔는지 어떤 주소인지 알 수 있는 사이트를 소개해드립니다.


 2. 해당 사이트에 접속합니다. 그러면 MAC Address 를 확인 가능한 input 박스가 나타납니다. 
여기에 맥 주소를 입력 합니다.

 3. 그러면 결과 값으로 해당 맥 주소에 대한 정보를 확인 가능합니다.

맥 주소로는 대단한 정보를 얻기 힘들지만
출처에 대한 기본정보는 알 수 있습니다.


마무리


맥 주소는 어차피 디바이스 바뀌면 변합니다.


댓글을 달아 주세요


설명에 필요한 도형 이미지맵을 그리는 방법


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



 1. 이도형을 그려서 이미지 부연설명으로 삼을때
보통 파워포인트나 그림판을 많이 이용 합니다. 
나쁘지 않은 선택이지만 비슷한 도형 보다는
조금 더 이쁘고 다른 느낌으로 만들고 싶을때가 있습니다.


 2. 아래 URL에서 해보세요.


 3. 이렇게 이쁘게 도형으로 나만에 이미지가 제장 가능합니다.
파워포인트와 거의 비슷한 사용법이지만 
조금이라도 다른 느낌을 주기에는 좋습니다.


 4. 도형도 많은게 준비되어 있습니다.
컬러풀하고 다이나믹한 모형까지 다


 5. 이미지를 화면안으로 드래그 하면
개인 이미지도 함께 가능합니다.


 6. 그리고 포토샵처럼 레이어 단위를 사용 가능하고
Outline으로 미니맵도 제공 합니다.



 7. 수정한 파일을 XML 형태로 저장이 가능 합니다.


 8. page 단위로 추가가 가능 합니다. 
여러가지 도형 단위로 수정 편집이 가능 합니다. 


이외에도 많은 편의 기능이 있고
사용하는 것도 매우 쉽습니다.
남들과 다른 느낌으로 도형을 만들어
설명하고 싶다면 이용해보세요.


마무리


잘 만들었네요.





댓글을 달아 주세요


IDEA, Webstorm, PyCharm, RubyMine, PhpStorm 테마 설치하기


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


 1. 인텔리제이 제품군들은 다른 개발프로그램들 처럼 
테마 변경이 가능합니다.
기본 테마는 이쁘긴 하지만 제 스타일은 아닙니다.
-> PhpStorm,WebStorm - 기본 테마 변경하기 / 다크테마(Darcula)



 2. 그래서 인텔리제이 프로그램들에 적용 가능한
다양한 테마를 다운로드 할 수 있는 사이트가 있습니다.
바로 컬러-테마 닷컴 입니다 입니다.


 3. 접속 후에 각 테마를 클릭하면 적용 가능한 제품군이 보입니다. 
인텔리젠 프로그램은 대부분 적용 가능한 테마 입니다. 


 4. 굉장히 많은 테마가 있지만
성의 없는 테마도 많기에
정렬 상태를 인기 순으로 하셔서 적용해보세요.



마무리


눈에 딱 맞는
테마는 개발에 첫걸음입니다. 









댓글을 달아 주세요


netflix 모든 장르별 코드 


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


 1. 유료로 넷플릭스를 결제하여
오랫동안 보고 있는데요.
정말 잘만든 시스템입니다.
미리보기부터 해서 추천 컨텐츠
검색 능력도 환상적입니다.

 2. 그 중에 또 잘만든 시스템은 장르입니다.
넷플릭스는 아래처럼 장르코드를 입력하면 해당 장르만 보아서 볼수 있습니다.
https://www.netflix.com/browse/genre/장르코드


 3. 그리고 장르코드를 잘 모아둔 사이트가 있습니다.
해당 사이트에서 모든 장르 코드를 확인 가능합니다.


 4. 예를 들면 요즘 군대 영화에 빠져 있는데요
이 코드를 입력해보겠습니다. 


 5. 해당 코드를 담은 URL을 사이트에 접속하면 
해당 장르만 모아둔 카테고리에 접속이 가능합니다.



 6. 해당 사이트가 영어라 사용이 어렵다면
구글 번역으로 접속하면 장르단위로 한국어로 이용이 어렵지 않습니다.



마무리


넷플릭스 추천


댓글을 달아 주세요


이미지 비포 애프터 처럼 비교하게 해주는 사이트 


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


해당 사이트는 
재밌는 기능을 제공 합니다. 
이미지 두개를 비교 해줄 수 있게
iframe에 사용할 수 있게 제공해줍니다. 

 1. 사이트에 접속합니다.
"Make a Juxtapose"를 클릭 합니다. 


 2. 이동된 창에서
1번에는 왼쪽 이미지 URL을 입력하고
2번에는 오른쪽 이미지 URL을 입력합니다. 
3번을 눌러스 소스를 만듭니다. 



 3. 결과 값을 알아보면 
왼쪽 오른쪽에 이미지를 라인을 이동하여 비교할 수 있습니다.
해당 이미지를 아이프레임으로 사용하시면 됩니다.




마무리


CDN을 해당 사이트에서 이용하는 단점이 있지만
반대로 트래픽을 아낄 수 있습니다.





댓글을 달아 주세요