IT/Git, GitHub 2023. 5. 2.
Github 저장소 주소를 .dev 로 바꾸면 온라인 에디팅 개발 사이트로 변신
이건 머지, github.com 에서 github.dev 로 변경해 버리면 그냥 그 Repo 가 온라인 에디팅 가능한 VSCode 환경으로 변경된다. 아주 신기하네 예제로 내 github 에 들어가 보았다. 예제를 위해 아주 간단한 지킬 페이지가 있는 Repo 로 접속했다. > https://github.com/bjnhur/landing 그런데 주소에 .com 부분은 .dev 로 바꾸면 짠 아래처럼 웹 온라인 에디팅이 가능한 페이지로 변신 와 이런 로컬에 툴 깔 필요도 없이 아주 간단하게 소스 에디팅이 가능하다. VS Code 깔기 싫거나, 외부에 나가면 그냥 여기에 들어가서 이렇게 쓰는 것이 낫겠다 ^-------------------^
IT/파이썬 2020. 12. 18.
파이썬 - Flask 사용법 - 틀 만들기
구글링을 열심히 해서, 좋은 한글 블로그 자료를 찾아 내었다. 여기 적힌 내용부터 완독하도록 하자. 파이썬 가상환경 venv 사용하기 (패키지 쉽게 관리하기) - 패키지 설치가 지저분 해지거나, 추후 환경을 바꿀때도 깔끔해 지도록 패키지 버전들이 충돌을 조금 없애기 위해 가상 환경으로 사용해라는 팁인데 머 구현 초기에는 일단 막 써라!! 파이썬 Flask 사용법 1 (완전 기초) - 기본적인 Flask 운영을 위한 기초 예제, route 를 하거나 페이지에 변수를 출력해 보거나 Hello World 를 해보거나 일단 이 과정을 격어 가야 한다. 파이썬 Flask 사용법 2 (Jinja2 템플릿, 변수, 조건문/반복문) - html template 를 이용하여 렌더링 할 수 있도록 설명 자료가 풍부하다. ..
IT/블로그 2020. 3. 27.
Hugo - 외부 링크 새 탭 새 창 에서 열기
Hugo - 외부 링크 새 탭 새 창 에서 열기 답답하게도 기본 값이 같은 창에서 모든 링크가 열리도록 설정되어 있나 보다. 외부 사이트는 그냥 새로운 탭이나 창에서 로딩 되면 훨씬 편할 것 같아서 찾아보기 시작~~ 결론적으로, 자신의 휴고 사이트에서 마크다운 번역기를 어떤 것으로 쓰는 가에 따라 다르다. 아래글 참고해 주시고, How to Open Link in New Tab with Hugo's new Goldmark Markdown Renderer How to Open Link in New Tab with Hugo's new Goldmark Markdown Renderer | Prasad's Pen Hugo is a blazing fast static site generator, which make..
IT/Web 2020. 3. 9.
PWA 개발하기 - Progressive Web App 제작
PWA 개발하기 - Progressive Web App 제작 PWA (Progressive Progressive Web App) 만들어 보기에 도전해 본다. 아래 codelabs 에서 순서대로 따라하면, 자신의 첫번째 PWA를 만들 수 있도록 자세히 안내하고 있다. 이 이상의 설명은 없으니, 일단 따라해 보자. https://codelabs.developers.google.com/codelabs/your-first-pwapp/ Your First Progressive Web App Take a moment and put your phone into airplane mode, and try running some of your favorite apps. In almost all cases, they pro..
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/Cloud 2019. 8. 13.
[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..
IT/블로그 2019. 7. 10.
[웹] 블로그 혹은 CMS 플랫폼 - 개인 정리 (간단한 웹사이트 쉽게??)
웹페이지를 만들고 싶던, 사이트를 만들고 싶던 좀 더 쉽게 어렵지 않게 수정 추가도 가능한 솔루션을 찾고 싶다. 별 거 고치는 것도 없이 매번 웹 프론트 엔지니어나 디자이너를 찾을 수는 없다. 필요한 페이지 하나 정도는 언제든 만들어 배포 가능하도록 하는 솔루션을 뒤져보자. 가능하면 PC환경이나 로컬 설치 없이 웹상에서 전부 해결하면 좋을 것 같은 것으로 뒤져볼라 했는데... 1. 지킬 (jeykyll) 제일 많이 검색이 되는 듯 하고, GitHub을 쓰면 자연스레 접할 수 있다. 젤 쉽게 접근이 가능하고, 혼자 만지는 것 좋아하는 사람은 이거 쓰면 된다. 현재 개인 블로그 활용도가 높다. 디자인도 제법 테마가 많이 제공 되고 있는 것이 장점 2. Hugo 이것도 지킬과 비슷하다. 대신 go 기반으로 좀..
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. 4. 23.
[Bootstrap] CSS 기능: 스타일 태그와 클래스
Bootstrap에서 지원해주고 있는 기타 다른 CSS 기능들인 스타일에 대한 글 소개 완전 강추, 아래 그림과 같이 정리가 너무 잘 되어 있어 초보자도 뿅 갈듯 페이챵하오~ Unikys :: [Bootstrap] CSS 기능: 스타일 태그와 클래스 [Bootstrap] CSS 기능: 스타일 태그와 클래스 이번에는 Bootstrap에서 지원해주고 있는 기타 다른 CSS 기능들인 스타일에 대해서 살펴볼 것이다. 이전의 글에서 언급한대로 Bootstrap의 강점 중 하나는 모든 화면 크기의 브라우저나 기기에 따라서 반응형으로.. unikys.tistory.com 관련된 Bootstrap 의 Grid system 에 관한 글도 꼭 읽어보자!! [Bootstrap] 시작하기, CSS 기능: 그리드 시스템(Gri..
