IT/TOOL 11

[폰트] "배민폰트" CSS에서 사용하기

안녕하세요 오늘은 무료로 사용할 수 있는 우아한 형제들 배민 폰트를 CSS에서 사용하는 방법을 알려드리려고 합니다. 지난번 포스팅처럼 PPT, 포토샵 등에서 사용할 때는 로컬에 내려받아서 사용하면 되는데요, 웹사이트 CSS에 적용하고 싶다면 어떻게 할까요? 구글 폰트를 이용하면 쉽게 해결됩니다! (아, 물론 내장폰트로 사용하면 되긴 합니다만.. 오늘 말씀드리는 건 웹폰트에요^^) 1. 구글 폰트에 들어갑니다. https://fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 2. Search - Languages - Korean 을 선택합니다. ..

IT/TOOL 2019.05.05

[폰트] 상업용 무료, "배민폰트" 사용하기

안녕하세요 오늘은 무료로 사용할 수 있는 우아한 형제들 배민 폰트를 소개하려고 합니다. 디자인 하다 보면 예쁜 글씨가 필요할 때가 있죠? 함부로 사용하면 법적 문제가 될 수 있는 폰트 사용... 상업용도 무료로 사용할 수 있는 "배민폰트"를 소개해드릴께요! 마음 편하게 예쁘게 사용하세요^^ 1. 우아한형제들 홈페이지에 접속합니다. https://www.woowahan.com/ 2. [글꼴 구경하기] 버튼을 클릭합니다. https://www.woowahan.com/#/fonts 3. [윈도우용 설치하기] 또는 [맥용 설치하기] 를 눌러 글꼴을 내려 받습니다. (전부 예쁘니깐 한나체, 주아체, 도현체, 연성체, 기랑해랑체, 한나체 Air, 한나체 Pro 전부 다운 받으세요^^) 4. 다운로드 받은 글꼴을 윈..

IT/TOOL 2019.04.01

누끼따기 프로그램 추천 remove.bg

안녕하세요오늘은 누끼따기 프로그램을 추천해드리려고 합니다. 포토샵 장인 부럽지 않게 5초만에 인물사진 깔끔하게 누끼따주는 이름하여 remove.bg 입니다.(이름을 클릭하면 www.remove.bg 사이트로 이동합니다) 이름부터 예사롭지 않네요. 배경화면을 없애주겠다는데어디 실력 한 번 볼까요? ^^ 사이트에 들어가면 첫 화면이 이렇게 뜹니다.단한번 클릭으로 5초만에 자동으로이미지의 배경을 없앤다고 하네요!! 사이트 하단에 어떻게 사용하는지 샘플이미지로 나와있는데,저도 한번 직접 사용해보겠습니다. 자, 사진을 한번 넣어볼까요?오늘의 모델은 아이유님 부탁합니다^^주연으로 출연한 영화 가 넷플릭스에서 개봉한다고 하길래네이버 영화에서 분위기 있는 사진을 가져와봤어요~(사실, 영화는 보지 않아서 무슨 내용인지는..

IT/TOOL 2019.03.12

[이클립스] 자주 사용하는 단축키

F3 : 클래스, 메소드, 속성이 선언된 위치로 이동F11 : 디버그 모드로 실행(Debug) F5 : 디버깅시 선택된 행의 메소드 내부로 이동F6 : 디버깅시 선택된 행의 아래로 이동F7 : 디버깅시 실행중인 메소드 외부로 이동F8 : 디버깅시 다음 디버그 포인트로 이동 Ctrl + F11 : 실행모드로 실행(Run) Ctrl + Shift + C : 한줄 주석(//) 처리 또는 해제Ctrl + Shift + / : 블록 주석(/* */) 처리 또는 해제Ctrl + Shift + F : 코드 형식 정리Ctrl + Shift + O : import 자동 추가/ 삭제Ctrl + Shift + L : 프로젝트내 문자열 검색Ctrl + Shift + R : 파일(클래스 포함) 찾기Ctrl + Shift + X..

IT/TOOL 2018.09.03

Editplus에서 키파일로 AWS EC2 인스턴스 접근하기

AWS에서 EC2 인스턴스를 생성하게 되면,키파일을 주잖아요. 그걸로, putty도 접속하구, Filezilla FTP도 접속하고 했는데..Editplus에서 FTP 들어가려니깐, 키파일 올리는 데가 없어요!!키파일 업로드 하는 곳이 아무리 뒤져봐도 없는거에요. 그래서 다른 분들도 혹시 저처럼 헤매실까봐 올려봅니다.Editplus에서 키파일로 AWS EC2 인스턴스 접근하기지금부터 시작합니다. 먼저, pageant.exe를 다운로드 받으세요.여기 사이트에 들어가서 목록 중에 pageant.exe를 찾아서 다운로드 받으시거나https://www.chiark.greenend.org.uk/~sgtatham/putty/latest.html 간단히 이 링크를 누르셔도 다운로드가 가능합니다.http://the.ea..

IT/TOOL 2018.08.24

비디오 파일(mp4)을 GIF로 변환하기 - 움짤

비디오 파일을 GIF로 변환하는 방법에 대해서 알아보겠습니다. 소스코드 실행결과 보여드리려구 몇가지 써보다 보니깐너무 쉽고 너무 편한거 있죠? 여러분에게도 알려드리려구요ㅎㅎ처음에 헤매긴 했는데, 몇개 써보다가 여기로 정착했어요^^ 바로 입니다.(이미지 클릭하시면 ezgif.com으로 이동합니다.) 메인 화면은 이렇게 생겼어요. 위아래, 사이드에 광고가 조금 있지만,너무 편하니깐 광고쯤이야 패스하기로ㅎㅎ 먼저 상단 탭에서 Video to GIF 를 클릭합니다. 그 다음은 파일을 선택한 후에Upload video! 버튼을 클릭해주세요. 참쉽죠?전 트와이스 앨범 프리뷰 영상을 준비했어요원본영상은 TWICE(트와이스) "Summer Nights" NEW TRACKS PREVIEW 클릭하시면 유튜브에서 확인할 수..

IT/TOOL 2018.08.12

더미 이미지 생성기 추천

이전에 로렘입숨에 대해서 설명 드린 적이 있습니다. 영어, 한글로 된 의미없는 텍스트의 나열로, 전체적인 레이아웃을 살펴 보기 위해, 임의로 작성하는 텍스트라고 말씀 드렸네요. 그럼.. 이미지는 어떨까요? 이미지도 전체적인 레이아웃을 보기 위해서 임의로 넣을 수는 없을까요? 그 해답을 들고 왔습니다. 두 군데 사이트를 알려드릴께요. 먼저, https://placeholder.com/ 위에 그림처럼 생겼구요, 보이는 것처럼이미지 태그 안에 src 속성에 "http://via.placeholder.com/가로길이x세로길이" 를 넣으면 된답니다. 바로 이렇게 이미지가 생성됩니다. 이 이미지에 색상이나 글자를 넣을 수도 있어요. 어떻게 나오는지 한번 볼까요? 깔끔하게 나왔네요^^ 두번째로,https://dumm..

IT/TOOL 2018.07.11

영어 한글 더미텍스트 로렘입숨(Lorem-Ipsum) 생성기 추천

Lorem Ipsum. 웹 서핑을 하다보면, 그래픽 디자인이나 타이포그래피 그리고 웹 템플릿 등을 통해 흔히 만나볼 수 있습니다. 하지만 로렘입숨의 의미나 용도를 정확히 알지는 못했는데,갑자기 궁금하더라구요. 그래서 한 번 찾아 봤습니다. 로렘 입숨(lorem ipsum; 줄여서 립숨, lipsum)은 출판이나 그래픽 디자인 분야에서 폰트, 타이포그래피, 레이아웃 같은 그래픽 요소나 시각적 연출을 보여줄 때 사용하는 표준 채우기 텍스트로, 최종 결과물에 들어가는 실제적인 문장 내용이 채워지기 전에 시각 디자인 프로젝트 모형의 채움 글로도 이용된다. 이런 용도로 사용할 때 로렘 입숨을 그리킹(greeking)이라고도 부르며, 때로 로렘 입숨은 공간만 차지하는 무언가를 지칭하는 용어로도 사용된다.[참고: 위..

IT/TOOL 2018.07.03

소스코드 예쁘게 포스팅하기

https://colorscripter.com/1. 위의 사이트에 접속한다.2. 변환하기 원하는 코드를 복사해서 넣어준다.3. 언어에서 자신의 코드 언어를 선택해 준다.4. 스타일을 적용하고 싶다면 스타일을 누르고 원하는 스타일을 적용해준다.5. 세부설정에서 HTML태그 자체 복사를 체크하고 저장을 누른다.6. 복사를 누르게 되면 HTML소스가 복사가 되는데, 그것을 게시판의 소스를 눌러서 HTML 소스편집으로 만든다.7. 원하는 위치에 소스를 붙여 넣어주고, 다시 소스를 눌러서 HTML 소스편집을 해제한다.(필수)8. 나머지 원하는 글을 작성하면 된다.

IT/TOOL 2018.02.16