TIL

• label

  <label> 을 <input> 요소와 연결하면 몇 가지 이점이 있습니다:

  label 텍스트는 텍스트 입력과 시각적으로 관련이 있을뿐만 아니라 프로그래밍적으로도 관련이 있습니다. 예를 들어, 화면리더기(screenreader) 는 폼 입력(form input)에서 label 을 읽어서 보조기술(assistive technology) 사용자가 입력해야하는 텍스트가 무엇인지 더 쉽게 이해할 수 있게 합니다.
  관련 label 을 클릭해서 input 자체에 초점을 맞추거나 활성화를 시킬 수 있습니다. (활성되어서)늘어난 누를 수 있는 영역(hit area)은 터치스크린 사용자를 포함해 입력하려하는 모든 사람에게 이점을 줍니다.
  <label> 을 <input> 요소와 연관시키려면, <input> 에 id 속성을 넣어야합니다. 그런 다음 <label> 에 id 와 같은 값의 for 속성을 넣어야합니다.

  또는, <label> 안에 <input> 을 중첩시킬 수 있습니다. 이 경우 연관이 암시적이므로 for 및 id속성이 필요없습니다.

오늘은...

오늘은 자습으로 변경된 페어 코플릿으로 시작하여 돔에대한 공부를 하고 두번에 소크라티브가 있는 날이다. 소크라티브는 그냥저냥 맞추고 틀리고 하였으나 하루종일 그다지 공부한게 없는듯하다. 한게 아무것도 없지는 않다 냉리 하게될 입력값의 유효성검사를 직접 구현해보기 위해 페이지 구성부터 제작을 시도 하였다. 대략적인 구색은 갖추고 약간의 반응성은 구현해놓았으나 그게 전부. 가이드를 통해 css 컨텐츠에 css 코드를 적용하는법도 배웠다면 배운것이려나. 여하간 뭔가 충족감은 없는듯하다 계산기에서 막힌것보다 뭔가 더 붕뜬 기분이다. 여튼 하던거나 마무리 해야겠지 그리고 내일부터는 다시 트위틀러에나 신경써야겠다.

어제 갑작스레 생긴 동기부여 세션 직전에 공용 줌방에서 이야기를 나누엇던 것들이 박제가 되어버렸다. 쩝. 사소한 이야기가 포함되어 신경쓰인다. 그래도 어쩌겟나 이미 지나간 것 연연하지 않아야할텐데 쉽게 사라지진 않을지도 모르겟다.