프라이D
프라이Develog(❁´◡`❁)
프라이D
전체 방문자
오늘
어제
  • ALL (378)
    • TDD, Cleancode with JavaScr.. (5)
    • 프로젝트 (32)
      • work (3)
      • 직접 만드는 기술 블로그 (2)
      • 데일리 옥션 (19)
      • 모락모락 (8)
    • Computer Science (1)
    • Algorithm & 자료구조 (94)
      • 알고리즘 w.JavaScript (53)
      • 자료구조 (5)
      • (인프런) 자바스크립트 알고리즘 문제풀이 (34)
    • JavaScript (45)
      • JavaScript (41)
      • 모던 자바스크립트 Deep Dive (4)
    • WEB (13)
    • 회고 (12)
    • TIL (109)
    • WIL (7)
    • Stacks (20)
      • React.js (6)
      • Next.js (1)
      • Redux (3)
      • Node.js (2)
      • GIT (2)
      • SAP (1)
    • 15일 메이킹 프로젝트 (15)
    • 이전 기록 (14)
    • ETC. (5)
    • ---------------2021 (6)
      • 내일배움단-웹개발 5주 (2)
      • 정보처리기사 (4)

블로그 메뉴

  • 홈
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록

공지사항

인기 글

태그

  • 자바스크립트비트마스크
  • 자바스크립트
  • 국비지원
  • vanilaJS
  • nomadcoders
  • 알고리즘
  • JavaScript
  • 스파르타코딩클럽
  • MySQL
  • 내일배움단
  • Til
  • 비트마스크
  • 코딩프로젝트
  • 모던자바스크립트딥다이브
  • 자바스크립트알고리즘
  • 2023 인프콘 후기
  • nomadcoder
  • 투포인터알고리즘
  • 코드스테이츠
  • 내일배움카드

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
프라이D

프라이Develog(❁´◡`❁)

[Day 54] 2022-0906 : 웹 접근성
TIL

[Day 54] 2022-0906 : 웹 접근성

2022. 9. 7. 00:23

🐈오늘 공부한 것

✔️웹 접근성

웹 접근성이란 말 그대로 '모든' 사용자가 환경에 구애받지 않고 동등한 수준의 정보와 기능을 접근할 수 있도록 하는 것이다. 대표적인 예시로는 대체 텍스트를 넣거나 콘텐츠를 명확하게 구분할 수 있는 시각적인 효과와 정보를 제공하는 것이 있다.

웹 접근성 향상을 위해서 WAI-ARIA 와 같은 방법을 사용할 수 있는데, HTML 시맨틱 태그로 의미 전달이 충분하다면 굳이 사용할 필요가 없으나, 그렇지 못한 경우에는 사용할 수 있다. WAI-ARIA 는 HTML 태그 안에 role, state, property 라는 속성으로 분류하여 적용할 수 있다.

role은 현재 html 태그와 기능이 서로 대응되지 않을 때 요소의 역할에 대해 추가적인 정보를 제공할 수 있고, state는 영역의 상태(체크 여부 등) 에 대한 정보를 추가할 수 있다. 요소에 대한 정보를 전혀 알 수 없는 경우, 예를들어 이미지 같은 경우에는 aria-label 속성을 추가해 정보를 추가할 수 있고, AJAX 등으로 실시간으로, 동적으로 변경되는 내용일 경우 aria-live 속성을 추가해 해당 내용에 대한 정보를 추가해 줄 수 있다.

✔️리덕스 툴킷 

리덕스 툴킷을 사용해 기존에 props drilling으로 짠 투두리스트 코드를 리팩토링하고 있다. 지금까지 한 내용은 configureStore 로 store 생성하고, createSlice 로 reducer와 action creator 까지 한번에 생성하는 부분이다. 리덕스 툴킷 공식문서에 스텝 바이 스텝으로 잘 설명되어 있어서 하나씩 보면서 따라하는 중,,, 리팩토링이 끝나면 블로그에 상세하게 정리할 예정.

✔️알고리즘 

투포인터 알고리즘을 활용해 두 배열의 공통 원소를 구하는 알고리즘 문제를 풀었고, 한 배열에서 부분 집합의 합이 M이 되는 경우의 수를 구하는 문제를 풀었다. 이런 문제를 투포인터 알고리즘을 사용하지 않으면 for문을 두번 돌아 O(n^2) 이 되는데, 투포인터를 사용하면 반복문을 한 번만 돌고 같은 결과를 낼 수 있어 훨씬 효율적이다. 핵심은 두 개의 포인터가 각각 다른 인덱스를 가리키면서 값을 비교하고, 인덱스를 움직이는 것이다. 

🐈더 공부할 것

1. TodoList 리팩토링

2. 알고리즘

3. 빅오 표기법

🐈오늘의 느낀 점

나름 하루를 알차게 보냈다고 생각했는데 여전히 다 마무리 하지 못한 일이 있다. ㅋㅋ 아마 계획을 너무 많이 세워서겠지... 오늘은 글로 정리하는 것 보다 실제로 코드를 짜는데 더 많은 시간을 할애했다. 기록을 하지 않으면 다 잊어버리니까 조만간 다시 꼼꼼하게 정리해야겠다. 

저작자표시 (새창열림)

'TIL' 카테고리의 다른 글

[Day 56] 2022-0908: 네트워크, 요즘 느끼는 것  (0) 2022.09.09
[Day 55] 2022-0907: TodoList gh-pages 배포  (1) 2022.09.08
[Day 53] 2022-0905 : react-redux, 웹 표준화, SEO, 알고리즘  (0) 2022.09.06
[Day 52] 2022-0903 : Redux, git push --mirror, 완전탐색 알고리즘  (0) 2022.09.03
[Day 51] 2022-0901 : 리액트 상태관리, Redux  (0) 2022.09.01
    'TIL' 카테고리의 다른 글
    • [Day 56] 2022-0908: 네트워크, 요즘 느끼는 것
    • [Day 55] 2022-0907: TodoList gh-pages 배포
    • [Day 53] 2022-0905 : react-redux, 웹 표준화, SEO, 알고리즘
    • [Day 52] 2022-0903 : Redux, git push --mirror, 완전탐색 알고리즘
    프라이D
    프라이D
    틀린내용 정정 및 개선사항은 언제든지 댓글 달아주세요 :D

    티스토리툴바