IT/Software 2020. 2. 28.
Atom 에디터 활용 - 부분 선택 모드 column-select
Atom 에디터 활용 - 부분 선택 모드 column-select column-select 플러그인 https://atom.io/packages/column-select Enhanced column selection for the Atom editor. 단축키 정리 Command Mac Windows Linux Up Ctrl-Shift-Up Alt-Shift-Up Alt-Shift-Up Down Ctrl-Shift-Down Alt-Shift-Down Alt-Shift-Down PageUp Ctrl-Shift-PageUp Alt-Shift-PageUp Alt-Shift-PageUp PageDown Ctrl-Shift-PageDown Alt-Shift-PageDown Alt-Shift-PageDown Up ..
IT/Web 2020. 2. 27.
CSS 지식 - em과 rem의 차이
em과 rem의 차이점 구글링 결과, 아래 2개의 사이트만 봐도 100% 이해할 듯 https://indivdot.github.io/css/2016/03/26/emrem.html 반응형 웹을 위한 rem 단위로 디자인하기 em과 rem은 무엇인가? w3c의 css3 스펙 중 distance unit을 살펴봤다. css의 거리 단위는 크게 상대적 길이와 절대적 길이가 있다. 상대적 길이는 em, ex, ch, rem, vw, vh, vmin, vmax가 있고 절대적 길이는 cm, mm, q, in, pt, pc, px가 있다. 대개 크로스 브라우징이나 쉬운 계산 때문에 강제적으로 길이를 px로 많이 사용한다. 여러 디바이스를 모두 대응해야 하는 문제 때문에 em을 사용하기도 indivdot.github.i..
IT/Web 2020. 2. 25.
CSS 한글 폰트 선택하기 - 노토산스, NotoSansKR
CSS 한글 폰트 선택하기 - 노토산스, NotoSansKR 웹화면에 한글을 위해 폰트선택은 필수! 아래 글을 참고하세요. [CSS]웹 폰트 적용하는 방법, 나눔고딕 웹에 적용 [CSS]웹 폰트 적용하는 방법, 나눔고딕 웹에 적용 안녕하세요! 258입니다. 이번 포스팅에는 웹 폰트 적용하는 방법을 알려 드리려고 합니다! 웹 폰트 적용, ... blog.naver.com 한글은 노토산스, 영문/숫자는 다른 폰트로 해주세요...👀 (feat. unicode) 한글은 노토산스, 영문/숫자는 다른 폰트로 해주세요...👀 (feat. unicode) 노토 산스를 사용하다보면 영문과 숫자가 너무 날씬하다는 느낌을 받곤 했다.개인적인 취향으로 1 숫자 아랫부분에 있는 serif를 별로 좋아하지 않는다. 그밖에도 숫자..
IT/블로그 2020. 2. 25.
Hugo 휴고 설정 팁 - 마크다운 외부 링크를 a href 새창으로 열기
Hugo 휴고 설정 팁 - 마크다운 외부 링크를 a href 새창으로 열기 External links in new tab? 사용하다보면, 괜히 신경쓰인다. 찾아보니 방법이 있긴하다. Render Hook Templates 방법을 사용하는 것이다. 원본글 : Configure Markup 결국 아래 파일을 만들어 주면 된다. 마크다운 렌더링 중에 아래 처럼 링크내용을 내가 원하는 대로 만들 수 있다. 아래 코드를 보면 http://로 시작되는 외부링크는 새로운 창에 오픈되도록 작성되어 있다. Here is a code example for how the render-link.html template could look: 파일 위치는 여기 => layouts/_default/_markup/render-lin..
IT/블로그 2020. 2. 18.
Hugo GitHub TravisCI 설정 - 웹사이트 블로그 자동 배포하기
Hugo GitHub TravisCI 설정으로 블로그 자동 배포하기 휴고 블로그 플랫폼으로 개인 블로그를 사용하는 경우, 매번 생성된 결과물을 Git 을 통해서 저장소로 push 하는 것이 쉬운 일은 아니다. 이럴 때 사용하는 것이, Travis CI, Circle CI, GitHub Action 등의 툴을 활용하면 된다. 즉, 문서의 변경이나 새로운 글을 추가하는 등의 commit 이 발생할 때 마다 자동으로 hugo 플랫폼 엔진으로 정적 사이트 파일을 생성하고, 원하는 저장 공간으로 업로드를 자동으로 수행하게 되므로, 사용자는 단순히 블로그 글에만 신경 쓰면 된다. 이론적인 내용이야 찾아보면 많이 있다. 더 자세히 잘 적어놓은 글을 참고하는 것이 좋다. 그냥 여기는 실제로 동작하는 결과물을 저장해 두..
IT/블로그 2020. 2. 7.
Hugo (휴고) 테마 적용 후 에러 발생시 대처한 내용
Hugo (휴고) 테마 적용 후 에러 발생시 대처한 내용 저장용으로 남겨두기 에러 내용은 아래와 같다. 적용한 테마는 docsy 라는 Google 에서 제공하고 있는 documentation 을 위한 테마이다. 막상 쓸 문서는 없는데, 시작한 거 데모는 돌려봐야지...흠 테마 홈페이지 : https://www.docsy.dev/ $ hugo --debug INFO 2020/02/07 18:43:51 No translation bundle found for default language "en" INFO 2020/02/07 18:43:51 Translation func for language no not found, use default. INFO 2020/02/07 18:43:51 i18n not ini..
IT/Software 2020. 2. 7.
Git 버전 관리 - 빈 브랜치 만들기 (고아, orphan, empty)
Git 버전 관리 - 빈 브랜치 만들기 (고아, orphan, empty) 이건 머 쓸라카면 탐색기 처럼, 그냥 Ctrl+C, Ctrl+V Del 이런 걸 편하게 하면 좋을텐데 막상 쓸려면 걸리는 것이 많다. master 브랜치는 그냥 두고, 빈 브랜치 하나 만드는 것도 쉬운 일이 아니네. Hugo (휴고) 블로그 같은 경우, 실제 콘텐츠 내용을 저장하는 브랜치는 보통 master 로 배포해서 사용자들에게 보여지는 화면이 있는 것은 gh-pages 브랜치를 많이 쓰는 것 같다. 이런 전차로 아무것도 없는 gh-pages 브랜치를 만드려고 하니, 아무 생각없이 아래 절차대로 하면 되겠다. 도리어 git bash 같은 cli가 더 편리해, gui는 괜히 되다 안되다 이런 것이 많다. $ git checkou..
IT/Web 2020. 2. 6.
기술 자료나 위키 문서를 외부에 공개할 때 사용할 문서 플랫폼
기술 자료나 위키 문서를 외부에 공개할 때 사용할 문서 플랫폼들 이제껏 위키 같은 솔루션을 최대한 활용하거나, Wordpress 같은 블로깅 플랫폼을 최대한 활용해 보려고 하지만, 이런 요구들이 여기저기 있는 것 같네. 많은 플랫폼 들이 있다. 개인적인 용도로 정리하고 있는 것이니, 객관적인 시각으로 보시지 마시길... 플랫폼 조사 내용 현재 도쿠위키 쉽게 설치해서 사용할 수 있으나, 갈수록 활용도나 유지보수에 어렵고 글을 쓰는 에디터나 문법이 로컬룰이라 관리나 생성이 어려움이 많고, 기타 인터페이스도 너무 고전적이고 첨부파일등 우리가 별도의 서버로 관리를 계속하기가 어려움 GitHub pages 제한 사항 https://www.docsy.dev/docs/ 구글에서 제공하고 있는 Hugo 문서 플랫폼 테..
IT/토렌트 2020. 2. 3.
토렌트 공유 파일 업로드 전송 하는 방법 - 토렌트 파일 만들기
토렌트 공유 파일 업로드 전송 하는 방법 - 토렌트 파일 만들기 본 내용은 아래 링크로 옮겨서 글을 정리 중이니다. 아래 링크를 참고하세요. https://bthinkr.tistory.com/389 토렌트 파일 만들어 보기 - 자신의 파일 공유 토렌트 공유 파일 업로드 전송 하는 방법 - 토렌트 파일 만들기 토렌트는 그냥 토렌트 사이트 가서 원하는 파일을 다운로드만 하는 용도로 많이 쓰고 있다. 그런데, 가끔 대용량 파일을 bthinkr.tistory.com 토렌트 다운로드를 위해서도 작성한 글이 있습니다. 참고하세요. (추가) 1~3번까지 글을 합쳐서 아래 글로 링크합니다. 아래글을 참고하세요. 📚 토렌트 다운로드 프로그램 uTorrent 유토렌트 뮤토렌트 소개 - 2020.09.04 잠깐, 이전에도 ..
IT/컴퓨터상식 2020. 1. 29.
디스크 정리로 컴퓨터 하드 용량 늘이기 - 윈도우 업데이트 파일 제거
디스크 정리로 컴퓨터 하드 용량 늘이기 - 윈도우 업데이트 파일 제거 SSD 사용자들은 용량이 부족한 경우가 많은데 C 드라이브의 용량은 컴퓨터의 속도와 밀접하므로, 반드시 정리를 해주자. 임시 파일 및 시스템 파일 삭제를 포함하여 Windows 10에서 디스크 정리에 대한 팁을 아래에서 확인하세요. 간단하게 큰 무리 없이 지울 수 있는 것들은, 휴지통, 웹 브라우저에서 사용한 캐시파일들, 임시파일들이다. 이것도 정리하고, 또한 수많은 윈도우 업데이트로 인해 발생한 남은 찌꺼러기들도 같이 쑥 없애면 몇기가 정도는 쉽게 확보할 수 있다. 아래 그림보고 따라하면 끝 먼저 정리 할 수 있는 프로그램을 실행해야 한다. 찾아내기 쉽지 않고, 무슨 보조프로그램이니 제어판이니 이런거 띄울 필요없이 검색해서 실행하면 ..
IT/Web 2020. 1. 28.
무료 도메인 메일 서비스 - 러시아 Yandex 메일 커스텀 도메인 추가하기
무료 도메인 이메일 서비스 - 러시아 Yandex 메일 시스템에 자기 도메인 추가하기 기업용 이메일, 도메인 이메일 무료로 만들기 스타트업, 1인 기업 또는 중소기업이나, 도메인을 소유하고 있는 개인을 포함한 작은 규모의 그룹은 별도의 비용없이 yandex.com 을 이용하면 자신의 도메인 이름의 고유한 이메일 주소를 가질 수 있다. 즉, 사용자이름@자기소유도메인 형태의 이메일을 가질 수 있다. 무료 도메인 이메일 서비스를 암만 찾아봐도 요즘 들어 무료로 제공되는 곳이 사라지고 있다. 커스텀 도메인을 지원하는 것이 어려운 것인가 보다. 재정 지원을 받는 스타트업이거나, 일반 기업의 경우는 월 몇 만원 정도가 부담스럽지 않을 수 있지만 그것도 부담스런 1인 기업체 프리랜서 등은 자기 도메인을 가지고 있다 ..
IT/컴퓨터상식 2020. 1. 28.
저작권 걱정 없는 무료 한글 폰트 - 개인 취향
한글 폰트 저작권 걱정 없는 무료 한글 폰트들 - 개인 취향 컴퓨터에는 아래 무료 한글 글꼴 정도는 깔아둬야 쓸 만 허다~~ - 네이버 한글한글아름답게 - 나눔글꼴 [네이버 한글한글 아름답게 : 나눔글꼴] 한글의 아름다움, 나눔글꼴로 나눕니다. hangeul.naver.com - 우아한형제들 배달의민족 » 배달의민족 글꼴 우아한형제들 좋은 음식을 먹고 싶은 곳에서~! 우아한 사람들이 모여 우와하게 일하는 '우아한형제들'입니다. www.woowahan.com - 서울서체 서울특별시 서울소개 서울시 서울소개 - 조직도, 본부·사업소, 공사·출연기관, 시의회, 자치구, 자치구별 동 현황, 찾아오시는 길, 청사안내, 시청사 통통투어, 서울의 상징물 - 휘장, 브랜드, 심벌, 꽃·나무·새, 서울의 색, 서울의 서..
IT/Software 2020. 1. 21.
개발 유틸 - 온라인 Hex viewer 바이너리 파일 보기
개발 유틸 - 온라인 Hex viewer 바이너리 파일 보기 매번 툴 깔기 귀찮아 온라인에서 제공되는 것 찾아봄 https://www.onlinehexeditor.com/ Free Online Hex Editor & Viewer 0000000010 0000000020 0000000030 0000000040 0000000050 0000000060 0000000070 0000000080 0000000090 00000000a0 00000000b0 00000000c0 00000000d0 00000000e0 00000000f0 0000000100 0000000110 0000000120 0000000130 0000000140 0000000150 0000000160 0000000170 www.onlinehexedit..
