userAgent

JavaScript

24시간 간격 방문 카운트 구현 : 쿠키, 정규식, navigator.userAgent

See the Pen Browser Identifier by Richard JEON (@hj-rich) on CodePen. 버튼을 클릭하면 현재 Client의 browser, os 등의 정보가 alert된다. 이하는 방문카운트 기능을 추가한 과정을 기록한다. 1. 쿠키를 이용해 24시간 간격으로 fetch하는 함수를 footer에 추가. document.cookie 를 이용해 쿠키 유무 확인 및 쿠키 생성을 진행한다. 쿠키가 없으면 쿠키를 생성하되, 이름을 지정하고, 유효기간은 현재로부터 24시간으로 한다. footer template에 담아서 모든 페이지에서 쿠키 유무를 판별하도록 처리한다. 쿠키가 있으면 아무 일도 하지 않는다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 ..

리차드
'userAgent' 태그의 글 목록