[JavaScript] ① 자바스크립트란 무엇일까?

2020. 6. 5. 16:58·개발/JavaScript

자바스크립트는 '웹페이지에서 동적인 활동'을 지원하기 위해 출시된 프로그램 언어다. 웹페이지에 대한 이해가 없다면 바로 이러한 동적인 활동이 무엇인지가 궁금할 수 있다. 이를 위해서는 먼저, 웹페이지에 대한 간략한 이해가 필요하다.

웹페이지의 이해

지금은 브라우저에서 인류의 거의 모든(?) 활동을 하는 것이 가능하지만, 초창기의 웹은 이처럼 다이나믹한 활동을 지원하지 못하는 정적인 웹(글과 이미지를 겨우 보여주는 정도)에 불과했다.

 

우리가 현재 보고 있는 웹페이지는 크게 HTML, CSS, JavaScript로 구성된다. HTML은 웹의 뼈대를 만들고, 콘텐츠를 추가하는 마크업 언어다. CSS는 HTML 콘텐츠를 이쁘게 꾸미는 스타일링 역할을 한다. 마지막으로 JavaScript는 페이지를 자동으로 새로고침하거나, 쿠키를 관리하거나, 방문자 활동을 추적하는 등 보다 동적인 기능들을 구현하는 데 사용한다.

 

자바스크립트가 없다는 말은 HTML과 CSS로만 웹페이지를 만든다는 말이다. 이러한 웹페이지는 상당히 기능이 제한적다. 자바스크립트가 있어야만 살아있는 듯한 동적인 웹페이지를 만들 수 있다.

자바스크립트를 배워야 하는 이유

자바스크립트는 거의 모든 브라우저에서 지원하는 유일한 프론트엔드 언어다. 이 말은 동적인 웹페이지를 만들기 위해서는 자바스크립트 밖에는 선택지가 없다는 의미이기도 한다. 웹페이지에서 멋진 무언가를 만들어보고 싶다면 반드시 자바스크립트를 공부해야 한다!

자바스크립트의 작동 방식

자바스크립트는 하나의 언어이고 따라서 이 언어를 실행할 수 있는 '실행 환경'과 '엔진'이 필요하다.

 

브라우저 측의 대표적인 엔진으로는 크롬과 오페라 브라우저에서 사용하는 구글의 V8이 있다. V8 엔진은 우리가 작성한 자바스크립트 코드를 브라우저에서 실행해주는 역할을 한다. 또한 자바스크립트는 Node.js를 통해 브라우저가 아닌 서버에서도 사용할 수 있다. 즉, 자바스크립트를 통해 백엔드 서버를 구성할 수 있다.

 

정리하자면 자바스크립트 하나를 잘 배워두면 거의 모든 웹 애플리케이션을 만들어낼 수 있다.

저작자표시 비영리 변경금지 (새창열림)

'개발 > JavaScript' 카테고리의 다른 글

[JavaScript] ⑤ 자바스크립트 함수란?  (0) 2020.06.07
[JavaScript] ③ 자바스크립트 데이터 타입  (0) 2020.06.07
[JavaScript] ② 자바스크립트 변수의 이해  (0) 2020.06.06
'개발/JavaScript' 카테고리의 다른 글
  • 자바스크립트 표현식과 연산자 개념
  • [JavaScript] ⑤ 자바스크립트 함수란?
  • [JavaScript] ③ 자바스크립트 데이터 타입
  • [JavaScript] ② 자바스크립트 변수의 이해
휘Hwi
휘Hwi
여행, 사진, 개발, 책 이야기를 기록하는 여행자 휘의 블로그 𓂍
마이리얼트립 프로모션 할인 🏝️
마이리얼트립 호텔 예약 배너
※ 배너를 클릭하여 상품 구매 시, 파트너스 활동에 대한 소정의 수수료를 지급받습니다. 구매자에게 추가로 부과되는 수수료는 없습니다.
  • 휘Hwi
    휘: 끝나지 않은 이야기
    휘Hwi
  • 전체
    오늘
    어제
    • 분류 전체보기 N
      • 기록
        • 일상 에세이
        • 인사이트
        • 투자와 재테크
        • 코인 이야기
        • 아카이빙
        • 집무실 레터
        • 사랑에 대하여
        • 번역 이야기(完)
        • 프리랜서 일지(完)
      • 여행 N
        • 🌎 세계 여행기 S1 (完)
        • 🌊 삼삼한 여행기 (完)
        • 🚶 온더로드
        • 🇯🇵 일본
        • 🏝️ 발리
        • 🇻🇳 베트남 N
        • 🇱🇰 스리랑카
        • 🇮🇳 인도
        • 🇹🇭 태국
        • 🇸🇬 싱가포르
        • 🇦🇺 호주
        • 🇭🇰 홍콩
        • 🇰🇷 한국
        • 🍚 여행자의 한 끼
        • ℹ️ 여행 정보
      • 사진
        • 사진가
        • 사진 이론과 생각
        • 사진 관련 정보
      • 영상
        • 파이널컷 모션 공부
        • 고프로 GoPro
        • 영상 관련 정보
      • 책
        • 책 읽고 쓰기
      • 개발
        • 티스토리
        • Internet
        • HTML
        • CSS
        • JavaScript
        • Typescript
        • React
        • Node.js
        • Express
        • NestJS
        • Python
        • Django
        • MySQL
        • MongoDB
        • AWS
        • Deployment
        • Terminal
        • Git
        • Glossaries
        • Articles
        • Projects
        • TIL;
      • 미분류
  • 인기 글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
휘Hwi
[JavaScript] ① 자바스크립트란 무엇일까?
상단으로

티스토리툴바