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/Web 2020. 2. 6.
기술 자료나 위키 문서를 외부에 공개할 때 사용할 문서 플랫폼
기술 자료나 위키 문서를 외부에 공개할 때 사용할 문서 플랫폼들 이제껏 위키 같은 솔루션을 최대한 활용하거나, Wordpress 같은 블로깅 플랫폼을 최대한 활용해 보려고 하지만, 이런 요구들이 여기저기 있는 것 같네. 많은 플랫폼 들이 있다. 개인적인 용도로 정리하고 있는 것이니, 객관적인 시각으로 보시지 마시길... 플랫폼 조사 내용 현재 도쿠위키 쉽게 설치해서 사용할 수 있으나, 갈수록 활용도나 유지보수에 어렵고 글을 쓰는 에디터나 문법이 로컬룰이라 관리나 생성이 어려움이 많고, 기타 인터페이스도 너무 고전적이고 첨부파일등 우리가 별도의 서버로 관리를 계속하기가 어려움 GitHub pages 제한 사항 https://www.docsy.dev/docs/ 구글에서 제공하고 있는 Hugo 문서 플랫폼 테..
IT/Web 2020. 1. 28.
무료 도메인 메일 서비스 - 러시아 Yandex 메일 커스텀 도메인 추가하기
무료 도메인 이메일 서비스 - 러시아 Yandex 메일 시스템에 자기 도메인 추가하기 기업용 이메일, 도메인 이메일 무료로 만들기 스타트업, 1인 기업 또는 중소기업이나, 도메인을 소유하고 있는 개인을 포함한 작은 규모의 그룹은 별도의 비용없이 yandex.com 을 이용하면 자신의 도메인 이름의 고유한 이메일 주소를 가질 수 있다. 즉, 사용자이름@자기소유도메인 형태의 이메일을 가질 수 있다. 무료 도메인 이메일 서비스를 암만 찾아봐도 요즘 들어 무료로 제공되는 곳이 사라지고 있다. 커스텀 도메인을 지원하는 것이 어려운 것인가 보다. 재정 지원을 받는 스타트업이거나, 일반 기업의 경우는 월 몇 만원 정도가 부담스럽지 않을 수 있지만 그것도 부담스런 1인 기업체 프리랜서 등은 자기 도메인을 가지고 있다 ..
IT/Web 2019. 12. 27.
인터넷 보안 - 기업의 보안 담당자를 위한 로그설정 노트
인터넷 보안 - 기업의 보안 담당자를 위한 로그설정 노트 로그 설정을 어떻게 하는지, 어디서 하는지 매번 찾아보기 귀찮은데, KISA 인터넷 보호나라 홈페이지에서 숨겨진 좋은 자료를 보관해 두다. https://www.boho.or.kr/data/guideView.do?bulletin_writing_sequence=30141 2. 한눈에 보는 로그설정 노트(Linux) 3. 한눈에 보는 로그설정 노트(응용프로그램) 1. 한눈에 보는 로그설정 노트(Windows) 첨부된 pdf는 A3 사이즈로 출력하시면 가독성이 좋습니다. 어떤 사이트든 클릭을 할 때는 무조건 주의합시다@@
IT/Web 2019. 9. 26.
Notion 노션 팁 - 진짜 팁 모음 페이지 Duplicate 해서 업데이트 하자
시작이 어렵지만, 여기저기 엄청난 자료가 많이 있네. 자료 구성을 이렇게 정리해 놓으니 노션의 장점을 바로 볼 수 있다. 아래 글 꼭 참조!! https://www.notion.so/Notion-Contents-674b1f37f11f43f28ba3819eaaf5f86c Notion Contents Last Update : 2019.09.01 www.notion.so https://www.notion.so/05ead56c74ef42d8990b71cda5764f77 팁/노하우 A new tool for teams & individuals that blends everyday work apps into one. www.notion.so 툴 잘 이용해서 정리 잘하고 시간 절약해서, 아래 그림처럼 푸욱 쉬자 ^-^
IT/Web 2019. 9. 26.
Notion 노션 팁 - 페이지 왼쪽 빈 공간 부분 없애기
Notion 노션 팁 - 페이지 왼쪽 빈 공간 부분 없애기 다들 쉽게 알겠지만, 시간 낭비말고 적어두자. 왼쪽 빈 공간이 있는 페이지가 있고, 없는 페이지가 있던데 페이지 메뉴에 보면 "Full Width" or "전체 너비" 라는 것을 활성화 하면, 왼쪽 빈 공간이 없어진다. 한글 판에서는 아래와 같이 나온다. 구글링 하면 어디든 답이 있는.. https://www.reddit.com/r/NotionSo/comments/b5fzw1/how_to_eliminate_empty_space_on_the_margin/ How to eliminate empty space on the margin? Posted in r/NotionSo by u/NewMC00 • 2 points and 3 comments www.r..
IT/Web 2019. 9. 25.
추천 - Notion 노트 - 개인 위키 사이트, 생산성 앱
에버노트, 구글킵, 네이버노트, 솜노트 등등 아주 많은 메모 서비스가 있다. 요즘은 노션이 유행인듯. 말이 필요없다. 그냥 가입해서 사용하면 된다. 노션 가입하기 => 아래 링크를 통해 가입하면 가입자는 $10불, 저는 $5불이 적립됩니다. https://www.notion.so/?r=112499f2f4034ab5ba4a4b58ff5c1730 The all-in-one workspace for your notes, tasks, wikis, and databases - Notion Get $10 in credit on sign up www.notion.so 기본은 사용해 볼 수 있다. 진짜로 쓰기를 원한다면 조금 비용이 들 수도 있지만, 학생들은 완전 무료로 사용이 가능하다는 것. 학교 이메일이 있다면 누..
IT/Web 2019. 7. 9.
[웹] 포럼 플랫폼 소개 - discourse.org
포럼은 만들 수 있어도 만들지 말자. 그냥 써~ 플랫폼. 정보저장용 블로깅 기술지원이 메일로 통해야 해서 약간 불편했는데, 답은 빨리 오는 듯.. https://www.discourse.org/features Discourse features Discover features your community will love. www.discourse.org 기능테스트는 https://try.discourse.org/ , https://meta.discourse.org/ 방문해서 사용해 보자. 가격은 아래 그림 참고
IT/Web 2019. 5. 15.
텀블러 무료 그리드 테마 - Tumblr free theme
tumblr 에서 쓸 수 있는 아주 간단한 그리드 테마 그림 위주의 블로그 그냥, 저장해 둘겸 그냥 올려둠. 딱 사진 글이나 링크(이것도 사진을 링크한 글만) 이외의 글은 표시도 되지 않음. 200줄 짜리로 최대한 단순하게 필요한 기능만 들어가 있음. 기술적인 내용은 아래 사이트를 참고하면 자신의 테마를 만들 수 있을듯 https://opentutorials.org/course/1150 텀블러 테마 만들기 - 생활 웹디자인 텀블러는 우리가 흔히 알고있는 일반적인 블로그와 마이크로 블로그(페이스북이나 텀블러 같은)의 중간쯤이라고 생각이 됩니다. 하지만 사용하기에 따라 가벼운 블로그가 될 수도 있고, 무거운 블로그가 될 수 있을것 같습니다. 개인적으로는 스마트폰으로 찍은 사진을 그때그때 메모와 함께 온라인에..
IT/Web 2019. 5. 10.
Get Emoji - 이모티콘 입력하기
글자 대신 귀여운 이모티콘을 입력하고 싶을 때, 막상 갑자기 찾아보려면 끙끙 http://getemoji.com/ 😋 Get Emoji — All Emojis to ✂️ Copy and 📋 Paste 👌 ✂️ Copy and 📋 Paste Emoji 👍 No apps required Emojis are supported on iOS, Android, macOS, Windows, Linux and ChromeOS. Copy and paste emojis for Twitter, Facebook, Slack, Instagram, Snapchat, Slack, GitHub, Instagram, WhatsApp and more. Use Emoji Classic o getemoji.com 방문해서 아래의 예들 처럼..
IT/Web 2019. 5. 2.
All right reserved 의미 표기
의미는 저작권 보유를 표시할 때 쓰는 말, 즉, 모든 권리는 저작권자에게 있다는 의미이며 무단 배포, 이용, 변형을 금지한다는 뜻도 포함! 올바른 표기법은 아래와 같이 하면 된다. ⓒ 2014. (저작권자) all rights reserved. (C) 2014. (이름) all rights reserved. Copyright 2014. (이름) all rights reserved. Copyright 2014. (이름) All pictures cannot be copied without permission. 출처: https://clelun.tistory.com/entry/올바른-저작권-표기 [sensitive report] 그러나, 이 글을 읽어보면 Copyright 저작권 표기 알아보기!! All ri..
IT/Web 2019. 4. 25.
무료 사진 이미지 검색 사이트 추천 - cc0
(Updated 2019.04) 저작권, free, Creative Commons 무료 이미지 파일은 웹 관련 글을 올릴 때 마다 신경이 쓰여 필요할 때 마다 정리가 필요하다. 몇가지 사이트 소개를 가끔씩 찾아보곤 하는데, 여기 세상이라는 것이 워낙 빨리 변하니 그래서 역설적으로 구관이 명관. 이 치열한 싸움에서 유지하는 데는 먼가 장점이 있다는 것~~ 2017/07/11 - [Bookmark] - 저작권 무료 이미지 사진 - https://pixabay.com/ 2015/03/12 - [IT/Software] - 이미지 그림파일 맘 놓고 쓰자 | letscc.net 2014/07/17 - [IT] - 무료이미지 사이트 2015/03/10 - [IT/Software] - 픽픽(PicPick) 4.0.4 ..
