본문 바로가기

Web

(15)
[Public DNS] Google DNS 8.8.8.8 - Cloudflare DNS 1.1.1.1 (2010 글) 여기저기 검색하다가 놀라운 아이피 발견 8.8.8.8 WoW..대단한 구글이용..(이런것에 놀란다는 것이 웃기긴 하지말 헐헐~~) 무튼 각자들 네트워크 아이피 입력시에 매변 DNS 아이피는 멀로 할까 물어보곤 하고, 저는 평소 Dacom DNS 를 사용했더랬는데.. 외우기 쉬워 앞으론 이걸로 사용을 해봐야 겠네요. 자세한 내용은 요기 ==> http://code.google.com/speed/public-dns/docs/using.html 세팅법도 잘 나와 있네요. 참고로, 보조 DNS 주소도 쉬움. 8.8.4.4 라나 머라나 (추가 2019.08.13) IPv6 DNS 주소도 추가, "1.1.1.1" 추가 The Google Public DNS IP addresses (IPv4) are..
[웹] 블로그 혹은 CMS 플랫폼 - 개인 정리 (간단한 웹사이트 쉽게??) 웹페이지를 만들고 싶던, 사이트를 만들고 싶던 좀 더 쉽게 어렵지 않게 수정 추가도 가능한 솔루션을 찾고 싶다. 별 거 고치는 것도 없이 매번 웹 프론트 엔지니어나 디자이너를 찾을 수는 없다. 필요한 페이지 하나 정도는 언제든 만들어 배포 가능하도록 하는 솔루션을 뒤져보자. 가능하면 PC환경이나 로컬 설치 없이 웹상에서 전부 해결하면 좋을 것 같은 것으로 뒤져볼라 했는데... 1. 지킬 (jeykyll) 제일 많이 검색이 되는 듯 하고, GitHub을 쓰면 자연스레 접할 수 있다. 젤 쉽게 접근이 가능하고, 혼자 만지는 것 좋아하는 사람은 이거 쓰면 된다. 현재 개인 블로그 활용도가 높다. 디자인도 제법 테마가 많이 제공 되고 있는 것이 장점 2. Hugo 이것도 지킬과 비슷하다. 대신 go 기반으로 좀..
[웹] 포럼 플랫폼 소개 - 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/ 방문해서 사용해 보자. 가격은 아래 그림 참고
텀블러 무료 그리드 테마 - Tumblr free theme tumblr 에서 쓸 수 있는 아주 간단한 그리드 테마 그림 위주의 블로그 그냥, 저장해 둘겸 그냥 올려둠. 딱 사진 글이나 링크(이것도 사진을 링크한 글만) 이외의 글은 표시도 되지 않음. 200줄 짜리로 최대한 단순하게 필요한 기능만 들어가 있음. 기술적인 내용은 아래 사이트를 참고하면 자신의 테마를 만들 수 있을듯 https://opentutorials.org/course/1150 텀블러 테마 만들기 - 생활 웹디자인 텀블러는 우리가 흔히 알고있는 일반적인 블로그와 마이크로 블로그(페이스북이나 텀블러 같은)의 중간쯤이라고 생각이 됩니다. 하지만 사용하기에 따라 가벼운 블로그가 될 수도 있고, 무거운 블로그가 될 수 있을것 같습니다. 개인적으로는 스마트폰으로 찍은 사진을 그때그때 메모와 함께 온라인에..
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 방문해서 아래의 예들 처럼..
웹에서 이미지 자르는 기능 구현하기 레시피 사이트에서 유용한 기능이 있어 레퍼런스 웹개발 꿀팁 - 웹에서 이미지 자르는 기능 구현하기 - 개발자를 위한 개발 레시피 개발자를 위한 개발 레시피 프로그래밍, 개발 강좌, vue.js, 무료강의, 웹개발, 프론트엔드, 모던 웹, 자체 제작 강좌 lessipe.com 유튜브 동영상 파일을 참고하세요!
[Bootstrap] CSS 기능: 스타일 태그와 클래스 Bootstrap에서 지원해주고 있는 기타 다른 CSS 기능들인 스타일에 대한 글 소개 완전 강추, 아래 그림과 같이 정리가 너무 잘 되어 있어 초보자도 뿅 갈듯 페이챵하오~ Unikys :: [Bootstrap] CSS 기능: 스타일 태그와 클래스 [Bootstrap] CSS 기능: 스타일 태그와 클래스 이번에는 Bootstrap에서 지원해주고 있는 기타 다른 CSS 기능들인 스타일에 대해서 살펴볼 것이다. 이전의 글에서 언급한대로 Bootstrap의 강점 중 하나는 모든 화면 크기의 브라우저나 기기에 따라서 반응형으로.. unikys.tistory.com 관련된 Bootstrap 의 Grid system 에 관한 글도 꼭 읽어보자!! [Bootstrap] 시작하기, CSS 기능: 그리드 시스템(Gri..
Web/CSS - !important; 의미 Web/CSS - !important; 의미 여기도 상속의 개념이 있으니, 여러군데서 같은 속성을 정의하면 어떤 순서가 있다. 그래도 꼭 이것을 적용했으면 하면 !important; 를 속성 옆에 적어둔다. 우선순위를 올려주는 기능!! 아래 예 참고 img { max-width: 100% !important; height: auto !important; } 세상에 꼭 필요하신 분들!!