몸과 마음이 건전한 SW 개발자

▶▷ 서론◁◀웹 접근성 지침에는 어떤 것이 있는지 목차로 살펴 볼 수 있다.NULI 사이트의 지침 내용을 확인하고 웹 접근성을 고려한 웹 페이지를 만들 수 있다.https://nuli.navercorp.com/guideline/s01/g01 NULI모두가 함께 누리는! 다양한 사용자들과 함께 정보에 접근하고, 기술의 혜택을 누릴 수 있는 지침을 소개합니다. Make it More Accessible! 1. 적절한 대체 텍스트 제공 텍스트 아닌 콘텐츠는 그 의미나nuli.navercorp.com▶▷ 목차 ◁◀인식의 용이성운용의 용이성이해의 용이성견고성정리▶▷ 1. 인식의 용이성◁◀ "텍스트 아닌 콘텐츠는 그 의미나 용도를 인식할 수 있도록 대체 텍스트를 제공해야 한다."적절한 대체 텍스트 제공alt 제공I..

▶▷ 서론◁◀프론트 개발을 할 당시 기획부터 figma로 직접 UI/UX를 설계, 개발까지 모든 과정을 경험해봤다.하지만 내가 개발할 당시 웹 접근성, 하물며 웹 표준에 대해서도 모르는 상태로 개발에 참여했었다.만약 내가 개발한 사이트를 오픈한다면 웹 접근성 인증을 받아야 하며 내가 이를 받을 수 있을지 의문이다.이처럼 이 글을 쓰는 이유는 앞으로 웹 접근성과 웹 표준에 대해 이해하고 개발하기 위함이다.또한 나처럼 모르고 개발하는 사람은 없었으면 좋겠다.▶▷ 목차 ◁◀웹 표준과 웹 접근성내 포트폴리오 테스트하기시맨틱 태그를 사용해야 하는 이유정리하기▶▷ 1. 웹 표준과 웹 접근성◁◀웹 표준 안에 웹 접근성이 있다고 보면 된다.웹 표준이란HTMLHTML5를 사용하여 웹페이지의 구조를 정의CSS CSS3를 ..

▶▷ 서론◁◀ES2021은 새로운 특징이 많이 없지만 promise라는 조금 어려운 개념이 등장한다.그럴 때는 이 링크를 타고 들어가서 promise 사용 이유를 보면 된다.https://sound-programming.tistory.com/335 [CS 지식 - 프론트엔드] 비동기와 동기오늘 면접 보는데 가장 기본적인 동기와 비동기에 대해서 설명하지 못했다. 심지어 반대로 설명함;; 비동기를 순차적으로 사용한다고 했는데... 내가 프로젝트 때 사용한 기술과 용어에 대해서sound-programming.tistory.com▶▷ 목차 ◁◀(Promise) any(String) replaceAllNumeric Separators (_)▶▷ 1. (Promise) any ◁◀Promise.any()Promis..

▶▷ 서론◁◀ES2022의 특징을 살펴보려고 하는데 문제는 정규표현식이 있다는 점이다.정규표현식에 대해서 잘 모르기 때문에 나중에 정규표현식만 따로 살펴보면 좋을 것 같다.▶▷ 목차 ◁◀(Array, String) atRegExp /d(Object) hasOwnerror.causeawait importClass filed declarationsPrivate methods and fields▶▷ 1. (Array, String) at ◁◀Array at()String at()1. Array.prototype.at() 메서드at() 메서드는 배열의 인덱스를 기준으로 요소를 반환하는 ES2022에서 도입된 메서드다. [] 표기법과 유사하지만, 음수 인덱스를 사용하여 배열의 끝에서부터 요소에 접근할 수 있는 기..

▶▷ 서론◁◀ES2024부터 역순으로 올라가면서 특징을 살펴보고 정리하는 중이다.▶▷ 목차 ◁◀(Array) findLast, findLastIndex(Array) toReversed, toSorted, toSpliced(Array) with#! (Shebang)▶▷ 1. ( Array)  findLast, findLastIndex ◁◀Array findLast()Array findLastIndex()Array.prototype.findLast() 메서드findLast() 메서드는 배열의 끝에서부터 시작하여 조건을 만족하는 첫 번째 요소의 값을 반환한다. 조건을 만족하는 요소가 없으면 undefined를 반환한다. 이 메서드는 ES2023에 추가되었다.예제:const temp = [27, 28, 30, ..

▶▷ 서론◁◀ES6만 있는 줄 알았는데 ES5부터 해서 ES2016부터 지금 ES2024까지 있다는 사실참고로 2009년은 ES5, 2015년은 ES6이고 2016부터는 ES7이 아닌 ES2016, ES2017, ..., ES2024 이렇게 명칭이 바뀐다.앞으로 ES2024부터 거꾸로 거슬러 올라가면서 새로 나온 특징에 대해서 살펴볼 생각이다.▶▷ 목차 ◁◀(Object, Map)  groupBy(Temporal)  PlainDate, PlainTime, PlainMonthDay, Plain YearMonth▶▷ 1. (Object, Map)  groupBy◁◀Object.groupBy()Map.groupBy()Object.groupBy()와 Map.groupBy()는 JavaScript에서 배열의 요소..