Vuetify? Vue 생태계에서 가장 활동적이며 다양한 기능을 갖춘 UI toolkit이라고 할 수 있다. Vue3과 Vuetify3 Vuetify2와 Vue3가 연동이 되지 않아 이에 대한 이슈가 많았다. 2022년 6월을 기준으로 Vuetify3 베타 버전

아래 접두사를 붙이고 숫자를 입력하면 해당 진법의 수를 입력할 수 있다.2진수(binary): 0b (숫자 0과 알파벳 b)8진수(octal): 0o (숫자 0과 알파벳 o)16진수(hexadeciaml): 0x (숫자 0과 알파벳 x)hexadeciaml 변수에 입력

aria-label 속성은 현재 요소에 레이블을 정의하기 위해서 사용합니다. 텍스트 레이블이 화면에 표시되지 않을 때에 사용하세요. 만약에 요소에 레이블을 정의하는 화면에 보이는 텍스트가 있다면 aria-labelledby을 대신 사용하세요. 이 속성으 일반적인 HT

적절한 의미와 elements를 가지고 HTML 문서를 작성하면 웹 접속 장비에서도 해석이 수월해진다.HTML을 의미있게 사용하기 위해 role이라는 속성에 대해 알아보려 한다.role은 웹 접근성을 위해 생겨났으며 위젯, 구조 및 동작에 대한 의미 정보를 올바르게 전

접근성 트리는 DOM 트리의 하위 집합입니다. 접근성 트리는 화면 내용을 스크린리더와 같은 보조기술에서 사용되는 데 유용한 DOM 트리의 요소만 포함되며, 보조 기술 사용자에게 중요한 개체의 모든 속성이 포합됩니다. 예를 들어, aria-\* 속성은 부분적으로 접근성

WAI-ARIA에서는 보조기술 사용자를 위해 콘텐츠의 노출 여부를 제어하는 aria-hidden, Modal 및 탭 컨트롤과 같은 복잡한 위젯 제작 시 HTML 요소의 기본 역할을 적절한 ARIA 역할로 대체하기 위한 presentation 및 none 역할이 있습니다

tabindex를 적절히 사용하여 스크린리더 사용자를 위한 키보드 접근성 제공 방법에 대해 살펴봄tabindex는 기본적으로 키보드의 Tab키를 눌렀을 때 포커스의 이동 순서를 임의로 조정할 수 있는 HTML 속성입니다. tabindex의 포커스의 순서를 부여하는 방식

자신의 Github의 repositories에서 new 버튼을 누릅니다. Create a new repository하여 Repo 이름을 자신의 닉네임으로 설정해줍니다. Create a new repository Initialize this repository wit

나의 경우 멋 모르고 아래의 두가지 경우를 모두 사용하였기에..(심지어 이전에 하위 버전, 최신 버전도 깔아놓음) 모두 삭제해주었다. 좋은 경험이였다.. 주의 사항: 파일을 삭제한다고 해도 이미 실행중인 프로그램은 종료되지 않으므로 파일 삭제 후, 재부팅해줄 것!

참고 1\. Git-커밋 메시지 컨벤션2\. 좋은 커밋 메세지를 작성하기 위한 커밋 템플릿 만들어보기3\. Git맞춤 - Git 설정하기 페어 프로그래밍 중 git commit message를 통일시키기 위함과 나의 지저분한 commit message를 보완하기 위해

브라우저는 크게 렌더링 엔진과 자바스크립트 엔진으로 나뉜다.브라우저는 사용자가 참조하고자 하는 페이지를 서버에게 요청 후 그에 대한 응답을 화면에 보여주는 역할을 한다. 외부의 자바스크립트 파일을 불러오는 경우에는? 외부 자바스크립트 파일의 경우 브라우저가 일시 중

프로그래머스같이 경우 입력이 자동으로 되기 때문에 함수만 작성하면 된다. 그러나 구름ide 또는 백준 알고리즘 같은 경우 테스트 케이스 입력을 받기 위한 코드를 작성해야 한다. Node.js로 입력받는 방법을 간단하게 정리해본다. readline 실행 터미널 창에서 'node 파일명'을 입력해준다. readline 위 코드는 사용자로 부터 한 줄의 ...