검색 본문
study0304.tistory.com 공부해봅시당 [CS] HTML의 Hyper Text와 Markup에 대해 쉽고 빠르게 알아보자 Hyper 그리스어 접두사로 `over` 또는 `beyond`의 의미를 가지고 있다. 영어로는 `초월한`, `과도한`, `과한` 등의 의미로 사용된다. 그러니까 보통 `Hyper`가 포함된 단어들은 어떤 것의 범위를 넘어서거나, 일반적인 수준을 뛰어넘는 것을 말한다. Hyper가 포함된 예시 단어들은 아래와 같다. - Hyperactive (과잉활동의): 지나치게 활동적인 상태를 의미합니다. 주로 과잉활동 장애(ADHD)에서 사용된다. - Hyperbole (과장법): 문학에서 사실을 과장하여 표현하는 수사법을 의미한다. - Hypertens Hyper Text `HyperText`를 직역하면 `초월 문서`로, `텍스트가 일반적인 한계를 넘어선다`는 의미를 내포한다. 그렇다면 도대체 텍스트의 일반적인 한계를 넘어선다는 것이 뭘까? 한계를 뛰어넘는다는 것 일반 텍스트와는 다르게 문장과 단어 등이 링크를 통해 서로 연결된 네트워크처럼 구성된 문서라는 것이다. 예를 들어 네이버 메인 화면에 접속했다고 가정했을때, 해당 화면에서 배너 광고를 클릭해서 다른 페이지로 접속할 수도 있고, 뉴스 기사를 클릭해서 네이버 뉴스 페이지로 넘어갈 수도 있다. 이렇게 클릭 한 번으로 원하는 페이지로... 하이퍼텍스트의 구조 하이퍼텍스트는 `노드`와 `링크`로 구성되어 있다. `링크`는 클릭을 하면 해당 주소로 이동하는 것을 뜻한다. 즉, 연결고리 역할을 하는 것이다. `노드`는 링크에 의해 연결된 문서(페이지), 즉 페이지를 의미한다. 아래 사진은 하이퍼텍스트를 위키백과에 검색했을 때의 결과 화면이다. 파란색 텍스트를 클릭하여 다른 페이지로 이동해 본 경험이 있을 것이고, 꽤나 익숙할 것이다. 여기서 파란색 텍스트에 삽입되어 있는 것이 해당 주소로 이동할 수 있는 링크, 현재 페이지와 링크를 통해 이동할 수 있는 페이지가 노드인 것이다. 하이퍼텍스트 작성 여기서 우리가 HTML을 사용하게 된다. HTML은 HyperText Markup Language의 준말로, 말그대로 하이퍼텍스트 작성을 위한 마크업 언어라는 것이다. 여기서 우리가 HyperText에 대해 자세히 다뤘으니 HyperText는 너무나 이해가 잘 갈 것이고, Markup은 무엇일까? Markup이란? 일상생활을 통해 쉽게 이해해보자. 중고등학교 시절에 시험공부를 하면서 중요한 문구에 형광펜을 칠하고, 별표시를 해본 경험이 있을 것이다. 이것이 바로 Markup이다. 실제로 영어에서는 문서나 텍스트에 주석을 달거나, 강조 표시를 하거나, 수정 사항을 추가할 때 mark up이라는 표현을 쓴다. "Please mark up this draft with your comments and suggestions."이라고 하면, `이 초안에 주석과 제안 사항을 표시해주세요`라고 말하는 것이다. Markup Language 마크업 언어에는 H 7 `HyperText`를 직역하면 `초월 문서`로, `텍스트가 일반적인 한계를 넘어선다`는 의미를 내포한다. 그렇다면 도대체 텍스트의 일반적인 한계를 넘어선다는 것이 뭘까? 한계를 뛰어넘는다는 것 일반 텍스트와는 다르게 문장과 단어 등이 링크를 통해 서로 연결된 네트워크처럼 구성된 문서라는 것이다. 예를 들어 네이버 메인 화면에 접속했다고 가정했을때, 해당 화면에서 배너 광고를 클릭해서 다른 페이지로 접속할 수도 있고, 뉴스 기사를 클릭해서 네이버 뉴스 페이지로 넘어갈 수도 있다. 이렇게 클릭 한 번으로 원하는 페이지로... 2024.05.23 블로그 검색 더보기 sinabro-123-0.tistory.com '모르는 사이에 조금씩 조금씩' HTTP - HyperText Transfer Protocol 2 *요즘은 모든 통신에서 데이터를 Http메시지로 전송한다. > HTML, TEXT > IMAGE, 음성, 영상, 파일 > JSON, XML(API) > 거의 모든 형태의 데이터를 전송 > 서버간 데이터를 주고받을 때도 대부분 http 사용 * HTTP 특징 > 클라이언트 서버 구조로 되어있다. > 무상태 프로토콜(stateless), 비연결성 > HTTP 메시지... 서버 클라이언트 HTTP http메소드 http메세지 2024.06.01 kingheedo.tistory.com WEB DEV HTTP(HyperText Transfer Protocol) 5 HTTP란? 텍스트 기반으로 데이터를 주고 받는 일종의 통신 약속이다. 프로그램들이 이 약속에 맞춰서 데이터를 서로 주고 받게 된다. URL 구성도 URL 구성도 Request 및 Response Accpet Accpet: 컨텐츠 협상(Content negotiation) 서버와 어떤 데이터를 주고 받을지 명시 Cache-Control Cookie http는 stateless하다... HTTP 2024.04.12 code-jh.tistory.com 공책 HTML - Hyper Text Markup Language(1) Hyper Text = 웹페이지에 있는 링크 기능 Mrakup Language = Markup 문법 언어 >>> 웹 브라우저에 표시되는 웹 페이지를 만들어달라고 컴퓨터에게 요청하는 언어 - 웹브라우저에서 우측 마우스 클릭 후 페이지 소스보기 (또는 키보드 F12) 누르면 보이는 것이 HTML <1960년대 말> GML (Markup 언어 시조) -> SGML(꺽쇠등... html 태그 doctype Tag 웹사이트 프론트엔드 markup GML SGML 링크연결 2024.05.24 HTML - Hyper Text Markup Language(3) HTML - Hyper Text Markup Language(2) sikida.tistory.com 0레벨 개발자의집 HTML ■ HTML(HyperText Markup Language) 10 ◈ HTML ◈ 웹 페이지를 작성하기 위해 사용되는 마크업 언어 ◈ 웹에서의 통신 흐름 ◈ • 서버들의 종류 DNS: 도메인 주소의 IP를 사용자에게 알려주는 서버 WEB : 사용자로부터 HTTP 요청을 받아 정적인 컨텐츠(HTML, CSS, …)를 응답해주는 서버 WAS : DB와 통신하여 동적인 컨텐츠를 처리하기 위한 서버 DB... HTML 코딩 Java 백엔드 프론트엔드 풀스택 Back-end 코린이 2024.04.30 통합웹 더보기
서비스 안내 스토리의 글을 대상으로 검색결과를 제공합니다. 자세히보기 기업강사 컨설턴트 은종성 커리어 분야 크리에이터 챗GPT 활용방법. 마크다운으로 구조화된 질문을 하는것 chapter 1. 구조화된 질문을 하는 방법 마크업(Markup)이란 무엇인가? 빈 노트에 글을 쓴다고 생각해 보세요. 중요한 부분은 밑줄도 긋고, 색깔도 넣고, 별을 그려 넣기도 하죠. 이렇게 나만의 구조화된 형식으로 우리는 글을 씁니다. 컴퓨터에서 글을 쓰는 것도 노트에 글을 쓰는 것과 다르지 않습니다. 다만 제목, 소제목, 단락, 굵은 글씨(볼드체), 기울어진 글씨(이탤릭체)처럼 문서를 구조화하는 것이 필요합니다. 이렇게 글의 구조와 강조할 부분 등을 표시하는 것이 마크업(Markup)이라고 합니다. 마크업이 적용된 대표적인 프로그래밍 언어가 HTML(HyperText 특징 간단하고 읽기 쉬운 문법 일반 텍스트로 편집 가능 HTML로 변환 가능 Wikipedia에서 더 자세한 정보를 확인할 수 있습니다. 해석한 문서에서는 마크다운 문법이 실제로 제목, 목록, 이탤릭체, 볼드체, 링크 등으로 변환되어 표시됩니다. 문서의 구조와 강조점이 시각적으로 두드러지게 되고, 읽는 사람이 내용을 더 쉽게 이해할 수 있게 됩니다. chapter 2. 구조화된 질문을 하는 방법 챗GPT에서 마크다운을 사용하면 좋은 점은? 챗GPT와 같은 생성형 인공지능에게 마크다운으로 질문하면 효과적입니다. 마크다운을 사용하면 구조화된 정보 전달과 가독성 향상, 코드와 데이터 포맷의 명확한 표현, 다양한 미디어 활용 등의 효과를 얻을 수 있습니다. 이를 통해 생성형 인공지능과의 의사소통을 더 효과적으로 할 수 있습니다. 첫 번째, 구조화된 정보 전달 마크다운은 제목, 부제목, 목록, 코드 블록 등을 간단한 문법으로 표현할 수 있습니다. 이를 통해 질문을 체계적으로 구성하여 인공지능에게 전달할 수 있죠... 2 마크업(Markup)이란 무엇인가? 빈 노트에 글을 쓴다고 생각해 보세요. 중요한 부분은 밑줄도 긋고, 색깔도 넣고, 별을 그려 넣기도 하죠. 이렇게 나만의 구조화된 형식으로 우리는 글을 씁니다. 컴퓨터에서 글을 쓰는 것도 노트에 글을 쓰는 것과 다르지 않습니다. 다만 제목, 소제목, 단락, 굵은 글씨(볼드체), 기울어진 글씨(이탤릭체)처럼 문서를 구조화하는 것이 필요합니다. 이렇게 글의 구조와 강조할 부분 등을 표시하는 것이 마크업(Markup)이라고 합니다. 마크업이 적용된 대표적인 프로그래밍 언어가 HTML(HyperText 마크다운 챗GPT 인공지능 2024.04.08 브런치스토리 검색 더보기 jwkane.tistory.com jwkane HTTP(Hyper Text Transfer Protocol) 문서의 특정 부분을 클릭하여 다른 관련 문서나 정보를 탐색할 수 있는 기능 제공 이는 웹의 근간을 이루는 개념으로 월드 와이드 웹(WWW)과 HTML(HyperText Markup Language)에서 중요한 역할을 함 즉, 직관적으로 설명하면 HTML과 같은 하이퍼 텍스트를 전달하는 규약이다. 2. HTTP의 기본 개념 - HTTP는 웹 브라우저... 2024.05.27 티스토리 검색 더보기 story.kakao.com YiChoyoung YiChoyoung - 카카오스토리 알고 계셨나요?! HTTPS (HTTP의 보안이 강화된 버전) HTTPS (HyperText Transfer Protocol over Secure Socket Layer, HTTP over TLS, HTTP over SSL, HTTP Secure는 월드 와이드 웹 통신 프로토콜인 HTTP의 보안... 2023.12.06 카카오스토리 검색 더보기 커리어 크리에이터 보기
서비스 안내 Kakao가 운영하는 책 서비스 입니다. 다른 사이트 더보기 Hyper text(3판) 저자 군자출판사 학술국 출간 2018.3.26. 도서 37,600원 Hypertext 저자 George P. L... 출간 2021.1.1. Hypertext 저자 George P. L... 출간 2021.1.1. Hypertext 저자 Rada 출간 1991.12.1. Hyper text 저자 군자출판사 학술국 출간 2020.3.20. 도서 40,000원 Hyper text(2016) 저자 군자출판사 학술국 출간 2016.2.29. 도서 35,000원 Hyper text(2015) 저자 군자출판사 학술국 출간 2015.4.20. Comprehensive Hypertext Markup Language (HTML). 저자 Abdulrazak ... 출간 2024.5.6. 도서 82,500원 Voice, Text, Hypertext 저자 Modiano Rai... 출간 2004.2.1. 도서 45,340원 Multimedia and Hypertext 저자 Nielsen 출간 1995.3.13. 도서 72,180원 더보기 (주)카카오는 상품판매의 당사자가 아닙니다.법적고지 안내 (주)카카오는 통신판매중개자로서 통신판매의 당사자가 아니며 상품의 주문 배송 및 환불 등과 관련한 의무와 책임은 각 판매자에게 있습니다.
HTML3.0 www.w3.org/Arena/tour/start.html HTML 3.0 하이퍼텍스트 정보. HTML2.0 www.w3.org/MarkUp/MarkUp.html HTML 2.0 하이퍼텍스트 정보. RomanticPanic's torso www.romanticpanic.net/ 신청자 작성 블로그 하이퍼텍스트 소설. 사이트 더보기
서비스 안내 Melon Company가 운영하는 음악 서비스입니다. 다른 사이트 더보기 Hypertext Recent Arts 외 3명 2023.08.05. Hypertext HOLY NOTHING 2015.09.25. Background Music: Chill Lounge Instrumental Music From TraxLab 외 2명 2018.11.30. Valley HYPERTEXT 2021.05.07. Supersystem Vibe HYPERTEXT 2017.02.03. Progmatism Hypertext 2013.04.19. Hypertext Sister II V I Rework Feat. Filip Unneland - Kristin Austreid Kathinka 2018.06.22. Astronaut Kraut! HYPERTEXT 2010.01.01. Wales HYPERTEXT 2009.03.01. Corrente Elektro HYPERTEXT 2007.08.01. Goodbye Terra Firma Goodbye Terra Firma 2016.04.23. Skyhook HYPERTEXT 2013.02.04. The Paradox Decides HYPERTEXT 2013.01.11.