제이쿼리를 사용하여 브라우저 창의 크기를 조절할 때 이벤트를 발생하는 방법에 대하여 알아봅니다. 또 자바스크립트만 사용할 경우의 방법도 함께 알아봅니다.# 브라우저 크기 변화에 따른 이벤트 발생, jQuery브라우저 크기가 바뀌었을 경우 제이쿼리의 메소드 resize()를 사용할 수 있니다. resize()는 브라우저 창의 크기가 바뀌게 되면 콜백함수를 호출하여 코드를 실행하게 됩니다. 먼저 간단한 사용 방법은 아래와 같습니다.$(window).resize(function() { ... });매우 간단한 코드입니다. 제이쿼리에서는 자바스크립트 resize 이벤트를 좀 더 쉽게 사용할 수 있게 해주며 자바스크립트만 사용해서도 당연히 가능합니다.! resize 이벤트는 언제 필요한가?실제 웹사이트를 구축할 경
Last Modified : 2019-08-05 23:04:19웹브라우저의 헤드 영역에 다음과 같이 meta 태그와 함께 사용된 http-equiv 속성을 볼 수 있다. 이 속성은 왜 사용되고 각각의 태그마다 차이점을 알아보고자 한다.! 왜 http-equiv를 사용하는가?마이크로소프트에서 만든 익스플로러 브라우저는 호환성 보기 모드가 존재하는데 이는 사용자가 지원하는 브라우저에 따라 오래된 브라우저에서 정상적으로 출력되지 않는 이슈가 발생할 수 있다.이런 이슈들은 최신 브라우저만 지원하는 환경이라면 사실 이 태그를 사용하는 의미가 크지 않다. 하지만 일부 웹사이트는 오래된 버젼의 브라우저까지 모두 지원하기도 하는데 이런 경우 특히 필요한 메타 태그이다.한국의 경우 IE 8 또는 IE 9 유저가 많기 때문에 이를 지원하기 위해서 더더욱 필요할 것이다. 결국 오래된 브라
Last Modified : 2018-02-24 02:08:18웹사이트가 로컬라이제이션(Localization) 다국어 서비스를 지원하는 경우라면? 다양한 언어를 지원하기 위해서 고려할 부분이 많습니다. 특히 방문자가 웹브라우저를 통해 접속한 경우 클라이언트에서 사용된 언어가 무엇인지 알아야 할 필요가 있죠. 그럼 자바스크립트에서 이를 확인하는 방법이 문엇이 있을까요?아래는 현재 브라우저가 어떤 언어로 설정되었는지 확인하는 방법입니다. 예를들어 브라우저의 언어 설정된 값이 한글인지 영문인지 자바스크립트를 사용하여 알 수 있습니다.# 자바스크립트로 브라우저에 설정된 언어 값 불러오는 방법자바스크립트는 클라이언트에 설정된 언어 값을 불러올 수 있습니다. 이때 설정된 값을 확인하기 위해 navigator 객체를 사용합니다. 방법은 아래의 코드를 추가하여 사용하죠.naviga
Last Modified : 2019-08-07 18:34:18자바스크립트를 사용하여 브라우저의 언어 설정을 확인하는 방법에 대하여 알아봅니다. 어떻게하면 설정된 언어를 확인할 수 있을까요?아래는 언어확인과 함께 클라이언트에서 다국어 지원, 로컬라이제이션 웹사이트 방법에 대하여 알아봅니다.# 브라우저 언어 확인이 필요한 이유웹 어플리케이션이 여러 언어를 지원하는 경우... 예를들어 한글과 영어 둘 다 지원하는 경우를 생각해볼 수 있습니다. 이 경우 사용자에게 보여줄 최초 언어를 클라이언트에 설정된... 즉 브라우저의 언어설정 값으로 보여주는 경우를 위하여 사용합니다.! 보여줄 언어를 선택하는 방법들브라우저의 언어 설정 방법도 사용할 수 있지만 이 외에 다른 방법 역시 사용할 수 있습니다. 일반적으로 가장 많이 사용되는 방법은 방문자의 지역에 따라서 보여주는 언어를 달리
Last Modified : 2018-05-30 09:47:02웹표준 코드의 작성의 목표는 모든 환경에서 동일한 웹페이지를 보여주고 기능을 수행하는 것이겠죠. 이는 효과적인 크로스브라우징의 목표와 같습니다. 하지만 여러 브라우저와 환경에 동일한 웹사이트를 구축하는 것은 그리 쉬운 일이 아닙니다.목표에 다다르는 효과적인 방법 중 하나로 현재 브라우저를 알아내는 자바스크립트 기법이 있습니다. 브라우저는 각각 다른 기능들을 가지고 있으며 브라우저에 내장된 함수나 속성등이 서로 다른 부분이 있으므로 이를 이용해 어떤 브라우저인지 확인할 수 있죠.# 브라우저를 확인하는 것이 왜 중요한가브라우저마다 실제 표현되는 인터페이스가 다르므로 어떤 브라우저인지 확인할 수 있다면 특정 브라우저에만 해당하는 스타일을 적용할 수 있게됩니다. 이를 사용하여 모든 브라우저에서 동일하게 보여주는 것
Last Modified : 2018-05-19 11:49:36파이어폭스를 사용한 API 테스트가 다른 브라우저와의 장단점은?
Last Modified : 2017-04-27 02:44:19너무나 오랜 기간 웹브라우저로서 명맥을 이어오던 Microsoft의 Internet Explorer(인터넷익스플로러, IE)가 곧 서비스를 중단할 것으로 알려졌습니다. IE를 지원하던 MicroSoft의 다양한 소프트웨어에서 더 이상 지원" target="_blank">하지 않을 것을 알렸기 때문이죠. 아마도 내년 초 안에 서비스가 종료될 것으로 예상되고 있습니다.Internet Explorer 서비스 종료하나...Internet Explorer의 종료는 어느 정도 예견된 행보입니다. 새로운 Edge 브라우저가 결국 구글의 크로니움 기반으로 전환되면서 사실상 엣지에 집중하고 IE는 서서히 지원이 중단되면서 서비스 종료로 이어질 가능성이 높았지요.웹 플랫폼의 발전과 함께한 Internet Explorer돌아보
Last Modified : 2020-08-20 18:29:17브라우저에 설정된 언어를 알아내는 방법은?
Last Modified : 2017-05-13 18:54:48요즘 일부 웹사이트는 브라우저의 알림 서비스 허용을 요청하기도 합니다. 가끔씩 원하지 않는 알림 설정이 되어 화면에 계속 노출될 수도 있겠죠. 이 경우 크롬브라우저에서 해당하는 알림을 삭제, 해제하려면 어떻게 하는지 알아봅니다.# 크롬브라우저 알림 설정 및 해제하기처음에는 무시했지만 어느 순간 화면 우측 하단에 브라우저 알림이 너무 많이 떠서 어쩔 수 없이 알림 설정을 해제하기로 결정했습니다. 어떻게 설정 해제하는 지 아래에서 확인해주세요.! 브라우저 알림 설정 해제하기우선 설정 화명으로 이동하도록 합니다. 설정으로 이동하기 위해서는 크롬 브라우저의 주소창에 아래의 링크를 입력하여도 됩니다.chrome://settings/입력하면 좌측 메뉴에서 개인정보 및 보안을 찾아 클릭하면 해당 메뉴의 위치로 이동하는데
Last Modified : 2020-11-13 14:46:25