[Web] JavaScript&PHP

 JavaScript&PHP

웹페이지를 만들기 위해서는 여러가지 언어가 필요하다.

HTML로도 충분히 웹페이지를 만들수 있지만 디자인적/기능적으로 부족하기 때문에

다른 언어로 그 부분을 보충해줘야한다.

그 중 기능적인 부분을 담당하는것이 Java Script, PHP이다.

그중 Java Script는 클라이언트 쪽, PHP는 서버 쪽에서 동작하게 된다.

Java Script - 정적인 웹페이지에 동적인 기능을 부여한다.

PHP - 서버 쪽에서 하나의 PHP로 여러개의 웹페이지를 호출 하는 기능

크게 나누자면 다음과 같이 분류 할수 있다.

더 쉽게 말하자면 HTML은 정보를 제공하기 위함,

CSS는 웹페이지의 디자인, Java Script는 기능적인 부분을 담당한다라고 할수있다.

PHP는 추후 DB와 함께 설명하도록 하겠다.

웹페이지에 코드 삽입하기

1.php

php의 기본 문법은 다음과 같다.

HTML 태그 사이에 다음과 같이 php의 태그가 들어가며 중간의 ~에 php 코드가 들어가가 된다.

웹 브라우저는 <?php를 읽을 때 php코드가 시작된다고 인식하게 된다.

또한 echo는 php에서 출력을 담당하는 코드이다.

2.Java Script

Java script도 동일하게 동작한다.

Java script에서 출력 코드는 document.write(~)이다.

Java Script와 PHP의 차이점

앞서 말한 것 처럼 가장 큰 차이점은 어디에서 동작하느냐이다.

Java Script는 클라이언트,PHP는 서버 쪽에서 동작하게된다.

이를 확인할 수 있는 코드는 다음과 같다.

     

먼저, 두 언어 모두 다 연산이 가능하다.

위의 코드를 브라우저에서 확인하면 다음과 같이 동일한 값이 나오는데

브라우저 상에서는 별 차이가 없어 보인다.

그러나, 결과창에서 오른쪽 클릭 -> 페이지 소스 보기를 클릭하면

차이점을 명확히 볼수 있다.

 

Java Script는 코드가 명확하게 드러나는 반면에

PHP는 결과값이 나온다.

이와같은 결과가 나오는 이유는 무엇일까?

 

이유는 PHP는 서버 사이드이므로 서버에서 처리된 결과가 나오기 때문이다.

반대로 Java Script는 클라이언트 사이드 언어이기 때문에,

브라우저에 그래도 출력되는 것이다.

JavaScript&PHP 기초 문법

php에서 +는 숫자를 더하는 연산자 이므로 "숫자" + 숫자도 계산한다.

또한, php에서 문자를 더하고 싶으면 "문자"."문자"를 사용한다.

Java script에서 문자를 더하고 싶으면 "문자"+"문자"를 사용한다.

변수는 바뀔수 있는 값을 뜻하며 프로그램을 최대한 바꾸지 않기 위해 사용한다.

php에서는 변수 앞에 $표시를 붙이며 문법 뒤에는 세미콜론(;)으로 끝났다는 표시를 해준다.