세부정보

ancestor, ancestor, ancestor 설명

하위 요소라는 용어는 항목이 다른 항목의 어딘가에 포함되어 있다는 사실을 나타냅니다. 반대의 경우는 상위, 즉 항목이 상위 항목에 포함되어 있다는 의미입니다. 다음 컨테이너의 상위/하위에서는 보다 구체적인 상위/하위 용어를 사용할 수 있습니다. 예를 들어 안에 링크가 있는 단락이 있는 문서를 상상해 보세요. 링크의 상위 요소는 단락이지만 문서도 상위 항목으로 있습니다. 반대로 문서에는 각각 링크가 있는 여러 단락의 하위 요소가 있을 수 있습니다. 링크는 모두 상위 문서의 하위 요소입니다.

사용자가 자신이 좋아하는 색상을 제출할 수 있는 양식을 만들어 보세요. 데이터는 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를 설정합니다.

    아직 설치하지 않았다면 예를 들어 macOS에서 mkcert를 설치합니다.

    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}에 액세스할 수 있습니다.