본문 바로가기
카테고리 없음

웹에서 작동되는 모든 동작은 자바스크립트로 만들어집니다.

by UltraJimmy 2023. 1. 21.
반응형

웹에 대한 기술에 조금이라도 관심이 있는 분들이라면 자바스크립트(JavaScript)라는 말을 들어 본 적이 있으실 겁니다. 자바스크립트(JavaScript)는 웹페이지에서 복잡한 기능을 구현할 수 있도록 해주는 프로그래밍 언어입니다. 외국에서 살아가기 위해서는 그 나라의 언어를 배우고 습득해야 하는 것처럼, 웹을 다루기 위해서는 웹 브라우저가 사용하고 있는 언어인 자바스크립트(JavaScript)를 꼭 알아야 합니다. 이번 글에서는 웹 제작을 시작하기에 앞서서 필요한 기본적인 사항을 알아보도록 하겠습니다.

 

웹 프로그래밍이란 무엇인가요?

 우리는 수많은 일들을 컴퓨터로 작업합니다. 그러나 이 컴퓨터는 프로그램이 없으면 단순한 전자 장비에 불과합니다. 프로그램을 만드는 과정을 Programming이라고 하며, 이는 사람이 원하는 동작이나 실행결과를 컴퓨터가 만들어 낼 수 있도록 컴퓨터의 언어로 명령을 나열하고 입력하는 과정을 의미합니다.

 

웹 프로그래밍은 마찬가지로 웹에 필요한 프로그램을 만드는 것으로 웹 브라우저와 관련된 프로그램을 만드는 작업입니다. 웹 사이트가 작동하는 과정은 서버 컴퓨터와 클라이언트 컴퓨터 사이에서 주고 받는 정보를 보여주는 것입니다. 사람이 웹 사이트에서 필요한 정보를 검색하면 사람의 검색 요청에 맞는 정보를 서버(Server) 컴퓨터에서 가져와 보여주게 됩니다. 이렇게 사람이 검색을 위해 사용하는 기기(PC, 노트북, 스마트폰 및 모바일 기기)를 클라이언트(Client)라고 합니다.

 

웹 프로그래밍은 서버(Server)에서 사용자의 검색 요청을 처리하는 데이터를 관리 하는 백엔드(Back-end, 사용자에게는 보이지 않음) 개발과 서버(Server)에서 끌어온 정보를 웹 브라우저에 어떻게 보여줄지를 프로그래밍하는 프론트엔드(Front-end, 사용자에게 보이는 환경) 개발로 나뉩니다. 자바스크립트(JavaScript)는 웹 프로그래밍에서 가장 많이 쓰이는 프로그래밍 언어입니다.

 

자바스크립트(JavaScript)로 어떤것을 할 수 있나요?

자바스크립트(JavaScript)는 초기에 단순히 웹 사이트에서 움직이는 효과만 주는 언어였습니다. 하지만 이제는 자바스크립트로 서버를 만들고 웹에서 작동하는 프로그램도 만드는 등 여러 가지 개발작업을 할 수 있게 되었습니다. 그럼 자바스크립트로 할 수 있는 일들에 대해 알아보겠습니다.

 

- 웹 사이트를 움직이게 합니다.

HTML과 CSS는 웹 페이지에 보이는 외관만을 보이게 해 줍니다. 우리가 웹 페이지에서 마우스를 이동하면 지정한 메뉴의 하위 메뉴가 펼쳐지고 웹 페이지에 떠 있는 사진을 좌/우로 움직이게 됩니다. 이런 웹 페이지의 메뉴나 항목들을 움직이게 하는 것을 자바스크립트로 할 수 있습니다.

 

- 웹 브라우저의 실행 프로그램을 만들 수 있습니다.

HTML과 CSS를 함께 사용해야 하지만 자바스크립트는 웹에서 작동하는 프로그램을 만들 수 있습니다. 예를 들어 버스의 노선이나 노선이 지나가는 정류장 정보를 만든다고 했을 때 자바스크립트는 노선과 정류장의 정보를 저장하는 기능부터 정류장을 지도에 표시하는 기능까지 모두 자바스크립트로 구현할 수 있습니다.

 

- 서버를 구성하고 서버 운영에 필요한 프로그램을 만들 수 있습니다.

과거에는 서버 운영 프로그램을 만들기 위해서 PHP, ASP.NET, JAVA 같은 프로그램 언어가 필요했습니다. 이 언어들을 배우기 위해서는 많은 시간이 필요했습니다. 하지만 이제는 자바스크립트를 다룰 수 있으면 서버 프로그램을 만들 수 있습니다. 

 

자바스크립트(JavaScript)는 어떤 특징이 있나요?

자바스크립트(JavaScript)는 웹 브라우저에 사용성을 부과하는 언어입니다. 그래서 다른 언어와 구별되는 자바스크립트만의 특징이 있습니다. 

 

- 모든 웹 브라우저에서 작동합니다.

자바스크립트는 웹 개발 초창기부터 사용되어 온 언어이기 때문에 모든 웹 브라우저에 적용하여 사용이 가능하고 작동합니다. 하지만 자바스크립트의 최신 언어를 웹 브라우저에서 바로 사용할 수 있는 것은 아닙니다. 자바스크립트는 1년에 한 번씩 업그레이드되고 있습니다.

 

- 실행결과를 바로 확인할 수 있습니다.

자바스크립트로 만들어진 코드는 웹 브라우저만 있으면 어디서든 실행할 수 있습니다. 자바스크립트로 작성된 코드를 실행하기 위한 별도의 프로그램이 필요하지 않습니다.

 

- 다양한 공개 API를 사용할 수 있습니다.

웹에 접속하면 우리는 언제나 내가 필요한 정보를 간편하게 확인할 수 있습니다. 이런 정보는 어디서 끌어오는 것일까요? 모든 정보를 가져오는 것은 거의 불가능하기 때문에 API를 체계를 활용합니다. 많은 기관이나 웹 사이트 등에서 다양한 자바스크립트 API를 제공하고 있어 우리는 이것을 쉽게 사용할 수 있습니다.

 

- 다양한 프레임워크와 라이브러리를 사용할 수 있습니다.

자바스크립트프레임워크는 프레임워크에서 기본으로 제공하는 소스를 수정, 추가하는 방법을 통해 웹 프로그램을 만들 수 있도록 하는 틀입니다. 라이브러리는 자바스크립트로 미리 구현해 놓은 기능을 모아놓은 것입니다. 

댓글