개발 덕후
<body> 스크롤을 막자
우리는 여러 요구사항에 따라서 스크롤을 막을 필요가있습니다. 스크롤을 차단하는 방법? 매우 쉽습니다. <body style=“overflow: hidden”>overflow:hidden은 스크롤을 제거하고 스크롤 할 수 없게 차단합니다. 하지만 Safari에서는? 네 모바일 Safari에서는 작동하지 않습니다. 스타일에 대해서 많이 고민하고 적용도 해봤고 그다음 willmcpo/body-scroll-lock: Body scroll locking that just works with everything 😏 라이브러리를 알게되고 너무나 awesome했습니다. 간단하게 해결 할 수 있었죠. … Continued
대한민국 원 화폐단위 커스텀하기 (feat: i18next)
i18next에는 formatting이 가능하다. Formatting – i18next documentation포맷팅에 관한 자세한 내용은 공식문서를 살펴보면 좋을 것이다. Javascript 기본 Intl.NumberFormat() 함수로는 1,000 원을 표현할 수 없다. 굳이 왜 Intl.NumberFormat()을 말하냐면 i18next의 currency 포맷팅이 Intl.NumberFormat으로 한다. 화폐단위를 포맷팅하게 되면 이렇게 나오게된다. 하지만 우리는 미국 달러없이 달러라고 나오기를 원하고있다. 이런식으로 여러 나라를 동시에 표현할때면 맞겠지만 우리 서비스에는 미국 달러만 사용해서 … Continued
도메인 기관이전의 쓴맛
구글 도메인은 스퀘어스페이스에 인수되었다. 😱On June 15, 2023, Squarespace announced its intent to purchase domain registrations and related customer accounts from Google Domains. Learn more here. 나는 이 정보를 받고서 2030년까지 기간연장을했던 도메인이 과연 구글도메인에서 안정적이게 운영할 수있는 것인가? 의문이 들었다. 그리고 다시 떠올랐다. Killed by Google 안정적으로 내 도메인을 서비스해줄 곳이 없을까? 도메인 기관이전 … Continued
proxmox k3s 튜토리얼
k3s란 K3S란 가벼운 Kubernetes로 쉽게 설치하고 적은 메모리/binary 파일을 사용하여 Edget/IoT 환경 혹은 CI/Dev 환경에서 k8s를 쉽게 사용할 수 있도록 도와주는 도구이다. Rancher Labs에서 만든 Kubernetes의 또 다른 버전. Kubernetes와 비교해서는 크게 두가지의 차이점이있다. 경량화, 외부 클라우드 서비스와의 연동 기능을 최소한으로 줄이고, 고가용성(HA) 배포를 위해 기본으로 사용하던 etcd 의존성을 없애고 sqlite를 기본값으로 사용한다. 또한 Docker와 … Continued
Vite로 만든 프로젝트 배포하기 (github page, docker)
Github Page 형상관리를 git으로하고 github를 사용한다면 static한 파일을 배포해서 username.github.io/reponame으로 생성됩니다. 서버를 구매하지 않아도 코딩의 결과물을 무료로 배포 할 수 있습니다! Vite config Github action https://github.com/sitek94/vite-deploy-demo Docker 나는 github page가 아닌 내가 호스팅하고있는 서버에서 하고싶다. package.json serve라는 스크립트를 만들고 vite의 preview의 옵션들을 추가한다. docker-compose using traefik
WordPress 관리자 계정 숨기기
관리자 계정을 가지고있는 워드프레스가있습니다. 사이트에 대한 전체 액세스를 요청하는 클라이언트가 있는 경우. 실제로 코딩하고 워드프레스를 관리할 수 있는 관리자의 계정을 삭제할 수 있습니다. 이렇게 된다면 비상 상황이 발생합니다. 사이트에 대한 관리자 액세스 권한이 없는 경우 권한을 다시 얻으려면 데이터베이스를 편집해서 유저에 대한 정보를 해킹해야 합니다. 내가 이제 관리하지 않게되는 사이트라면 “백도어”를 추가하지 않도록 해야합니다. 이는 … Continued
PHP 버전 쉽게 전환하기
모든 언어가 그렇지만 개발을 하다 보면 프로젝트마다 언어, 의존성 등의 버전을 다르게 해서 개발할 때가 있습니다. PHP 버전을 손쉽게 변경하고 관리할 수 있는 프로그램들을 설치해서 사용해 보도록하겠습니다. brew-php-switcher 설치 PHP 버전 변경 방법
Node 버전 쉽게 전환하기 (homebrew)
모든 언어가 그렇지만 개발을 하다 보면 프로젝트마다 언어, 의존성 등의 버전을 다르게 해서 개발할 때가 있습니다. 노드 버전을 손쉽게 변경하고 관리할 수 있는 프로그램들을 설치해서 사용해 보도록하겠습니다. nodebrew nvm 이 두가지를 제일 많이 사용한다. 설치는 모두 homebrew로 진행할 것이다. nodebrew 설치 개발환경에서 사용할 node 버전을 지정 error 🤔 왜 설치한 v6.5.0으로 변경되지 않은 걸까? nodebrew에서 … Continued
워드프레스 플러그인 없이 공사중 띄우기
워드프레스 운영하면서 유지관리모드 우리가 익숙하게 알고있는 공사중 상태로 전환하거나 해야할 상황이 생깁니다. 아마도 웹사이트를 리뉴얼하거나, 테마를 변경하거나, 웹사이트의 새로운 기능이 추가될때 테스트를 할 수 있습니다. 이런 상황에는 웹사이트를 접속하는 유저들에게 유지 관리 모드로 전환하고 유저에게 웹사이트에서 무슨일이 일어나고있는지 공지하는 것이 좋습니다. 공지하지 않아도 테스트와 변경을 할 수 있다면 그것이 완벽한 정답이죠! 그래도 무중단 배포 테스트의 … Continued