[스파르타코딩클럽 웹개발 기초] 1주차-1 / 로그인 페이지 만들기

브라우저

브라우저의 역할

1. 요청을 보내고 

2. 받은 HTML 파일을 그려주는 것

 

우리가 보는 웹 페이지는 서버에서 준비해두었던 것을 “받아서”

브라우저에서 우리가 볼 수 있도록 “그려주는” 역할을 수행

 

*요청하는 쪽 - 클라이언트

         주는 쪽 - 서버

 

브라우저는 주소를 통해 API로 요청을 보내고

API는 요청에 맞는 HTML파일 돌려주고

브라우저는 받은 것을 화면에 그려줌

 

VS Code(Visual Studio Code) 

마이크로소프트 사에서 개발한 코드 에디터

 

HTML 기초

• HTML : 웹의 뼈대를 잡아주는 구역을 나타내는 코드
• CSS : 뼈대를 꾸며주는 코드
• Javascript : 움직임을 주는 코드

 

HTML

• head : 페이지의 속성 정보(눈에 보이는 부분 외)
  • meta, script, style, link, title 등
• body : 페이지의 내용(눈에 보이는 부분)
  • span, img, input, textarea 등

 

HTML tag 기초

위 코드의 결과

 

로그인 페이지 만들기

위 코드의 결과

 

 

***

• 실행 : Alt+B
•  코드 정렬 : Shift+Alt+F
•  <p> : 줄바꿈
•  <hr> : 줄긋기

 

 

---

스파르타코딩클럽

[왕초보] 코딩이 처음이어도 쉽게 배우는 웹개발 A to Z

1주차 1-1 ~ 1-6