2023/07
-
데이터 전송 방식과 서버와의 상호작용IT창고/HTML 2023. 7. 19. 13:34
데이터 전송 방식과 서버와의 상호작용 웹 애플리케이션에서 사용자가 입력한 데이터를 서버로 전송하고, 서버에서는 해당 데이터를 처리하는 과정은 웹 개발에서 중요한 부분입니다. 이번 글에서는 데이터 전송 방식과 서버와의 상호작용에 대해 자세히 알아보겠습니다. 데이터 전송 방식 HTML에서는 주로 두 가지 데이터 전송 방식을 사용합니다: GET과 POST입니다. GET: GET 방식은 데이터를 URL의 쿼리 파라미터에 포함하여 전송하는 방식입니다. 사용자가 입력한 데이터가 URL에 노출되기 때문에 보안에 취약할 수 있습니다. 주로 데이터 조회 등의 용도로 사용됩니다. POST: POST 방식은 데이터를 요청의 본문(body)에 포함하여 전송하는 방식입니다. URL에 데이터가 노출되지 않기 때문에 GET보다는 ..
-
HTML 드롭다운 메뉴 (`<select>`)와 버튼 (`<button>`)IT창고/HTML 2023. 7. 19. 13:32
HTML 드롭다운 메뉴 ()와 버튼 () HTML 요소는 드롭다운 메뉴를 생성하는 데에 사용됩니다. 요소는 클릭 가능한 버튼을 생성하는 데에 사용됩니다. 이번 글에서는 와 을 사용한 드롭다운 메뉴와 버튼에 대해 자세히 알아보겠습니다. 드롭다운 메뉴 () 드롭다운 메뉴는 여러 개의 선택지 중에서 하나를 선택할 수 있는 메뉴를 생성합니다. 사용자는 메뉴를 클릭하여 선택지를 확인하고, 하나의 선택지를 선택할 수 있습니다. 아래는 를 사용하여 드롭다운 메뉴를 생성하는 예시입니다: 서울 뉴욕 파리 도쿄 위의 예시에서는 요소를 사용하여 드롭다운 메뉴를 생성하였고, 요소를 사용하여 선택지를 작성하였습니다. 각 요소의 value 속성을 통해 선택된 값(선택지)을 지정할 수 있습니다. 버튼 () 버튼은 사용자가 클릭할 ..
-
HTML 체크박스 (`<input type="checkbox">`)와 라디오 버튼 (`<input type="radio">`)IT창고/HTML 2023. 7. 19. 13:28
HTML 체크박스 ()와 라디오 버튼 () HTML 요소를 사용하여 체크박스와 라디오 버튼을 생성할 수 있습니다. 이번 글에서는 와 를 사용한 체크박스와 라디오 버튼에 대해 자세히 알아보겠습니다. 체크박스 () 체크박스는 여러 개의 선택 사항 중 하나 이상을 선택할 수 있는 입력 필드입니다. 각 체크박스는 독립적으로 선택될 수 있으며, 선택된 항목들은 동시에 제출될 수 있습니다. 아래는 를 사용하여 체크박스를 생성하는 예시입니다: 독서 음악 감상 위의 예시에서는 두 개의 체크박스를 생성하고, name 속성을 통해 그룹화하였습니다. value 속성을 통해 체크박스의 값(선택 사항)을 지정하였으며, id 속성을 통해 체크박스와 라벨을 연결하였습니다. 라벨()을 사용하여 체크박스에 연결하면, 사용자가 라벨을 ..
-
HTML 텍스트 입력 (<input type="text">)IT창고/HTML 2023. 7. 19. 13:24
HTML 텍스트 입력 () HTML 요소를 사용하여 텍스트 입력 필드를 생성할 수 있습니다. 이번 글에서는 를 사용한 텍스트 입력에 대해 자세히 알아보겠습니다. 요소 요소는 다양한 유형의 입력 필드를 생성하는 데에 사용됩니다. type 속성을 사용하여 입력 필드의 종류를 지정할 수 있습니다. type="text"를 사용하면 텍스트 입력 필드를 생성할 수 있습니다. 아래는 요소를 사용하여 텍스트 입력 필드를 생성하는 예시입니다: 위의 예시에서는 type="text" 속성을 사용하여 텍스트 입력 필드를 생성하고, name 속성을 사용하여 필드의 이름을 지정했습니다. 또한, placeholder 속성을 사용하여 입력 필드에 힌트 또는 예시 값을 표시했습니다. name 속성 name 속성은 폼 데이터를 서버로 ..
-
HTML 폼 (`<form>`)의 역할과 속성IT창고/HTML 2023. 7. 19. 13:19
HTML 폼 ()의 역할과 속성 HTML 폼은 사용자로부터 데이터를 입력받기 위한 요소입니다. 웹 페이지에서 사용자가 텍스트, 숫자, 선택 등 다양한 유형의 데이터를 제출할 수 있도록 도와줍니다. 이번 글에서는 폼 요소의 역할과 주요 속성에 대해 자세히 알아보겠습니다. 태그 태그는 폼 요소를 감싸는 데에 사용됩니다. 폼은 사용자로부터 입력을 받고, 입력된 데이터를 서버로 전송하기 위해 사용됩니다. 태그는 시작 태그()와 종료 태그()로 이루어져 있습니다. 아래는 태그의 사용 예시입니다: 위의 예시에서는 태그로 폼을 생성하고, 폼 요소들을 내부에 작성할 수 있습니다. 폼 요소 속성 HTML 폼 요소는 다양한 속성을 가지고 있어 원하는 동작과 스타일을 지정할 수 있습니다. 몇 가지 흔히 사용되는 폼 요소 속..