신나yo-TechBlog

JS가 "동적 언어, 클라이언트 side 언어"인 이유(feat.PHP) 본문

TIL: theory/Javascript

JS가 "동적 언어, 클라이언트 side 언어"인 이유(feat.PHP)

신나yo 2021. 4. 11. 11:33
728x90

웹앱 만들기 강의의 학습목표는 '구조를 파악하는 것'이기 때문에, 각 프로그래밍 언어들에 대해 심도 있는 이론을 다루지는 않는다. 하지만, 어떻게 기능하며 상호작용하는지 구조를 파악하는 데 집중하고 있다.

JavaScript와 PHP를 병렬학습하고 있는데, 서로를 비교해가며 학습하니 전체적 틀 학습에 도움이 된다.
아직 기초적인 작동 개념만 학습해서 확실치 않지만, 몇 가지 예제와 함께 실습해보면 병렬 학습의 효과를 좀 더 경험해볼 수 있을 것이라고 기대하고 있다.

JS를 동적 언어, 클라이언트 사이드 언어라고 하는 이유를 이해하며 알게 되었다.

HTML, CSS JS, PHP
정적 언어 : 한 번 작성&표시되면, 바뀌지 않는다.

문서를 만들기 위한 언어라고 할 수 있다.
동적 언어: 사용자의 조작 또는 기타 상황에 따라 다르게 동작할 수 있다.

보편적으로 말하는 '프로그래밍 언어'에 속한다.

 

JS와 PHP는 사실 같은 일을 하나는 브라우저, 하나는 서버에서 하는 경쟁관계라고 한다.

그래서 '병렬학습'이 용이하다고 판단하셨나 보다. 오늘 수업에서 학습한 내용을 정리해보니 다음과 같았다.

JS PHP
입력한 명령에 대해 웹브라우저가 해석+처리한다.
따라서 클라이언트 side 언어!

*웹 브라우저 상에서 F12 눌러서 소스코드를 보면, 내용 출력을 위해 입력한 명령이 그대로 보인다.
입력한 명령을 PHP해석 엔진이(서버에서) 해석+처리한다.
해석한 내용을 브라우저에 출력하기 때문에, 브라우저 페이지와 F12에서 볼 수 있는 소스코드에서도 '실행 결과'만 확인할 수 있다.

php인터프리터, php엔진이라고도 한다.

*서버에서 해석, 처리하는 언어이기 때문에 서버 side 언어!

커버 이미지 출처: Photo by SpaceX on Unsplash  

*커버 이미지에 대한 여담: php와 JS에 대해서 병렬학습을 하는 첫 느낌이 꼭 저 이미지 같았다! 꼭 맞는 이미지가 있어서 혼자 빵 터졌다ㅋㅋㅋㅋㅋ 두 개의 로켓을 동시에 띄우는 이미지 ㅋㅋㅋㅋㅋㅋㅋㅋ

728x90
Comments