하위 요소라는 용어는 항목이 다른 항목의 어딘가에 포함되어 있다는 사실을 나타냅니다. 반대의 경우는 상위, 즉 항목이 상위 항목에 포함되어 있다는 의미입니다. 다음 컨테이너의 상위/하위에서는 보다 구체적인 상위/하위 용어를 사용할 수 있습니다. 예를 들어 안에 링크가 있는 단락이 있는 문서를 상상해 보세요. 링크의 상위 요소는 단락이지만 문서도 상위 항목으로 있습니다. 반대로 문서에는 각각 링크가 있는 여러 단락의 하위 요소가 있을 수 있습니다. 링크는 모두 상위 문서의 하위 요소입니다.
사용자가 자신이 좋아하는 색상을 제출할 수 있는 양식을 만들어 보세요.
데이터는 POST
요청으로 전송되어야 하며 데이터가 처리될 URL은 /color
여야 합니다.
한 가지 가능한 해결 방법은 다음 양식을 사용하는 것입니다.
<form method="post" action="/color"> <label for="color">What is your favorite color?</label> <input type="text" name="color" id="color"> <button>Save</button> </form>
양식 데이터를 처리하기 위해 https://web.dev
에서 실행되는 스크립트가 필요하다면 어떻게 해야 할까요?
직접 해보기
action
속성을 사용하여 스크립트의 위치를 선택할 수 있습니다.
<form action="https://example.com/animals"> ... </form>
mkcert 사용: 요약본
HTTPS를 사용하여 로컬 개발 사이트를 실행하려면 다음 안내를 따르세요.
-
mkcert를 설정합니다.
아직 설치하지 않았다면 예를 들어 macOS에서 mkcert를 설치합니다.
brew install mkcert
Windows 및 Linux 안내는 mkcert 설치를 확인하세요.
그런 다음 로컬 인증 기관을 만듭니다.
mkcert -install
-
신뢰할 수 있는 인증서를 만듭니다.
mkcert {YOUR HOSTNAME e.g. localhost or mysite.example}
이렇게 하면 유효한 인증서가 생성됩니다 (
mkcert
에서 자동으로 서명됨). -
HTTPS 및 2단계에서 만든 인증서를 사용하도록 개발 서버를 구성합니다.
-
✨ 모두 완료되었습니다. 이제 브라우저에서 경고 없이
https://{YOUR HOSTNAME}
에 액세스할 수 있습니다.