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

favicon을 바꿀 수 있다.png, jpg 파일을 ico 확장자로 변환할 수 있다.  favicon 바꾸기 1. favicon 바꾸기 파비콘은 위와 같이 탭에 있는 아이콘이나 이미지를 말한다.이 파비콘을 바꾸는 방법은 간단하다.위와 같이 favicon.ico를 원하는 이미지로 바꾸면 된다.원하는 이미지 (png, jpg 등)을 선택한다.이미지를 ico확장자로 변경한다.png ico 변환으로 구글 검색하면 쉽게 찾을 수 있다.ico로 변경한 이미지의 이름을 favicon으로 바꾼다.원래 있던 favicon과 바꿔치기 하면 끝!https://www.freeconvert.com/ko/png-to-ico ICO PNG 으로 변환기 - FreeConvert.comPNG를 ICO로 변환하는 변환기. 온라인에서 ..

▶▷ 서론◁◀웹 접근성 지침에는 어떤 것이 있는지 목차로 살펴 볼 수 있다.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, ..