HTML , JS , CSS

웹 페이지는 크게 세가지 기본 구조로 이루어져 있다.

로그인 페이지를 예시로 들어보겠다.

 

1. HTML  - 페이지의 기본 구조를 담당한다. 뼈대라고 생각하면 된다.

로그인 페이지에서 아이디와 비밀번호를 입력 받아주는 폼이나 로그인 버튼등 꼭 필요한 기본적인 기능들을 담당한다.

웹 페이지에서 로그인 버튼을 누르면 로그인 페이지로 이동시켜줄때 해당 로그인 페이지 링크를 제시를 해주고

js가 html에서 제시한 링크로 이동시켜준다.

 

2. JS (javascript) - 웹 페이지에서 이루어지는 동작들을 담당한다.

사용자가 아이디와 비밀번호를 입력하고 로그인 버튼을 눌렀을때 해당 정보를 서버의 데이터베이스와 대조해 일치한지 확인하고 맞으면 로그인 성공 페이지를 제시해주는 역할 등 기본적으로 동작을 필요로 할때 JS가 담당한다.

 

3. CSS - 웹 페이지를 시각적으로 꾸며주는 역할을 담당한다.

웹 페이지에서 이미지나 글씨 폰트 등 시각적으로 무언가를 꾸며줄때 CSS가 담당한다.