0331 TIL

VIDEO태그

트래픽주의!!! (보통 다른 비디오 스트리밍 서버를 이용)

코덱과 포맷의 차이

• 코덱은 촬영을 통해 얻은 원본 영상을 편집하여 압축한 결과물(H.236, ProRes 등등)
• 포맷은 코덱을 담아 재생 가능한 플레이어에 전달되는 컨테이너의 역활(mp4, webM 등등)

Form에 대한 이해

GET 과 POST 의 차이

GET은 요청을 전송할 때 쿼리스트링(URL 주소 끝 파라미터)에 포함되어 전공된다. 요청 파라미터가 여러 개이면 & 으로 연결
파라미터 내용이 노출되기 때문에 민감한 데이터를 다룰 때 사용해서는 안된다. 이러한 특성 때문에 데이터를 조회할 때 사용한다.

POST는 전송 할 데이터를 HTTP메세지의 Body에 담아서 전송한다.
GET과 다르게 데이터 길이 제한이 없다.
내용이 눈에 보이지않지만 패킷 툴로 내용을 확인할 수 있기 때문에 보안이 중요한 데이터는 암호화해야 한다.
데이터를 쓰기, 수정, 삭제할 때 사용한다.

잘 몰랐던 태그들

<form action="">
  <label for="myDevice">현재 사용하고 있는 스마트폰의 제조사를 선택해주세요</label>
  <select name="device" id="myDevice">
    <option value="iphone">아이폰</option>
    <option value="galaxy">갤럭시폰</option>
    <option value="ㅜㅜ">LG폰</option>
  </select>
</form>

<select> : 드롭다운 리스트 박스 생성하는데 박스 안 요소들을 만들 때는 <option> 태그 사용
<option> 의 value 요소는 value 속성을 사용하여 선택값에 따라 서버에 어떤 값을 전송할 지 설정가능
<option> 의 selected 속성은 페이지 로드 후 기본으로 선택되는 옵션을 나타낸다.
사용하지 않으면 첫 번째 <option> 이 선택되고, 선택하지 않으면 서버로 첫 번째 <option>의 값이 전송된다.

<fieldset> : 자식 요소로 사용되는 폼 컨트롤들을 그룹화 할 수 있다.
폼 내용이 많아 섹션별로 나눌 필요성이 있을 경우 유용하다.

<legend> : <fieldset> 바로 뒤에 위치해야하며 폼 그룹의 제목을 의미한다.

<button> : submit , reset , button 옵션이 있다
submit --> 버튼이 서버로 양식 데이터를 제출하고 지정하지 않으면 기본값
reset --> <input type="reset"> 처럼 form의 모든 값을 초기화 시킨다.
button --> 클릭 가능한 버튼. 사용자가 기능을 부여하기 전까지 벽돌

Form 에서 할 수 있는 실수

1. 사용자 입장을 생각해야 해야한다.
2. radio는 택1 , checkbox 는 다수

회원가입 페이지 구현 과제

기본 과제는 HTML 태그(Form ,Input 등)를 이용하여 회원가입 페이지(로그인페이지,이용약관동의,양식입력) 구현인데 CSS는 선택해서 진행하라고 하셨다.
0401 css 특강이 있기 때문에 이왕 듣는거 css 까지 붙여서 제작 해보기로 했다.

구글에 검색해보면 이런식의 레이아웃이 많아서 이런 형태로 구현 예정이다
신경 쓸 부분은 최대한 DIV 적고 시맨틱태그로 묶는 것