프론트 엔드/HTML

[HTML]웹 브라우저(Web Browser)

❓What Is browser? Web Server에서 이동하며 쌍방향으로 통신하고 HTML 문서나 파일을 출력하는 GUI(그래픽 사용자 인터페이스) 기반의 응용 소프트웨어이다. 🧱브라우저의 구성요소 모든 브라우저에는 back-end와 front-end라는 두 개의 요소가 존재합니다. 👉front-end는 우리가 상호작용하는 인터페이스로 상당히 간단합니다. 반면 back-end의 경우 브라우저의 핵심 기능들을 용이하게 만들어주는 부분으로 상당히 복잡합니다. 다음은 브라우저의 구성 요소를 나타낸 사진입니다.👇 사용자 인터페이스 ➡유저가 브라우저와 상호작용하는 공간입니다. 앞으로 가기 뒤로 가기 및 브라우저 화면의 기타 모든 옵션이 포함되어 있는 공간입니다. 브라우저 엔진 ➡사용자 인터페이스와 렌더링 엔진 ..

[네트워크]패킷(Packet) 교환 방식

🐒➡🦧➡🦍 네트워크의 역사 🐒회선 교화 방식 초기의 통신은 두 장치를 직접 물리적으로 연결하는 방식이었습니다. 발신자와 수신자 사이에 데이터를 전송할 전용선을 미리 할당하고 둘을 연결합으로써 음성 데이터를 송수신하였습니다. 👉따라서 중간에서 전용선을 할당하고 연결해줄 사람이 필요했습니다. 회선 교환 방식은 물리적으로 두 회선을 연결하는 원리였기 때문에 상대방이 연락 중이라면 연락이 끝날 때까지 기다려야 했습니다. 회선 교환 방식은 대신 물리적인 연결 덕분에 네트워크 지연이 발생하지 않았습니다. 하지만 전용 채널 할당으로 채널이 낭비되고 즉시성이 떨어지는 단점은 큰 문제점으로 부각되었습니다. 🦧메시지 교환 방식 메시지 교환 방식은 비효율적인 회선 이용을 개선시키기 위해 나온 방식입니다. 메시지 전달 방식은..

[HTML] DOM

What is Dom? 문서 객체 모델(DOM, Document Object Model)은 HTML 문서나 XML 문서에 접근하기 위한 일종의 인터페이스입니다. 문서 내의 모든 요소의 목적과 특징을 정의하고, 각각의 요소에 접근하는 방법을 제공합니다. DOM을 이용하면 HTML로 구성된 웹 페이지를 동적으로 움직이게 만들 수 있습니다. 여러 가지 함수를 활용해서 소셜 미디어에서 새롭게 생성되는 게시물을 저장하고 분류하는 작업을 구현할 수 있습니다. dom을 이용하면 웹페이지의 일부 요소만을 변경할 수 있습니다. Selection of the dom element dom의 element를 다루기 위해서는 element를 선택하는 방법을 정해야 합니다. DOM 요소를 선택하는 방법은 다음과 같습니다. 태그 ..

[HTML]html 화면기본 문법

태그 제목으로 많이 사용

[HTML] HTML첫발 내딛기.....

❓HTML이란? HTML (Hypertext Markup Language, 하이퍼텍스트 마크업 언어는 웹 페이지가 어떻게 구조화되어 있는지를 쉽게 알 수 있도록 해주는 마크업 언어입니다. 👉즉 프로그래밍 언어는 아니라는 겁니다 ~~~ 다음과 같이 태그를 사용해 Content를 감싸서 특정 요소를 정의하거나 구조화하는 데 사용됩니다 👉각 태그는 일반적으로 여는 태그 )와 닫는 태그 )로 구성됩니다. 여는 태그는 해당 요소의 시작을 나타내고, 닫는 태그는 해당 요소의 끝을 나타냅니다. 💡HTML5가 나오기까지.... HTML은 웹페이지를 생성하는 데 필요한 언어로, 현재는 HTML5까지 버전이 출시되었습니다. HTML은 발전하면서 다양한 기능과 태그가 추가되어 왔습니다. 🛶1991년 HTML 첫 출범 HTM..