반응형

JavaScript & React/JS 웹 개발 2

브라우저에 설정된 언어를 기준으로 웹사이트 기본 언어 설정하기 예제

브라우저에 설정된 언어로 웹페이지의 초기 언어를 지정할 수 있다면 유저 입장에서는 매우 편리할 것입니다. 이번 글에서는 간단한 예제를 바탕으로 초기 언어를 유연하게 설정하는 내용을 정리해보도록 하겠습니다. 지난 포스팅에서 다루었던 간단한 웹페이지를 예시로 들어보겠습니다. 웹사이트 언어 설정 메뉴 만들기 방법(다국어 사이트 생성 예제) 웹사이트에서 다국어를 지원하고 싶은 경우가 많은데요. 언어 설정 메뉴를 만들고 언어가 자동으로 변경되는 과정을 간단한 예제를 통하여 알아보도록 하겠습니다. 이번에 다뤄볼 웹 페이지의 jimmy-ai.tistory.com 브라우저 언어 감지 방법 익스플로러, 크롬, 파이어폭스 등에서 브라우저마다 설정된 언어를 가져오는 방법은 조금씩 다를 수 있는데요. 아래의 코드로 가져오면 ..

웹사이트 언어 설정 메뉴 만들기 방법(다국어 사이트 생성 예제)

웹사이트에서 다국어를 지원하고 싶은 경우가 많은데요. 언어 설정 메뉴를 만들고 언어가 자동으로 변경되는 과정을 간단한 예제를 통하여 알아보도록 하겠습니다. 이번에 다뤄볼 웹 페이지의 HTML은 다음과 같이 정의해 보겠습니다. 제목 파이썬 자바스크립트 위의 HTML로 웹 페이지를 띄우면 다음과 같이 내용이 등장합니다. 언어 설정 메뉴 만들기 이제 위의 HTML 내에 언어 설정 코드를 만드는 방법을 간단히 살펴볼 것 인데요. HTML 파일 내에 아래의 내용처럼 추가해보고 결과를 확인해 보겠습니다. 여기서 기본 언어는 한국어로 설정되도록 하였습니다. 제목 파이썬 자바스크립트 Language: English 한국어 브라우저 설정에 따라 위치는 다르게 나타날 수 있는데, 픽셀 값을 조정하여 원하는 위치로 이동시켜..

반응형