I'm sw engineer!

http://www.tcpschool.com/html-tag-attrs/input-autocomplete 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등 tcpschool.com

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed true/ false 눌린상태냐 아니냐

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-haspopup aria-haspopup - Accessibility | MDN The aria-haspopup attribute indicates the availability and type of interactive popup element that can be triggered by the element on which the attribute is set. developer.mozilla.org

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded aria-expanded - Accessibility | MDN The aria-expanded attribute is set on an element to indicate if a control is expanded or collapsed, and whether or not its child elements are displayed or hidden. developer.mozilla.org

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby aria-labelledby - Accessibility | MDN The aria-labelledby attribute identifies the element (or elements) that labels the element it is applied to. developer.mozilla.org

https://developer.mozilla.org/ko/docs/Web/HTML/Element/colgroup - HTML: Hypertext Markup Language | MDN HTML 요소는 표의 열을 묶는 그룹을 정의합니다. developer.mozilla.org

https://developer.mozilla.org/ko/docs/Learn/HTML/Howto/Use_data_attributes 데이터 속성 사용하기 - Web 개발 학습하기 | MDN HTML5 (en-US) 특정 요소와 연관되어 있지만 확정된 의미는 갖지 않는 데이터에 대한 확장 가능성을 염두에 두고 디자인되었습니다. data-* 속성은 표준이 아닌 속성이나 추가적인 DOM 속성, Node.setUserD developer.mozilla.org

aria-hidden 아이콘에 추가 aria-hidden="true"하면 아이콘 문자가 액세스 가능한 이름에 포함되지 않도록 숨긴다. ex) Tweet false 요소는 렌더링된 것처럼 접근성 API에 노출됨. true 요소가 접근성 API에서 숨겨져 있음. undefined(기본) 요소의 숨겨진 상태는 렌더링 여부에 따라 사용자 에이전트에 의해 결정. 출처 : https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-hidden aria-hidden - Accessibility | MDN The aria-hidden state indicates whether the element is exposed to an acce..

선택 당월 누적 기간을 설정하는 selectbox를 만드는데, 사용자가 선택할수는 없지만 필요한 option을 추가하기 위해서 option 태그에 hidden 속성을 추가하였다. 사용자가 앞쪽에 기간을 임의로 설정을 하면 change event 가 발생할 때 선택이라는 option 이 선택되도록 하였다. tag에 hidden 을 주면 사용자에게 숨길 수 있다는 것은 알았지만 여러 option 태그 중에 하나, 부분만 숨기는 설정을 처음 경험해 보아서 기록으로 남긴다.

웹 화면에 공백을 넣어야 할 경우가 있다. 그냥 space를 이용해도 공백이 넣어지긴 하는데, 원하는대로 삽입이 안되는 경우가 있다. 그럴 때, 사용하는 것이 1. 를 삽입하는 것이다. nbsp는 Non-bresaking Space ( 줄바꿈 없는 공백 )를 축약한 문자이다. 여러개를 삽입하면 여러 개의 공백을 추가할 수 있으며, nbsp를 포함하는 문자열의 길이가 줄 길이보다 긴 경우, 문자열 자체를 다음줄로 넘겨주는 기능도 있다. 2. - 공백 두개 만큼의 자리 차지 / - 공백 네개 만큼의 자리 차지 여러개의 공백이 필요할 때 사용가능하다. nbsp와는 다르게 줄바꿈에 영향을 주지 않는다. 3. 사용하기 태그 안에 space bar와 enter 키를 사용하여 넣은 공백이 그대로 들어가게된다. 이 태..