웹과 인터넷
- 인터넷 : 전 세계의 컴퓨터를 한 통신망에 연결한다는 의미
- 웹 : 인터넷에 연결된 사람들이 정보를 공유할 수 있는 공간
웹의 특징
- 링크를 통해 이동한다.
- 정보를 HyperText 형식으로 표현한다
HyperText : 글자 이상의 기능을 하는 텍스트
웹 브라우저
웹 서핑을 위해 사용하는 것.
ex) Chrome, FireFox, Edge 등..
클라이언트와 서버
- 클라이언트 : 서비스를 요청하는 컴퓨터
- 서버 : 서비스를 제공하는 컴퓨터
- 프로토콜 : 클라이언트와 서버 사이에서 통신할 때의 규칙
프론트엔드 vs 백엔드
- 프론트엔드 : 웹 서비스에서 사용자와 상호작용 부분을 담당
- 백엔드 : 웹 서비스에서 보이지 않는 서버측을 담당, 프론트엔드에서 전달받은 데이터와 요청을 내부 데이터와 연산을 하고, 다시 프론트엔드에 결과를 전달한다.
HTML, CSS, JavaScript
- HTML : 웹 페이지의 구조를 나타낸다. 웹 페이지를 연결하는 기능을 수행한다.
태그: <>(태그)로 구성되며, 하나하나가 각각의 역할을 가지고 있다. - CSS : 웹 페이지의 구성 요소를 꾸민다.
- JavaScript : 웹 페이지의 동작을 담당한다.
IDE란?
Integrated Development Environment의 약자로 통합 개발 환경을 뜻한다.
ex) VS Code, Intellij, Eclipse 등..
자주 쓰는 HTML 태그
h태그 : 제목을 나타내며 뒤에 1~6 숫자에 따라 크기가 작아진다.
a : 닻을 나타내며, 링크를 위해 사용하는 태그이다.
br : 줄바꿈을 하는 태그
form : 입력을 받기 위한 태그
오늘의 실습 : 로그인 화면 만들기
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Login</title>
</head>
<body>
<h1>Login</h1>
<form>
ID : <input type="text" />
<br />
PW : <input type="password" />
<br />
<input type="button" value="login" />
</form>
</body>
</html>
오늘의 소감
지난 시간까지는, Git과 GitHub에 대한 이야기를 하였고 이제야 처음으로 웹 서비스를 위한 파트를 공부하기 시작했다. 오늘부터 하는 공부는 내가 하는게 내 눈에 즉각즉각 변화가 보이기도 하고 더 재밌는 부분이라 좋았던 것 같다. 앞으로도 다양한 것을 배우며 여러가지 많이 만들어보고 싶은 생각이 든다.
