웹 서비스의 동작 원리 및 로그인 페이지 만들기

NAVER 웹 페이지

 웹 브라우저는 HTML, CSS, Javascript를 이용하여 클라이언트 서비스가 이루어진다.

- HTML은 뼈대, CSS는 꾸미기, Javascript는 입체감을 주는 역할을 한다.

- 이처럼 눈에 보이는 부분을 '프론트엔드'라고 한다

 

▶ 로그인 페이지 만들기

 

1. HTML 구성

- 웹페이지에서 뼈대를 담당하는 HTML.DMS 기본적으로 head 영역과 body영역으로 이루어져 있다.

 

주요 태그 모음

- 웹페이지를 만들때 사용하는 태그 모음이다. 다 외울 필요는 없다. 

- HTML을 사용시 필요한 태그를 구글링을 통해 검색하여 내가 필요한 태그를 사용에 맞게 사용하면 된다.

주요 태그 모음을 이용하여 나타낸 웹페이지

- 태그를 사용하여 HTML을 사용시 나타나는 결과물이다.

- 위의 태그를 이용하여 로그인 페이지를 만들어 보면 다음과 같다

로그인페이지 소스코드

프론트엔드 화면