이번 포스팅에서는 HTML 문서에 대한 데이터를 정의하는 meta 태그와 보이는 화면에 대한 viewport에 대해 정리했습니다. 저번 포스팅에서 다뤘던 HTML의 또 다른 입력요소인 select 태그, textarea 태그, form 태그에 대해 궁금하신 분은 아래를 읽어보시면 좋습니다! HTML 기초 8편 - 또 다른 입력요소 (select, textarea, form 태그) 이번 포스팅에서는 HTML의 또 다른 입력요소인 select 태그와 textarea 태그, form 태그에 대해 정리했습니다. 저번 포스팅에서 다뤘던 HTML의 입력요소인 input 태그에 대해 궁금하신 분은 아래를 읽어보 mlngwandev.tistory.com meta 태그 HTML 문서에 대한 메타 데이터를 정의한다. 단일..
이번 포스팅에서는 HTML의 또 다른 입력요소인 select 태그와 textarea 태그, form 태그에 대해 정리했습니다. 저번 포스팅에서 다뤘던 HTML의 입력요소인 input 태그에 대해 궁금하신 분은 아래를 읽어보시면 좋습니다! HTML 기초 7편 - input (입력요소) 태그 이번 포스팅에서는 HTML의 입력요소인 input 태그에 대해 정리했습니다. 저번 포스팅에서 다뤘던 링크 태그 (a 태그)와 목록 태그에 대해 궁금하신 분은 아래를 읽어보시면 좋습니다! HTML 기초 6편 - mlngwandev.tistory.com select 태그 다수의 옵션 (선택지)를 포함할 수 있는 선택 메뉴이다. 메뉴 안에 포함되는 옵션은 option 태그를 사용하여 표시한다. 각각의 옵션에서 value 속성..
이번 포스팅에서는 HTML의 입력요소인 input 태그에 대해 정리했습니다. 저번 포스팅에서 다뤘던 링크 태그 (a 태그)와 목록 태그에 대해 궁금하신 분은 아래를 읽어보시면 좋습니다! HTML 기초 6편 - 링크 태그(a 태그)와 목록 태그 이번 포스팅에서는 HTML의 링크 태그인 a태그와 목록 태그에 대해 정리해봤습니다. 저번 포스팅에서 다뤘던 HTML 태그의 전역 속성에 대해 궁금하신 분은 아래를 읽어보시면 좋습니다! HTML 기초 5 mlngwandev.tistory.com input 태그 사용자가 입력한 것을 받을 수 있는 대화형 컨트롤 (= 필드) 이다. 단일 태그이다. 인라인 요소이다. 속성 속성으로 type을 사용한다. type 값에 따라 입력 요소나 입력 데이터 유형이 달라진다. 웹 페이..
이번 포스팅에서는 HTML의 링크 태그인 a태그와 목록 태그에 대해 정리해봤습니다. 저번 포스팅에서 다뤘던 HTML 태그의 전역 속성에 대해 궁금하신 분은 아래를 읽어보시면 좋습니다! HTML 기초 5편 - 전역 속성 이번 포스팅에서는 HTML의 모든 태그에서 사용 가능한 속성인 전역 속성에 대해 정리해봤습니다. 저번 포스팅에서 다뤘던 HTML의 이미지 태그와 컨테이너 태그에 대해 궁금하신 분은 아래를 읽어 mlngwandev.tistory.com 링크 태그 (a 태그) anchor (닻) 이라는 뜻으로 현재 문서에서 다른 문서로 이동할 수 있는 수단이다. 인라인 요소이다. 주로 링크 목적으로 사용된다. href 속성을 통해 다른 페이지, 전화번호, 이메일 주소, 다른 url로 연결 가능한 링크를 만든다..
이번 포스팅에서는 HTML의 모든 태그에서 사용 가능한 속성인 전역 속성에 대해 정리해봤습니다. 저번 포스팅에서 다뤘던 HTML의 이미지 태그와 컨테이너 태그에 대해 궁금하신 분은 아래를 읽어보시면 좋습니다! HTML 기초 4편 - 이미지 태그와 컨테이너 태그 이번 포스팅에서는 HTML에서 사용되는 이미지 태그와 컨테이너 태그에 대해 정리해봤습니다. 저번 포스팅에서 다뤘던 HTML의 블록 요소와 인라인 요소로 구분되는 태그에 대해 궁금하신 분은 아 mlngwandev.tistory.com 전역 속성 모든 HTML 태그에서 공통으로 사용할 수 있는 속성이다. 태그의 부가적인 기능을 정의하는 것으로 선택 사항이다. 시작 태그 내부에 정의하며 개수에 특별한 제한은 없다. 속성 앞서 이미지 태그에서 살펴보았던 ..
이번 포스팅에서는 HTML에서 사용되는 이미지 태그와 컨테이너 태그에 대해 정리해봤습니다. 저번 포스팅에서 다뤘던 HTML의 블록 요소와 인라인 요소로 구분되는 태그에 대해 궁금하신 분은 아래를 읽어보시면 좋습니다! HTML 기초 3편 - 블록 요소 / 인라인 요소로 구분되는 태그 이번 포스팅에는 HTML에서 블록 레벨 요소와 인라인 요소로 구분되는 태그들을 정리해봤습니다. 저번 포스팅에서 다뤘던 HTML 텍스트 태그에 대해 궁금하신분은 아래를 읽어보시면 좋습니다! HTML mlngwandev.tistory.com img (이미지) 태그 이미지를 표시할때 사용하는 태그이다. 단일태그로 사용된다. 단일태그란? 일반적인 태그는 내용 과 같은 구조로 이루어져 있다. 단일태그는 과 같이 하나의 태그명만 사용하는..
이번 포스팅에는 HTML에서 블록 레벨 요소와 인라인 요소로 구분되는 태그들을 정리해봤습니다. 저번 포스팅에서 다뤘던 HTML 텍스트 태그에 대해 궁금하신분은 아래를 읽어보시면 좋습니다! HTML 기초 2편 - 텍스트 태그 이번 포스팅에서는 저번에 이어서 프론트엔드에서 사용되는 HTML에서 텍스트를 표시하는데 사용되는 태그를 정리해봤습니다. 저번에 작성한 HTML의 구조와 이론에 대한 포스팅이 궁금하신분은 mlngwandev.tistory.com 블록 요소 (Block Level Element) 콘텐츠 자신이 속한 영역의 너비를 모두 차지하여 블록을 형성한다. 종류 앞에서 살펴봤던 태그들 중에 블록 요소로 분류되는 태그들이 존재한다. 그래도 간단하게 설명해보자면, p (문단) 태그 문단 요소를 나타내는 ..
이번 포스팅에서는 저번에 이어서 프론트엔드에서 사용되는 HTML에서 텍스트를 표시하는데 사용되는 태그를 정리해봤습니다. 저번에 작성한 HTML의 구조와 이론에 대한 포스팅이 궁금하신분은 아래를 읽어보시면 좋습니다! HTML 기초 1편 - HTML 구조와 이론 이번에는 프론트엔드에서 사용하는 HTML에 대해 공부하고 정리한 내용을 올리려 합니다. 백엔드 개발자를 지망하지만 전체적인 흐름을 아는것이 중요하다 생각해 프론트엔드 공부도 같이 하고 mlngwandev.tistory.com 텍스트 표시 특징 엔터는 일반적으로 '줄바꿈'을 의미하지만, HTML에서는 무시한다. 스페이스를 통한 공백도 한 번만 인식한다. 종류 p (문단) 태그 문단 요소를 나타내는 태그이다. 가장 많이 사용되는 텍스트 태그이다. 하나의..
이번에는 프론트엔드에서 사용하는 HTML에 대해 공부하고 정리한 내용을 올리려 합니다. 백엔드 개발자를 지망하지만 전체적인 흐름을 아는것이 중요하다 생각해 프론트엔드 공부도 같이 하고 있습니다. HTML이란? Hyper Text Markup Language Hyper Text 는 하이퍼링크를 통해 현재 문서에서 다른 문서로 접근할 수 있는 텍스트라는 의미이다. Markup 은 (콘텐츠) 표시한다는 의미이다. Language 는 사람과 웹 브라우저 사이의 소통하는 언어라는 의미이다. 확장자로 *.html과 *htm을 사용한다. HTML 활용 방법 파일 수정시 (텍스트 편집기로 열기) : 기본 메모장, Brackets, VSCode ... 결과 확인시 (웹 브라우저로 열기) : 크롬, 파이어폭스, 사파리, ..
1편에 이어서 추가적으로 공부한 내용들에 대해 정리해보았습니다. 단편적이고 간단한 HTTP에 대한 지식입니다. 만약 1편이 안보셨거나 궁금하시다면 아래 링크에서 찾아보시길 바랍니다. HTTP 기초 1편 HTTP에 관한 짧은 지식들을 공부하게 되는 기회가 있어서 이렇게 블로그에 정리하게 되었습니다. 저는 백엔드 개발자를 지망하지만, 백엔드에 한정되어 공부 하는것보다 전체적인 흐름을 아는 mlngwandev.tistory.com HTTP의 포맷 Response를 전송할때 어떤 Type으로 응답할지 정해주는 것이다. (content-type) MIME (Multipurpose Internal Mail Extentions) email 서비스를 위한 것이다. 여기서 email은 네이버나 구글 같은 웹메일을 얘기하..