web 공부 2024.03.15
web - 1일차 (2024.03.15)
공부 자료 및 링크
- 프론트엔드 기초: HTML, CSS, JavaScript (React, Vue)
Java 학습 자료
- 김영한의 자바 입문 - 인프런
- 생활코딩 Java 기초 강좌
HTML 기초
HTML 문서의 기본 구조는 아래와 같다. !을 입력하고 엔터키를 누르면 기본 템플릿이 생성된다.
1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>안녕 html</title>
</head>
<body>
<h1>안녕!! 방가워!</h1>
<p>hahahaha</p>
</body>
</html>
1
2
3
4
5
6
<!DOCTYPE html>: HTML5 문서를 선언한다.
<html lang="ko">: 문서의 기본 언어를 한국어로 설정한다.
<meta charset="UTF-8">: 문자 인코딩을 UTF-8로 설정한다.
<meta name="viewport" content="width=device-width, initial-scale=1.0">: 모바일 장치에서의 뷰포트 초기 크기를 설정한다.
<title>: 웹 페이지의 제목을 설정한다.
<h1>, <p>: 제목과 단락을 나타낸다.
CSS 기초
CSS는 HTML 문서의 스타일을 정의하는데 사용된다. 예를 들어, border-collapse: collapse; 속성은 테이블의 테두리를 한 줄로 합친다.
네트워킹 기초
- TCP/UDP: 데이터 전송 프로토콜. TCP는 신뢰성 있는 연결 기반 서비스를 제공하고, UDP는 빠른 전송을 위해 신뢰성을 희생한다.
- HTTP: 웹에서 서버와 클라이언트 간에 문서를 주고받을 때 사용하는 프로토콜.
- IP 주소와 MAC 주소: 네트워크상에서 기기를 s식별하는 주소. IP는 네트워크 레이어, MAC은 데이터 링크 레이어에서 사용된다.
- DNS 설정: 도메인 이름을 IP 주소로 변환하는 시스템. 때때로 DNS 서버를 변경하여 접속 문제를 해결할 수 있음. 일반적으로 사용되는 공개 DNS 서버는 Google의 8.8.8.8이나 Cloudflare의 1.1.1.1.
네트워크 용어
- 공인 IP와 사설 IP: 인터넷에 연결된 장치는 고유한 IP 주소를 가짐. 공인 IP 주소는 인터넷 상에서 직접 접근할 수 있는 고유한 주소이며, 사설 IP 주소는 로컬 네트워크 내에서만 사용되는 주소.
- NAT (Network Address Translation): 하나의 공인 IP 주소를 여러 장치의 사설 IP 주소와 매핑하여 인터넷 연결을 공유할 수 있게 해주는 기술. 웹의 기본 개념
- HTTP 통신: 클라이언트와 서버 간의 문서 교환을 위해 사용되는 프로토콜입니다. HTTP 요청과 응답을 통해 데이터가 교환됨.
- 웹 브라우저: 사용자가 웹을 탐색할 수 있게 해주는 소프트웨어. HTTP를 통해 웹 서버로부터 정보를 요청하고, 받은 정보를 화면에 표시.
- 클라이언트 사이드 프로그래밍: 웹 브라우저에서 실행되는 프로그래밍으로, 사용자의 상호작용에 따라 동적으로 웹 페이지를 변경할 수 있음. 대표적으로 JavaScript가 이에 해당.
웹 기초
서버와 클라이언트: 서버는 웹 페이지, 사이트 또는 앱을 호스팅하는 컴퓨터이며, 클라이언트는 서버에서 호스팅되는 서비스에 접근하는 사용자의 장치다. HTML, CSS, JS: 웹 페이지를 만들고 디자인하며 동적으로 만드는 데 사용되는 기술들입니다. HTML은 웹 페이지의 구조를 정의, CSS는 스타일을 지정, JavaScript는 웹 페이지에 대한 동적인 기능을 추가.
웹 개발 도구
- Live Server: Visual Studio Code 확장 프로그램 중 하나로, 개발 중인 웹 페이지를 실시간으로 미리 볼 수 있게 해줌.
This post is licensed under CC BY 4.0 by the author.