네이버 클라우드 캠프/HTML 3

[HTML] form (2)

select, optgroup, option 다양한 데이터들을 나열해서 보여주는 태그입니다. 드롭다운 메뉴를 들어보셨다면, 그것과 동일하다는 점을 알 수 있을 것입니다. 사용자가 직접 입력하는 게 아니고, 제공된 여러 옵션 중에서 선택하는 것입니다. 간단히 예시를 보겠습니다. 자신있는 프로그래밍 언어를 고르는 화면입니다. 그 중에서 MySQL을 골랐습니다. 이렇게 select 태그와 option 태그를 조합해서 간단한 드롭다운 목록을 만들 수 있습니다. 코드를 살펴보겠습니다. 자신있는 언어 자바 C언어 C++ MySQL 오라클 자바스크립트 파이썬 select 태그는 드롭다운의 시작과 끝을 표시하는 태그이며, option 태그는 드롭다운의 항목을 만들어줍니다. 이 select가 아주 큰 틀을 만들어주고 그..

[HTML] form(1)

폼 태그 폼(form)은 백엔드, 다른 페이지에 요청을 보내는 특수 기능을 가집니다. 요청을 보낼 때, 폼 내에 있는 데이터들도 함께 전송할 수 있습니다. 폼(form) 태그는 회원가입, 로그인, 회원 정보, 주문 페이지 등 다양한 곳에 활용됩니다. 아래는 로그인 페이지를 만들어 본 것입니다. 폼의 동작 방식을 로그인으로 알아보겠습니다. 사용자가 아이디와 비밀번호를 입력합니다. 사용자가 로그인 버튼을 클릭합니다. 폼에 매핑되어 있는 주소로 아이디와 비밀번호를 가지고 요청을 보냅니다. 백엔드 프로그램에서 요청으로 온 아이디와 비밀번호를 가지고 데이터베이스에서 아이디와 비밀번호가 일치하는 검사를 진행합니다. 일치하면 로그인되도록 처리 일치하지 않으면 아이디나 비밀번호가 틀렸다고 메시지를 띄워줍니다. 이렇게 ..

[HTML] HTML 기초

HTML 정의 html은 웹사이트에서 사용하는 파일의 형식이며, .html이라는 확장자를 가집니다. HTML은 Hyper Text Markup Language의 약자입니다. Hyper Text는 어떤 의미일까요? 하이퍼링크라는 말을 들어보신 적이 있을 것인데요, 그 말처럼 다른 문서나 사이트로 이동할 수 있는 링크입니다. 같은 맥락에서 이 Text도 다른 문서나 사이트로 이동이 가능한 텍스트가 됩니다. Markup은 태그로 볼 수 있고 HTML문서의 body 부분을 채워넣는 작업입니다. 마크업을 진행할 때, 약속된 표기법으로 작성하며 이 때 꺽쇠표기된 태그를 사용합니다. 대부분 태그는 열고 닫는 태그가 하나의 쌍으로 존재합니다. 내용, 물론 일부 태그들은 닫는 것이 없거나 생략하기도 합니다. , 또한, ..