목록분류 전체보기 (189)
진스
vue.js - vue cli 프로젝트 생성(feat. vue create 안될때 필독)
답부터 말하자면 vue.cmd create 출처 vue.js - vue cli 프로젝트 생성(feat. vue create 안될때 필독) 이전까지 nuxt.js 로 개발을 하다가 vue.js로 프로젝트를 만들기 위해 vue cli를 설치했다. vue cli 설치 설치는 단순하다. 터미널에 npm i -g @vue/cli 을 실행하면 설치 완료된다. 버전 확인 대부분의 블로 hjh0827.tistory.com 설치는 단순하다. 터미널에 npm i -g @vue/cli 을 실행하면 설치 완료된다. 버전 확인 대부분의 블로그에서 버전 확인을 하라고 하면 vue --version 을 실행하라고 하였다. vue : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\aa\AppData\Roaming\np..
간단히 라이브러리를 이용! npm install focus-trap focus-trap-vue focus-trap-vue Vue component to trap the focus within a DOM element www.npmjs.com 화면보기
class 속성을 사용하는 것과 유사하다. 예를 들어 type image인 요소를 버튼처럼 사용하려면 다음처럼 해당 input 요소의 속성에 button 값을 저장하면 된다. 이 방법의 장점은 개발자 스스로 input 이미지의 역할이 버튼이라는 것을 바로 알수 있다는 것이다. 더 깊이 생각해보면 브라우저나 기타 다른 기기, 장애인과 더불어 모든 사용자가 더 쉽게 이 요소에 접근할 수 있다는 장점도 있다. aria- 접두어를 사용하여 요소의 상태를 정의 해당 요소가 선택되거나 엔터 키가 입력되었을 때 자바스크립트를 사용해서 aria-pressed 상태 값을 변경할 수 있다. 출처: https://webdir.tistory.com/89 [WEBDIR]
검사 사이트 모음 웹 접근성 검사 사이트 모음 웹 접근성 검사 사이트 웹 접근성 마크를 획득하기 위해서는 꽤 많은 비용이 듭니다. * 20페이지 이하 기준으로 120만원 재심사의 경우 60% 감면해준다고 하지만 그래도 많은 돈이죠. 그렇기 때문 eunyoe.tistory.com openwax [Chrome/openWax/웹접근성검사]openWax로 웹접근성 검사 해보기 배포대기 중인 프로젝트에서 웹 접근성 검사를 맡아서 했다. 웹 접근성은 어떻게 검사해야하는지 정보가 잘 안나와있어서 검사사이트를 사용해야 하는건지, 체크리스트를 사용해야 하는 건지 jininote.tistory.com 그외 wave 등도있음
외국인 이신가요? 내국인 외국인 생년월일을 입력해주세요.(예: 19990101) 법정생년월일 8자리 생년월일을 입력해주세요. methods: { nextPass(event){ var fb= document.querySelectorAll('.form_box input') var fbl= document.querySelectorAll('.form_box input').length const idx = Array.from(document.querySelectorAll('.form_box input')).indexOf(event.target); if(event.charCode == 13 && /Android/.test(navigator.userAgent)){ if(idx==(fbl-1)){ // console...
jQuery - input 숫자 하나만 입력 후 다음 칸으로 이동하기(모바일 비밀번호 입력 처리하기)
jQuery - input 숫자 하나만 입력 후 다음 칸으로 이동하기(모바일 비밀번호 입력 처리하기) 비밀번호등을 받기 위해 숫자나 특정 단어 하나씩 입력하고 다음칸으로 이동하는 형태의 UI를 많이 접할 수 있습니다. 해당 포스팅에서는 하나의 Input태그마다 입력을 받으면 다음칸으로 이동하 myhappyman.tistory.com 비밀번호등을 받기 위해 숫자나 특정 단어 하나씩 입력하고 다음칸으로 이동하는 형태의 UI를 많이 접할 수 있습니다. 해당 포스팅에서는 하나의 Input태그마다 입력을 받으면 다음칸으로 이동하고 숫자만 받는 형태를 작성해보겠습니다. 단순하게 maxlength와 number값 타입을 지정하더라도 영문 'e' 또는 한글 자음 모음등이 입력되는 현상😓을 볼 수 있는데, 정규식과 사용..
body {-webkit-text-size-adjust: none;} 추가해주시면 됩니당.
SVG Line Animation SVG Line Animation SVG 속성을 활용한 애니메이션 최근 열심히 웹 애니메이션을 찾아 공부하고 있습니다 :-9 웹 애니메이션을 그리는 데는 CSS 애니메이션이나 JS 라이브러리 등이 있는데, 오늘은 SVG 속 ny-kim.tistory.com SVG Line Animation SVG 속성을 활용한 애니메이션 최근 열심히 웹 애니메이션을 찾아 공부하고 있습니다 :-9 웹 애니메이션을 그리는 데는 CSS 애니메이션이나 JS 라이브러리 등이 있는데, 오늘은 SVG 속성을 활용해 선을 그리는 애니메이션을 살펴보고자 합니다. SVG 살펴보기 준비운동 느낌으로 SVG에 대해 간단히 살펴봅시다. 아무 SVG 파일을 편집기로 열어보면 코드가 좌르륵 써있는 걸 볼 수 있습..