분류 전체보기93 ARIA 프론트엔드 개발자에게 있어서 이렇게 마크업을 하는 것이 가장 중요하다. 시각장애인이 스크린리더기로 Previous 에 마우스 커서를 올렸을 경우 aria-label (아리아 레이블) 에 의하여 "Go to previous page" 음성지원이 된다. (훨씬 더 정확하게 메세지 전달을 할 수 있다.) 디자인 시안이 전부 한국어 이면 lang ="ko" aria-hidden = "true" 스크린 리더기로 읽었을 경우 읽지말아라. 정보 컨텐츠로써 가치가 없다고 판단하여서 사용. 스크린 리더기 같은 경우 만약 aria-label 이 없다면 30min 만 읽을 것이다. 사용자가 헤깔 릴 수 있을 것이다. 그래서, Posted 30 minutes ago. .sr-only 우리의 눈에는 보이지 않지만 정확하게 전달.. 2021. 3. 31. there's gotta be 있을꺼야~ there's gotta be something wrong with him. == there has got to be something wrong with him. there's gotta be an easier way. 있을꺼야~ 더 쉬운 방법이. [이지어] 2021. 3. 31. image,overflow : hidden img 같은 경우 부모의 width 사이즈가 얼마던 간에 width를 무시를한다. (자기 본디 사이즈를 찾아가는 성격) 그래서 width : 100% 주자. (부모의 width 100%를 따라가겠다) display : inline 임에도 불구하고 width, height 주는 것 이 가능하다. if) 부모의 width 300 height 200 img 본디 사이즈가 400 400 이라고 가정하고 width 100% , height auto 라면 아래의 사진 처럼 된다. 이럴 경우 부모의 요소에 overflow : hidden 을 사용하자 자식의 요소가 넘쳐나면 그 요소는 자른다. img 태그를 사용 할 경우 반드시 src ="" alt ="" 속성을 반드시 추가하자 alt 에트리뷰트는 설정한 이미지가 나.. 2021. 3. 31. html mark up * tip 최소한의 서로 다른 성격의 단위로 쪼개보자 (덩어리 들로 나누자) 태그가 정보컨텐츠로써 어떠한 역할을 하는가? 2021. 3. 31. html - escape code 내가 보다 작음 ( 2021. 3. 31. Wrapper 객체 JS는 날짜,오류, HTML 요소(HTML element)등을 다룰 수 있게 해주는 다양한 내장 객체를 제공한다. primitive type 을 객체로써 사용 할 수 있게 끔해주는 것이 Wrapper 객체이다. Wrapper 객체는 원시 자료형의 이름을 그대로 차용해, String,Number,Boolean, Symbol라고 부른다. 1.문자열 str은 원시값이므로 원시값의 프로퍼티(toUpperCase)에 접근하는 순간 특별한(래퍼) 객체가 만들어진다. 이 객체는 문자열의 값을 알고 있고, toUpperCase()와 같은 유용한 메서드를 가지고 있다. 2.메서드가 실행되고 , 새로운 문자열이 반환된다. 3.특별한 객체는 파괴되고 원시값 str만 남는다. 객체는 -> 논리 평가 시 항상 참을 반환한다. .. 2021. 3. 23. 기본자료형 (Symbol) 유일한 식별자를 만들고 싶을 때 사용한다. description 이 동일한 심볼을 여러개 만들어도 심볼 값은 다르다. (description 이 같아도) 심볼 특징 1) 프로퍼티가 우연히라도 사용되거나 덮어씌워 지는 것을 예방 할 수 있다. Symbol( )을 호출하면 심볼을 만들 수 있다. 심볼특징2) 사람들은 symbol을 건드릴 수 없다.(private) 외부에서 볼 수가 없기 때문 객체를 만들 때 객체 리터럴 안의 프로퍼티 키가 대괄호로 둘러쌓여 있는 경우 이를 계산된 프로퍼티 라고 한다. 프로퍼티 값은 문자열만 와야한다. --> 쉽게 말해 value 값이 있음. 사실 심볼을 완전히 숨길 방법은 없다 심볼값을 가져오는 방법 2021. 3. 21. 이전 1 ··· 8 9 10 11 12 13 14 다음
