에르노트

각종 포털사이트에서 게시글을 작성하거나 메일을 보낼 때 우리는 흔히 용량 제한을 마주할 수 있다. 이때 첨부하는 이미지 용량이 문제가 될 때가 빈번하다. 또한 앱이나 웹서비스를 개발하다보면 앱 용량 및 서버 트래픽의 문제로 리소스 이미지 크기에 민감해질 수 밖에 없다. 물론 이미지 크기(해상도)를 줄이면 용량도 따라서 줄어들겠지만 해상도를 포기하고 싶지 않은 때도 있는 법이다. 이럴 때 정말 유용한 사이트가 바로 TinyPNG이다. TinyPNG는 자체 기술을 사용하여 이미지를 무손실 압축시켜준다. 해상도는 그대로 유지하면서도 용량은 확실하게 줄여준다는 것이다! 정말 마법같은 일이다. TinyPNG에서는 픽셀에 표시되는 색상 수를 선택적으로(육안으로는 구분되지 않을 정도로) 줄임으로써 이러한 무손실 압축..

같이 보면 좋은 글: FTP 클라이언트 파일질라 [파일질라] FTP 접속 프로그램 FileZilla 앞서 포스팅했던 마인크래프트BE 서버를 여는 과정에서 FTP 클라이언트가 자주 쓰이게 됩니다. 뿐만 아니라 웹호스팅을 통해 일반적인 웹사이트를 운영할 때도 FTP클라이언트를 사용하면 편리할 makasti.tistory.com 일반적으로 FTP서버에 접속할 일이 있다면 FIleZilla 혹은 알드라이브 등의 클라이언트 프로그램을 사용할 것이다. 그러나 보안상의 이유로 프로그램 설치나 특정 포트들을 사용할 수 없는 환경(사지방 혹은 도서관의 공용PC 등)이라면 파일질라와 같은 툴들은 무용지물이 된다. 이때 빛을 발할 수 있는 웹사이트가 바로 DreamHost File Manager이다. 드림호스트 파일매니저는..

종이에 그린 그림이 그대로 디지털 코드로 변환되어 인터넷 세상에서 표현된다. 이제 더 이상 영화 속 이야기가 아니다. Microsoft에서 그림을 HTML로 바꿔주는 사이트를 각잡고 만들어버렸다. Sketch2Code에 종이에 그린 사이트 도안을 사진 찍어서 올리거나, 그림판으로 그린 이미지 파일을 그대로 올리기만 하면 진짜로 HTML 코드를 만들어준다. 과정은 그야말로 단순하다. 위 한 문장이 전부이다. 4차 산업 혁명을 몸소 느낄 수 있는 대목이다. 실제 생성된 코드는 다음과 같다. 말그대로 인공지능이 만들어낸 자동 생성된 코드라 그런지 사람이 보기에 가독성이 좋지는 않다. 이 변환기의 목적은 개발자가 이어나갈 초안을 만드는 것이 아니라 아예 완성품을 만들어내는 것 같으므로 큰 문제는 없을듯하다. S..

정규표현식(正規表現式). 영어로는 Regular Expression이며, 줄여서 그냥 '정규식'이라고 부르기도 한다. 주로 문자열(string)과 관련된 프로그래밍에서 일정한 규칙에 따라 간결하게 문자열을 처리하기 위해서 사용된다. 문자열 처리는 간결하게 만들지 몰라도 정규식 자체는 읽기에 굉장히 난해하다. 예시) const char *pattern = "^(file|gopher|news|nntp|telnet|https?|ftps?|sftp):\/\/([a-z0-9-]+\.)+[a-z0-9]{2,4}.*$"; 그러다보니 차근차근 체계적으로 가르쳐주는 곳을 찾기 마련인데, 여기에 제격인 사이트가 바로 RegexOne이다! 사이트 구성은 매우 직관적이다. 한글 지원이 안된다는 점이 다소 아쉽긴하지만, 이 바..

유튜브를 처음 시작하게되면 한번쯤 썸네일에 대해서도 고민해보게 됩니다. 썸네일은 시청자가 영상에 대해 처음 접하게 되는 얼굴로서 첫인상을 담당합니다. 따라서 컨텐츠를 포괄하면서도 사람들의 이목을 이끌 수 있는 썸네일을 제작하는 것이 중요합니다. 열심히 만든 영상을 한 사람이라도 더 보게 만드려면 썸네일에도 그만큼 신경써줘야 한다는 것이죠! 하지만 고퀄리티 썸네일을 뽑아내는 작업은 포토샵이나 이미지 디자인을 따로 배우지 않은 일반인에게는 너무 어렵게 다가오기만 합니다. 화려한 이펙트를 적용된 썸네일은 일반인에게 있어 그저 그림의 떡일뿐...이었으나 Canva라는 사이트를 이용하면 얘기가 달라집니다! Canva를 이용해서 누구나 쉽고 간편하게 유튜브 썸네일을 제작할 수 있습니다. 유튜브 썸네일뿐만 아니라 다..

Google Search Console에 자신의 사이트의 사이트맵과 주소를 등록함으로써 구글 검색에서의 노출 향상을 기대해 볼 수 있습니다. 사이트맵에 대한 자세한 내용은 여기를 참고해주세요! 우선 구글 서치 콘솔에 들어가줍시다. 저같은 경우 이미 해당 블로그가 등록되어있어 다음과 같은 화면이 나오는데요. 실적이 너무 저조하네요ㅠㅠ 우선은 이렇게 '속성 추가'를 눌러주시면 됩니다. 그다음은 'URL 접두어' 옵션을 선택해서 url을 입력해주세요.

사이트맵이란? 사용자 혹은 크롤러가 웹사이트를 이용할 때 웹사이트의 접근 가능한 페이지의 목록을 말한다. 사이트맵은 웹사이트의 웹페이지를 계층적으로 분류한 목록으로, 해당 웹사이트를 구성하고 있는 전체 구조를 보여주며, 웹디자인을 계획하는 문서로 사용될 수도 있다. 이는 사이트를 사용하는 사용자나 검색엔진이 자신들이 찾고자 하는 웹페이지를 찾을 수 있도록 도움을 준다. 사이트맵을 만들어서 등록하는 가장 주된 이유는 바로 검색을 통한 사이트 유입 증대입니다. 네이버나 구글의 웹마스터에 사이트맵을 등록함으로써 이들 사이트의 검색을 통해 등록한 사이트의 노출이 보다 용이해진다는 뜻입니다. 그러나 사이트맵을 직접 만들려면 시간도 많이 걸리며 수고스럽습니다. 이마저도 웹사이트 구조에 대한 해박한 지식을 갖춘 사람..

사이트 구성은 매우 단순합니다. 사이트 제목 아래에 검색창이 있고 그 아래에 간단한 예시들이 나열되어 있는 것이 전부입니다. 저는 시험삼아 sudo 명령어를 검색해보았습니다. 짧고 간결하게 그 뜻을 알려주는군요ㅎㅎ 한글 지원이 안되는 점이 좀 아쉽지만.. 유닉스/리눅스의 모든 명령어 자체가 영어로 되어있음을 감안한다면 리눅스를 다루시는 분들 중에 이 정도 영어에 불편함을 느끼는 분은 많지 않을 것이라 생각합니다. explainshell.com

각종 창작 활동을 하다보면 나만의 로고가 필요한 일이 종종 생기기 마련입니다. 특히 앱을 만들어서 스토어에 런칭하거나 블로그를 운영하면서 블로그 브랜드를 정립하려면 그에 맞는 아이콘은 필수가 되죠! 그런데 경우에 따라 많은 노력을 들여서 고퀄리티의 아이콘을 뽑기보다도 그냥 구색을 맞추는 정도로 충분할 수도 있습니다. 그럴 때 매우 유용한 사이트가 바로 Simple Icon Generator 입니다. 이 사이트를 이용하면 간단한 색조합과 텍스트만으로 나만의 아이콘을 깔끔하게 만들어 낼 수 있습니다. 우선 원, 삼각형, 마름모, 육각형 등의 모양을 설정할 수 있고, 배경 색과 경계의 색을 지정하여 보색 및 대비 효과를 줄 수도 있겠습니다. 또한 글씨의 위치나 크기도 세세하게 설정이 가능하며 끝으로 출력 사이..

HTML5가 새로운 웹 표준으로 자리잡으면서 브라우저들은 새로운 표준에 맞춰지는 것이 중요해졌습니다. HTML5 Test라는 사이트는 555점을 만점으로 했을때 HTML5 지원 정도가 몇 점인지 표시해주는 사이트입니다. 우선 제가 현재 쓰고 있는 브라우저는 바로 이스트소프트의 스윙 브라우저(Swing Browser)입니다. 아시는 분이 많이 없을지 몰라 말씀드리자면, 알집과 알약으로 유명한 그 회사에서 만든 것인데 구글 크롬을 기반으로 하고 있습니다. 크롬을 쓰면서 가장 불편한 점이 바로 우리나라 웹페이지의 고질병인 Active X입니다.. 이 때문에 강제로 성능이 구린 IE(인터넷 익스플로어)를 써야하는 상항이 많았습니다만 스윙 브라우저에서는 크롬의 다양한 확장 기능과 속도에다 엑티브 엑스를 절충하여 ..