All about {Web}

자바스크립트(JavaScript)란?
-웹을 풍부하게 만들어주는 작고 가벼운 언어

  우리가 매일 접속하는 웹사이트는 크게 3가지 요소로 구성된다. ‘HTML(Hyper Text Markup Language)’, ‘CSS(Cascading Style Sheets)’, ‘자바스크립트(Javascript)’다. HTML은 웹페이지의 큰 뼈대를 제공하고, CSS는 색깔이나 글씨체와 같은 디자인 요소를 관리한다. 자바스크립트는 크로스 플랫폼(cross platform), 객체지향 스크립트 언어로 웹페이지의 동작을 담당한다.
  자바스크립트를 이용하면 웹에 풍부한 효과를 넣을 수 있지만, 2000년대 초반만 해도 자바스크립트는 개발자들에게 무시당하는 언어였다. 별다른 기능도 없고, 성능도 별로 좋지 않았기 때문이다. 하지만 최근 몇 년 사이에 다양한 자바스크립트 프레임워크와 라이브러리가 생기면서 자바스크립트 생태계는 크게 확장되고 있으며, 그 위상도 점점 높아지고 있다.
출처: 자바스크립트 [Javascript] - 웹을 풍부하게 만들어주는 작고 가벼운 언어 (용어로 보는 IT)

-1995년 탄생한 동적 언어
-배우기 쉽고 확장성 높지만, 보안엔 취약해
-‘개발자가 가장 관심 많이 갖는 언어’로 꼽혀

※ 자바스크립트 관련 라이브러리나 프레임워크 :  앵귤라.JS, D3.JS, 노드JS, 리액트JS


모바일 디바이스 기기로 웹사이트 접속시 자동으로 모바일 사이트로 접속하게 만들기  

example 01) PC용 홈페이지 index페이지  <head></head> 사이에 삽입

<script type="text/javascript">
var UserAgent = navigator.userAgent; 
if (UserAgent.match(/iPhone|ipad|Android|Windows CE|BlackBerry|Symbian|Windows Phone|webOS|Opera Mini|Opera Mobi|POLARIS|IEMobile|lgtelecom|nokia|SonyEricsson/i) != null || UserAgent.match(/LG|SAMSUNG|Samsung/) != null)
{
  location.href = "/m/"; /* 모바일 홈페이지 경로 */
}
</script>


example 02)   // PC 웹페이지에 삽입되는 코드
<?php

$connect = '0';
extract(array_merge($HTTP_GET_VARS, $HTTP_POST_VARS));
?>


<script-x language='JavaScript-x'>
//모바일 페이지로 이동.
var uAgent = navigator.userAgent.toLowerCase();
var mobilePhones = new Array('iphone','ipod','android','blackberry','windows ce',
'nokia','webos','opera mini','sonyericsson','opera mobi','iemobile');
for(var i=0;i<mobilePhones.length;i++){
if(uAgent.indexOf(mobilePhones[i]) != -1){
if(<?=$connect;?> == '0'){
document.location='모바일용 홈페이지 경로';
<? $connect = '0'; ?>
}
}
}
</script-x>



'JavaScript' 카테고리의 다른 글

자바스크립트(JavaScript)란?  (0) 2018.05.04