Dico

[입문] 웹 프론트 엔드 - 언어의 역사

  • Lovefield

프론트 엔드란?

프론트 엔드란, 

  1. 기획에서부터 관여해 화면 구성과 로직에 대해 짜는 사람
  2. 모든 디바이스를 대응할 수 있도록 기획과 디자인에 관여하는 사람
  3. 화면 설계를 하면서 모든 디바이스를 맞춰야 하는 사람
  4. UI / 접근성 / 표준에 대해서 숙지하고 맞춰야 하는 사람
  5. 기획 / 디자인 / 백엔드 의 연결 고리가 되는 사람
  6. 웹 페이지 성능 최적화에 가장 영향을 미치는 사람
  7. 빠르게 변화하는 웹 트렌드에 민감해야 하는 사람

보통 생각하시는 프론트 엔드와는 많이 다르실 겁니다.

하지만 프론트 엔드는 프로젝트에 있어서 PM급에 속한다고 생각합니다.

PM이 없어도 각 분야의 연결고리가 되는 사람인지라 각 분야의 지식에 대해서 알고 있어야 합니다.

(협업에 있어서 상대방의 직군에 대한 지식은 최소한의 예의입니다.)

그렇기 때문에 프론트 엔드가 가지고 있어야 할 지식은 다음과 같습니다.

  1. 기획
  2. 디자인
  3. Back end
  4. 접근성
  5. 권고안
  6. 웹 구동 방식

깊게 알아야 한다는 게 아닙니다.

각 직군의 연결고리가 되는 만큼 각 직군에 대한 이해도에 대한 지식을 말하는 겁니다.

그중 이 강의는 HTML/CSS/JavaScript에 대해서 서술합니다.

언어의 역사

HTML

HTML 이란 Hyper Text와 Markup Language의 합성어입니다.

  • Hyper Text
    하이퍼텍스트는 참조(하이퍼링크)를 통해 독자가 한 문서에서 다른 문서로 즉시 접근할 수 있는 텍스트이다. - wiki -
  • Markup Language
    마크업 언어(markup language)는 태그 등을 이용하여 문서나 데이터의 구조를 명시하는 언어의 한 가지이다. - wiki -

즉 HTML은 하이퍼 텍스트로 이루어진 데이터 체계를 명시하는 언어입니다.

팀 버너스 리가 창시한 언어이며.

역사는 다음과 같습니다.

  • 1993 년 HTML 1.0 발행 
  • 1995년 HTML 2.0 발행 
  • 1997년 1월 HTML 3.2 발행 
  • 1997년 12월 HTML 4.0 발행 
  • 2007년 HTML5 발행 
  • 2014년 HTML5가 권고안으로 지정

HTML5가 곽광받은 이유는 10년 만의 업데이트였기 때문입니다.

10년 만에 업데이트된 만큼 많은 요소가 바뀌었고.

그로 인해 아직도 HTML5에 대한 이해도가 낮은 사람이 많이 보입니다.

CSS

Cascading Style Sheets의 약어로써 연속된 스타일 시트를 일컫습니다.

실제로 CSS 문법은 여러 스타일이 나열된 모습이랍니다.

하쿰 비움 리가 창시한 언어이며.

역사는 다음과 같습니다.

  • 1994년 CSS 제안 
  • 1996년 CSS 권고안 등록 
  • 1998년 CSS2 권고안 등록 
  • 2005년 CSS3 발표 후 개발 중 W3C에서 개발 현황 확인 가능

우리가 많이 사용하는 CSS3는 현재 개발 중인 언어입니다.

CSS4는 셀렉터가 존재하지만 아직 개발이 진행되지 않은 언어입니다.

JavaScript

자바스크립트는 이제 웹에서 떼어낼 수 없는 언어입니다. 

인터렉션 부분을 장악하고 있다고 봐도 무방하죠.

1995년경 넷스케이프 네비게이터(브라우저) 가 장악하고 있는 환경에서 제작이 되었으며.

창시자가 아닌 기관 내에서 개발된 언어입니다.

1995년경 넷스케이프 네비에기터(브라우저) 환경에서 웹에 새로운 언어가 필요하다는 의견과 함께.

새로운 언어가 필요한가?란 회의가 이루어집니다.

결과는 새로운 언어가 필요하다, 였으며.

서버에서 사용하는 jsp 언어와 디자이너와 초보자를 위한 인터렉션 언어인 javascript가 탄생하게 됩니다.

그래서 기관은 Brendan Erich를 섭외해 언어를 제작합니다.