Front End 는 사용자의 요청을 위한 화면 또는 결과를 보여주는 화면을 구성하는 역할을 한다.
사용되는 언어는 HTML, CSS, Java Script, J-Query 가 있다.
Server Side 는 요청에 대한 실제 처리를 담당한다.
사용되는 언어는 Java, Python, Java Script, C# 등이 있다.
Data Base 는 필요한 데이터를 저장하거나 가져온다.
사용되는 언어는 My-sql, Oracle, Postgre 등이 있다.
조합해보자면 Front End로 사용자를 위한 화면을 만들고 Server Side로 사용자의 요청을 처리하며 Data Base로 요청 처리를 위한 데이터 또는 처리한 데이터들을 저장하고 가져오는 방식으로 웹은 동작한다.
그렇다면 사용자의 요청을 처리하기 위한 화면을 만드는 Front End의 언어들을 조금 더 자세히 살펴보자!
HTML: 웹 어플리케이션 뷰의 뼈대 구성CSS: HTML을 보다 세련되게 표현Java Script: HTML 에 동적 기능을 구현J Query: Java Script 의 라이브러리
HTML 은 웹 어플리케이션 뷰의 뼈대를 구성하며, 디자인이 들어가지 않은 문서의 모습이기 때문에 아직 옷을 입지 않은 사람 이라고 생각하면 된다.
CSS는 HTML을 꾸며주는 역할로, 옷을 입지 않은 사람에게 옷을 입혀주는 역할을 하며 그렇기 때문에 HTML 문서의 머리부분(head)에 주로 작성해준다.
(옷을 입히고 밖에 나가는 것과 밖에 나가서 옷을 입는 차이이다 👗)
Java Script는 HTML의 동적 기능은 구현한다.
우리가 웹 페이지를 이용할 때 로그인을 하거나, 파일을 다운받을때 버튼을 누르는 등의 이벤트가 발생하면 처리를 해주는 역할을 한다.
J Query는 Java Stript 의 라이브러리라고 생각하면 된다.
예전에는 웹에 따라 개발하는 툴이 달랐지만 지금은 웹표준이 만들어져 있어 대부분 비슷하게 만들어 처리가 가능하다!
(다만 html로만 작성할 경우 조금씩 다르게 표시되는 부분이 있기 때문에 css로 최대한 맞춰주는 작업을 해야한다.)
✨ 앞으로 작성할 Front End 시리즈에서는 사용자를 위한 화면을 만들 수 있는 html, css, java script, j qrery에 대해 차근차근 알아볼 예정이다!
