세부정보

조상, 상위 요소, 하위 요소에 관한 설명

하위 요소라는 용어는 한 항목이 다른 항목 내부에 포함되어 있다는 사실을 나타냅니다. 반대 용어는 상위 요소입니다. 즉, 항목이 상위 요소에 포함되어 있습니다. 다음 컨테이너 위/아래의 경우 더 구체적인 상위/하위라는 용어가 사용될 수 있습니다. 예를 들어 링크가 포함된 단락이 있는 문서를 생각해 보세요. 링크의 상위 요소는 단락이지만 문서도 상위 요소로 포함됩니다. 반대로 문서에 각기 링크가 있는 여러 단락 하위 요소가 있을 수 있습니다. 링크는 모두 조부모 문서의 자손입니다.

사용자가 좋아하는 색을 제출할 수 있는 양식을 만들어 보세요. 데이터는 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 사용: 요약본

mkcert 요약

HTTPS로 로컬 개발 사이트를 실행하려면 다음 단계를 따르세요.

  1. mkcert를 설정합니다.

    아직 설치하지 않았다면 mkcert를 설치합니다(예: macOS).

    brew install mkcert

    Windows 및 Linux 안내는 mkcert 설치를 참고하세요.

    그런 다음 로컬 인증 기관을 만듭니다.

    mkcert -install

  2. 신뢰할 수 있는 인증서를 만듭니다.

    mkcert {YOUR HOSTNAME e.g. localhost or mysite.example}

    이렇게 하면 유효한 인증서가 생성되며 mkcert에서 자동으로 서명됩니다.

  3. HTTPS 및 2단계에서 만든 인증서를 사용하도록 개발 서버를 구성합니다.

  4. ✨ 완료되었습니다. 이제 경고 없이 브라우저에서 https://{YOUR HOSTNAME}에 액세스할 수 있습니다.