본문 바로가기

프로그래밍245

Node.js Prefers-color-scheme 서버에서 처리하는 방법 서버사이드(Server side)에서 사용자의 Color scheme를 미리 알고, 처리할 수 있는 방법을 공유합니다. Mac, iPhone과 같은 경우 이미 오래전부터 "다크테마"라는 것을 제공하고 있습니다. 눈의 피로도를 줄이고, 전력소모를 줄일 수 있기 때문입니다. 이 방법은 이미 Windows, Linux, Android와 같은 많은 OS기반 기기에저 채택되어 널리 사용되고 있습니다. 이에 따라 웹페이지나 앱화면에서 다크테마를 제공하고 있습니다. 사용자가 시스템에서 설정한 테마에 따라서 웹, 앱 화면의 컬러색상이 자동으로 바뀌고, 혹은 버튼과 같은 사용자 액션에 따라서 선택할 수 있도록 제공하는 서비스가 많아지고 있습니다. 이와 같은 처리를 클라이언트 사이드 최종 웹 혹은 앱화면에서 처리하지 않고.. 2022. 7. 22.
CSS 햄버거 메뉴에 애니매이션 효과 넣기 흔히 햄버거 메뉴라고 하는 접혔다 펼쳐졌다가 하는 메뉴 버튼입니다. 이 메뉴 버튼에 애니매이션 효과를 주는 방법 입니다. 메뉴가 접혀 있을 때는 햄버거 모양에서 펼쳐지면 X모양으로 자연스럽게 변하는 소스입니다. HTML 삽입 미리보기할 수 없는 소스 클릭해서 확인 해 보세요. CSS .container { display: inline-block; cursor: pointer; } .bar1, .bar2, .bar3 { width: 35px; height: 5px; background-color: #333; margin: 6px 0; transition: 0.4s; } .change .bar1 { -webkit-transform: rotate(-45deg) translate(-9px, 6px); trans.. 2022. 7. 19.
Linux crontab 시간설정 바로 확인할 수 있는 사이트 리눅스에서 crontab을 설정하려고 치면 늘 헷갈리는 바로 이 부분 "* * * * *"입니다. 저기서 별이 몇 개인지, "분 시 일 월 주"인지, "분 시 주 일 월"인지, "주 분 시 일 월"인지부터 시작해서, 매 분, 매 초, 10 ~ 20분까지 등등... 설정을 하려고 하면 어떻게 해야 하는지, 도무지 헷갈립니다. 그래도, 요즘 OS에서는 crontab 설정을 들어가면 주석이 잘 달려있어서 좀 낫습니다. 어찌어찌 설정을 하고 나면 내가 한 설정이 어떻게 실행되는지, 올바른지 헷갈릴 수 있다. 시간 텀이 짧다면 확인해 볼 수 있지만, 텀이 길면 이건 알람을 맞춰서 확인해야 할 판이다. 이런 어려움을 해결할 수 있는 사이트가 있어서 소개합니다. https://crontab.guru/ Crontab... 2022. 7. 18.
CSS 네온사인 효과내기 CSS 스타일 시트를 이용한 네온사인(Neon sign)효과를 내는 소스입니다. 핵심 소스 네온사인 효과를 내는 핵심소스입니다. 원하는 html element에 "" 이와 같이 스타일을 적용하시면 됩니다. .neon { color: #fff; text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #ff0080, 0 0 30px #ff0080, 0 0 40px #ff0080, 0 0 55px #ff0080, 0 0 75px #ff0080; } HTML 삽입 미리보기할 수 없는 소스 네온사인 효과 예제 예제 소스 위 예제의 전체 소스입니다. css .neon { color: #fff; text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20.. 2022. 7. 18.
Visual C++ 윈도우 키 막기 전체 화면으로 게임을 하거나, 작업 중에 "Win 키"가 눌리면서 화면이 아래로 내려가서 방해가 되는 경우가 있습니다. 이를 방지하기 위한 게임 및 애플리케이션 개발 시 사용할 수 있는 소스를 공개합니다. 아래의 소스는 Windows hook이라는 기술을 이용한 방법입니다. (Hook 이란 "가로채기"라는 뜻으로써, 시스템에 전달되는 이벤트를 먼저 가로채는 기술입니다. 보통은 가로챈 이벤트의 처리가 끝나면 반드시 CallNextHookEx함수를 호출하여 시스템에 전달 될 수 있도록 해야합니다.) 핵심 소스 부분 아래와 같이 "왼쪽 Windows 키"나 "오른쪽 Windows 키"가 눌린 경우 "CallNextHookEx(...)"함수를 호출하여 시스템으로 넘겨 해당 키에 대한 이벤트 처리를 하도록 넘기지.. 2022. 7. 18.
Ubuntu nodejs LTS, Latest(Current) 설치 Ubuntu의 기본 패키지 관리자인 "apt"를 이용하여 nodejs를 설치하는 경우, 아주 오래된 버전이 설치가 됩니다. 현재 배포되고 있는 LTS 혹은 Latest(Current) 버전을 설치하기 위해서 nodejs에서 제시하고 있는 지침을 따라서 설치를 진행해 보겠습니다. 아래의 순서에 따라서 링크를 진입하여 최종 설치 지침서대로 설치하시면 됩니다. 2022. 7. 15.
반응형