본문 바로가기
Frontend

웹브라우저 timezone 가져오기 / 웹브라우저의 timezone 변경하기

by SOLYI 2024. 8. 30.

 


웹브라우저 timezone 정보를 가져오는 방법


1. 웹 브라우저를 실행한다. (크롬, 엣지, 웨일, 파이어폭스 등)

2. F12를 눌러 개발자 콘솔을 켠다.

3. 콘솔 창에서 다음 코드를 입력한다.

Intl.DateTimeFormat().resolvedOptions().timeZone

 //  'Asia.Seoul' 

 

4. timezone값을 확인할 수 있다 

 

위 방법으로 사용자의 타임존 값을 알 수 있다.


timezone 정보를 변경하는 방법


타임존을 적용한 코드를 작성하고 테스트를 하기 위해선 내 웹 브라우저의 타임존 정보를 변경해야한다.

 

1.웹 브라우저를 실행한다. (크롬, 엣지, 웨일, 파이어폭스 등)

2. F12를 눌러 개발자 콘솔을 켠다.

3. 케밥 아이콘 ︙ 을 클릭한다. (이미지의 ①)

4. 도구 더보기(이미지의 ②) ▶ 센서(이미지의 ③)를 추가해준다.

5. 기본적으론 위치 : 재정의 안함 이라고 설정되어있다.

6. 일본에 있는 사용자라고 가정하고 위치를 Tokyo 를 선택한다.

7.  다시  다음 코드를 입력한다

Intl.DateTimeFormat().resolvedOptions().timeZone

 

8. 아래 이미지 처럼 'Asia/Tokyo'가 출력된다.

 

 

8. 목록에 없는 경우 

 

8-1. 위치 : 기타 를 선택하고 시간대 ID값에 직접 입력한다 (예: Etc/GMT-9)

 

8.2 목록에는 없지만 테스트에 필요한 경우, 관리를 눌러 값을 추가해둘수 있다.

위치 - 관리 화면

 

 

참고 링크

oracle 제공 TimezoneID [링크]

 

 

 

키워드

Intl.DateTimeFormat().resolvedOptions().timeZone 
Timezone
Asia/Tokyo
Asia/Seoul
Etc/GMT-9
타임존 시간대 변경
zoneinfo
크롬 웨일 엣지
관리자 콘솔 
센서

 

반응형