웹접근성 프로젝트를 하면서 새롭게 알았던 점, 의외였던 점이 많았다.왜 이렇게 까지 해야 할까 라는 의구심이 들수도 있지만 직접 경험해보면 이해와 납득이 되는 점이 많았다.접근성은 프로젝트마다 검수방법이 조금씩 다르다고 하던데 이 글을 읽고 '이런게 있고 유의해야 겠다' 라는 생각으로 보았으면 좋겠다✍️✍️  (1) 헤딩태그`h1` : 로고링크 영역`h2~h3` : 컨텐츠 타이틀시각장애인 사용성을 고려했을 때 `h1`태그는 대부분 "홈"으로 인식해 로고로 사용한다.단, SEO 위해 `h1`을 로고가 아닌 본문 타이틀로 하는 경우도 있다. (2) 이미지 alt`` 에서 이미지 설명 부분인 `alt`는 200자 넘어가면 스크린리더 사용자가 내용을 인지하기가 어렵다고 한다.이를 대체텍스트(blind) http..

gulp 빌드 도구를 사용해 작업하는 중에 스스로 세팅 작업을 시작해보는게 좋을 것 같아 시작하게 되었다.생각보다 세팅하는데 시간이 좀 걸렸다😂 그래도 gulp에 대해서 깊게 알아보는 시간이 되었다. Gulp 란nodejs와 npm 기반의 웹 개발을 위한 프로세스 자동화 도구 중 하나이다.주로 퍼블리싱 작업에 사용되며 HTML, CSS, JavaScript 파일을 자동으로 컴파일하거나 최적화하고, 파일 변경을 감지하여 브라우저를 새로고침하거나 라이브 리로드를 제공한다. gulp는 *stream(스트림)기반의 build system 이다.또한 node.js와 gulp의 특징인 이벤트 루프와 *비동기I/O를 기반으로 gulp가 작업(task)을 처리한다. *stream이란?- 데이터를 '조각단위' 로 처리..

맨날 깔짝깔짝 대기만 하다가 그나마 했던 것도 다시 잊어버릴 거 같아서 시작해보려고 한다...!🔥🔥🔥🔥 한시간만이라도 앉아서 이것저것 찾아보고 준비해야지 ⭐⭐⭐⭐리액트 뿐만 아니라 자바스크립트나 ui구현도 하나씩 해보자⭐⭐⭐⭐

전체(global)와 해당 프로젝트(local)에 맞는 사용자 이름, 이메일을 설정과 수정, 삭제를 알아보자. 먼저 등록된 이름, 이메일 확인 전체확인 $git config --list 이름, 이메일 확인 $git config user.name $git config user.email git global (전체) 해당 터미널 전체적으로 쓸 git account 설정 및 수정 $git config --global user.name "설정할이름" $git config --global user.email "설정할이메일" git local (해당 프로젝트) 해당 프로젝트에서만 적용할 git account 설정(다른 계정의 저장소를 써야 하는 경우) 및 수정 지정할 저장소로 이동 후 터미널에 아래 명령어 입력 $..

보호되어 있는 글입니다.

button 태그의 type 속성submit :: 폼을 제출하는 이벤트를 발생.reset :: 폼안에 작성된 내용을 초기화.button :: 그 자체로는 아무런 이벤트가 없고, click이벤트와 연결시켜서 자바스크립트를 활용하는 방법으로 많이 사용.button태그 type의 기본값은 submit이라 button이라고 명시해주는 것이 좋다.button태그가 등장하기 전에 을 사용해 button동작을 대신했다고 한다.button vs inputbutton태그와 input태그의 큰 차이점은 button은 스스로 닫지 않는 태그이고, input은 스스로 닫는 태그.button은 하위 태그들을 추가할 수 있다.(input은 안됨) button태그를 사용하는 경우 button의 자식으로 img태그 넣어 줄 수 있다..

e.target , e.curentTarget 차이점 결론부터 말하자면, e.target :: 실제 이벤트가 발생하는 요소 (나만 이벤트 발생) e.currentTarget :: 이벤트 리스너가 달린 요소 (자식 클릭해도 부모도 이벤트 위임) outer inner button const outer = document.getElementById('outer'); const inner = document.getElementById('inner'); const button = document.getElementById('button'); function printLog(e) { const { target, e.currentTarget } = e; console.log(`target: ${target.id}, ..

https://brunch.co.kr/@snclab/31 표의 내용을 이해하기 쉽게 제공하기 오류 유형으로 살펴보는 웹 접근성 지침 | 표는 어떤 내용을 일정한 형식과 순서에 따라 알아 보기 쉽게 나타낸 것입니다. 그러므로 우리가 표를 만들 때는 표의 일정한 형식과 순서를 알 수 있 brunch.co.kr