HTML CSS JavaScript 모두 프론트 Front End 개발 언어 입니다.
이 포스팅에서는 세 언어의 차이점에 대해 알아보도록 하겠습니다.
HTML 란?
Hyper Text Markup Language
웹 페이지의 구조를 결정합니다. HTML 로 홈페이지의 뼈대, 틀을 만들죠. 문장에서 “명사”의 역할을 한다고 볼 수 있습니다.
“이미지는 세번째 줄 오른쪽에 넣고, 양식은 사진 아래에 넣어라.”
CSS 란?
Cascading Style Sheets
HTML 의 스타일을 결정합니다. 즉 홈페이지를 예쁘게 꾸미는 역할을 합니다. 문장에서 “형용사”의 역할을 한다고 볼 수 있습니다.
“첫번째 줄 폰트는 40px 로, 바탕화면 색은 파란색으로 만들어라.”
JavaScript 란?
자바스크립트
자바스크립트는 홈페이지에 로직과 사용자와의 상호 작용성을 더하는 역할을 합니다. 즉 자바스크립트로 홈페이지에 액션과 생동감을 넣을 수 있습니다. 문장에서 “동사”의 역할을 한다고 볼 수 있습니다.
“이 버튼을 클릭하면, 팝업이 뜨게 하라, 계산 해라, 다른 파일에서 데이터를 불러와라.”
프론트엔드와 백엔드 웹 개발자 차이점은 무엇일까?
웹 개발자 Front End 와 Back End 차이점을 알아봅시다.
프론트엔드와 백엔드 ?
Front End 프론엔드는 말 그대로 사람들 앞에 보여지는, 즉 사용자와 직접적으로 상호작용하는 것을 개발합니다. HTML, CSS, JavaScript 자바스크립트 언어를 이용하지요.
Back End 백엔드 개발자는 사람들에게 보여지지 않는 모든 것, 즉 프론트엔드가 아닌 모든 것을 관리 합니다. 주로 서버와 데이터베이스, 인프라를 구추하고 관리하여 사용자에게 안정적이고 빠른 서비스를 제공할 수 있도록 합니다. 백엔드 언어에는 파이썬, PHP, 자바 등등 종류가 많고 프레임워크도 다양합니다.
레스토랑을 예로 들면, 주방에서 일하는 사람들은 백 앤드 개발자가 되겠고 레스토랑 웨이터, 테이블 안내원 등은 프론트 앤드 개발자가 되겠습니다.