이번 포스팅에서는 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이란? 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은 네이버나 구글 같은 웹메일을 얘기하..
HTTP에 관한 짧은 지식들을 공부하게 되는 기회가 있어서 이렇게 블로그에 정리하게 되었습니다. 저는 백엔드 개발자를 지망하지만, 백엔드에 한정되어 공부 하는것보다 전체적인 흐름을 아는 것도 중요하다 생각합니다. HTTP란? HTTP (Hyper Text Transfer Protocol) Web에서 Text와 Image들을 전송하는 통신 규약. 웹의 3요소 HTTP (프로토콜), HTML (전송하는 문서), URL (전송하는 문서의 고유 주소) HTTP를 사용하여 WWW (World Wide Web)상에서 데이터를 주고 받을수 있다. 주로 HTML이나 Image, Video 등을 전송하는데 사용한다. TCP와 UDP를 사용하며 80번 Port를 사용한다. 인터넷 (Internet)과 웹 (Web)은 다르..