본문 바로가기

IT/Web

(38)
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..
MS Azure Portal 에서 함수 앱 만들기 - 애저 서버리스 클라우드 컴퓨팅 실습 MS Azure Portal 에서 함수 앱 만들기 - 애저 서버리스 클라우드 컴퓨팅 실습 아래 순서대로 진행해 봤다. 참조한 설명서는 마이크로소프트 홈페이지에 있는 내용을 그대로 연습 - Azure Portal에서 함수 앱 만들기 - Learn 연습 - Azure Portal에서 함수 앱 만들기 - Learn Azure Portal에서 함수 앱 만들기 docs.microsoft.com 실습 화면 일단은 먼저 화면을 등록해 둔다. 설명은 점차 추가해 나가기로 하자.
깃헙페이지 호스팅 제한사항 - GitHub Pages limits 깃헙페이지 호스팅 제한사항 - GitHub Pages limits 계속 무료로 제공해 준다하니, 우리네 촉이 발동 분명히 제한 사항이 있을껏이야~~~~ 정답은 여기 GitHub 공식 어바웃 페이지에 있다는 https://help.github.com/en/github/working-with-github-pages/about-github-pages About GitHub Pages - GitHub Help About GitHub Pages You can use GitHub Pages to host a website about yourself, your organization, or your project directly from a GitHub repository. GitHub Pages is availab..
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..
CSS 한글 폰트 선택하기 - 노토산스, NotoSansKR CSS 한글 폰트 선택하기 - 노토산스, NotoSansKR 웹화면에 한글을 위해 폰트선택은 필수! 아래 글을 참고하세요. [CSS]웹 폰트 적용하는 방법, 나눔고딕 웹에 적용 [CSS]웹 폰트 적용하는 방법, 나눔고딕 웹에 적용 안녕하세요! 258입니다. 이번 포스팅에는 웹 폰트 적용하는 방법을 알려 드리려고 합니다! 웹 폰트 적용, ... blog.naver.com 한글은 노토산스, 영문/숫자는 다른 폰트로 해주세요...👀 (feat. unicode) 한글은 노토산스, 영문/숫자는 다른 폰트로 해주세요...👀 (feat. unicode) 노토 산스를 사용하다보면 영문과 숫자가 너무 날씬하다는 느낌을 받곤 했다.개인적인 취향으로 1 숫자 아랫부분에 있는 serif를 별로 좋아하지 않는다. 그밖에도 숫자..
Notion 노션 팁 - 잘 만든 페이지 복사해서 가져오기 노션 팁 - 잘 만든 페이지 복사해서 가져오기 생각보다 까다로움, 아예 저자가 공용으로 사용해라고 공유해둔 노션페이지는 그냥 Duplicate 메뉴가 있어서 누르면 끝!! 아래 예제 페이지 처럼 복제할 수 있는 메뉴가 뜨지 않는다. 이때는 어떻게? 예제 사이트 : https://www.notion.so/3-99-e9730dcfd84f4639a796ed202304b6c2 이런 경우에는 그냥 자신의 Notion 페이지에서 빈페이지를 하나 만들고, 그 곳에 링크 주소를 복사해두고, Link to page 메뉴를 눌러 링크를 페이지에 추가한다. 그럼 아래와 같은 링크 페이지가 생긴다. 제3회 99콘 커서를 갖다 대거나 그 라인을 선택해 두고 메뉴 보기 ::: 눌러 Duplicate 메뉴를 클릭하거나 혹은 Ctr..
기술 자료나 위키 문서를 외부에 공개할 때 사용할 문서 플랫폼 기술 자료나 위키 문서를 외부에 공개할 때 사용할 문서 플랫폼들 이제껏 위키 같은 솔루션을 최대한 활용하거나, Wordpress 같은 블로깅 플랫폼을 최대한 활용해 보려고 하지만, 이런 요구들이 여기저기 있는 것 같네. 많은 플랫폼 들이 있다. 개인적인 용도로 정리하고 있는 것이니, 객관적인 시각으로 보시지 마시길... 플랫폼 조사 내용 현재 도쿠위키 쉽게 설치해서 사용할 수 있으나, 갈수록 활용도나 유지보수에 어렵고 글을 쓰는 에디터나 문법이 로컬룰이라 관리나 생성이 어려움이 많고, 기타 인터페이스도 너무 고전적이고 첨부파일등 우리가 별도의 서버로 관리를 계속하기가 어려움 GitHub pages 제한 사항 https://www.docsy.dev/docs/ 구글에서 제공하고 있는 Hugo 문서 플랫폼 테..
무료 도메인 메일 서비스 - 러시아 Yandex 메일 커스텀 도메인 추가하기 무료 도메인 이메일 서비스 - 러시아 Yandex 메일 시스템에 자기 도메인 추가하기 기업용 이메일, 도메인 이메일 무료로 만들기 스타트업, 1인 기업 또는 중소기업이나, 도메인을 소유하고 있는 개인을 포함한 작은 규모의 그룹은 별도의 비용없이 yandex.com 을 이용하면 자신의 도메인 이름의 고유한 이메일 주소를 가질 수 있다. 즉, 사용자이름@자기소유도메인 형태의 이메일을 가질 수 있다. 무료 도메인 이메일 서비스를 암만 찾아봐도 요즘 들어 무료로 제공되는 곳이 사라지고 있다. 커스텀 도메인을 지원하는 것이 어려운 것인가 보다. 재정 지원을 받는 스타트업이거나, 일반 기업의 경우는 월 몇 만원 정도가 부담스럽지 않을 수 있지만 그것도 부담스런 1인 기업체 프리랜서 등은 자기 도메인을 가지고 있다 ..