밤토리
728x90
article thumbnail
[JS] 스크롤시 맨 위로 가기 버튼 만들기
Frontend/Javascript 2024. 3. 16. 23:49

안녕하세요. 현생을 사느라 포스팅이 조금 늦었습니다. 요즘 앱이나 웹에서 아래의 이미지와 같이 스크롤을 내리고나서 "위로가기" 버튼 많이 이용하시나요? (혹은 맨 아래로) 오늘은 간단하게 자바스크립트로 "위로가기" 버튼을 만들고자 아래의 코드를 공유합니다. const element = document.documentElement; // 스크롤 이벤트 리스너 window.addEventListener('scroll', () => { const btnStyle = document.getElementById('btn-scroll-to-top').style; // 스크롤을 했을때 100px을 초과하면 보이고 아니면 none 처리 btnStyle.display = element.scrollTop > 100 ? '..

article thumbnail
[GIT] Bitbucket - PR(Pull Request) Template 만들기
ETC/Git 2024. 1. 6. 18:43

Gitlab, Github의 경우 gitlab/github 디렉토리에 md파일을 생성해서 MR template 혹은 PR(Pull Request) Template을 만들수 있게 제공하고 있습니다. Bitbucket의 경우 PR Template에 대한 자료를 찾기가 굉장히 어려운데 생각보다 단순했다. 먼저 PR은 뭐고 Template은 왜 생성하는가? PR(Pull Request) Pull Request는 저장소의 내용을 Fork(복제)해서 요청하고자 하는 곳에 업데이트를 한 후에 내가 작업한 내용도 적용해달라는 뜻이다. 개발자들이 개발용 브랜치(develop) 혹은 각기 다른 브랜치에서 별도의 검토와 절차 없이 Main Branch(master)에 push를 하게되면 어떻게 될까? 동료들의 검토없이 Ma..

article thumbnail
[Google Analytics] 티스토리 ↔ GA4 연동하기
IT기술용어/기타 2023. 12. 9. 20:42

일평균 50~80명 사이 방문자를 기록하던 제 블로그에 무려 3000여명 가까이 기록되는 일간 방문수가 기록되는 일이 있었습니다. 처음엔 기뻤으나,,, 엥 ...제 블로그는 이런 몇천명의 트래픽이 발생하는 인기 블로거가 아닌데 말입니다. IP를 확인할수있는 방법이 없고 무효트래픽이 발생하게되면 광고 제재가 들어올수도 있다는 소식에 GA4를 티스토리와 연동하여 무효트래픽을 모니터링하고자 합니다. GA는 주로 마케팅에서 잠재고객 분석/활용에 사용되고 있고 앞서 GA에 대한 소개와 이점을 간략하게 소개하자면 1. GA (Google Analytics) Google Analytics는 Google에서 무료로 제공하는 "웹 로그 분석 툴"입니다. Google Analytics를 웹사이트에 설치하여 방문자의 유입 ..

article thumbnail
[Infra] 무중단 배포 전략 (Rolling / Blue Green / Canary)
Backend/Infra 2023. 7. 27. 23:26

무중단 배포 전략 ? 소프트웨어나 애플리케이션의 변경사항을 사용자에게 서비스 중단 없이 지속적으로 배포하는 전략 입니다. 애플리케이션의 중단 시점 운영중인 서버가 하나일 경우 v1 서비스가 현재 실행중이고 새 버전인 v2를 다운로드를 받습니다. v1 서비스를 종료시키는 시점부터 v2 서비스를 시작하기 전까지 서비스는 중단됩니다. (Downtime) 문제점은? V2가 실행되기 전까지 빨간색 "X"로 표시된 부분은 애플리케이션을 사용할 수 없게됩니다. 실제 가동중인 애플리케이션이라면 사용자는 중단하는 그 시간동안 기다려야만 할까? 그건 있어서는 안될 일입니다. 서비스를 중단없이 새로운 버전으로 계속 배포하는 방법을 찾아봅니다. 무중단 배포 전략에는 Rolling, Blue-Green, Canary 방식이 있..

728x90