본문 바로가기

FrontEnd83

[ JavaScript ] 특정 위치(index) 문자 찾기 string[index] string.chartAt(index) string.at(index) const string1 = 'abc' string[0] // 'a' string.charAt() // 'a' string.at(0) // 'a' string.at(-1) // 'c' // index 값으로 범위를 벗어나는 값을 입력했을 때 string[999] // undefined string.chartAt(999) //'' string.at(999) // undefined 2023. 10. 31.
[ JavaScript ] toSorted() , toSpliced() , toReversed() (feat. sort, splice, reverse) 기존 새로 추가된 sort() toSorted() splice() toSpliced() reverse() toReversed() 원본 배열 변경 O , 새로운 배열 반환X 원본 배열 변경 X , 새로운 배열 반환O 참조 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/toSpliced https://youtu.be/2LiXbLjv25s?si=h41diL5lJ0LjTyFO 2023. 10. 31.
벤더 프리픽스 Vendor Prefix 란? 벤더 프리픽스 Vendor Prefix 란? 벤더Vendor 는 공급업체이고, 프리픽스Prefix는 접두사이다. 즉, "공급업체접두사"이다. 주요 웹 브라우저 공급자가 새로운 실험적인 기능을 제공할 때 이전 버전의 웹 브라우저에 그 사실을 알려주기 위해 사용하는 접두사이다. HTML과 다르게 CSS는 아직 웹 표준이 정해지지 않았다. 따라서 우리는 CSS를 모든 브라우저에서 원활히 사용하기 위해 스타일 속성 앞에 프리픽스를 붙여주어야 한다. 실험적인 해당 기능들이 CSS 표준 권고안에 포함되거나, 완벽하게 제정된 상태가 되면 더는 사용할 필요가 없어진다. 브라우저 별 벤더 프리픽스 브라우저 벤더 프리픽스 IE / Edge -ms- Chrome -webkit- Firefox -moz- Safari -web.. 2023. 10. 31.
[ JavaScript ] 디자인 패턴 보호되어 있는 글 입니다. 2023. 10. 31.
[ JavaScript ] flatMap() Array.prototype.flatMap() 이란? 배열의 각 요소에 주어진 콜백 함수를 적용한 다음 그 결과를 한 단계씩 평탄화하여 형성된 새 배열을 반환한다.(콜백에서 반환된 유사배열은 평탄화하지 않는다) map()뒤에 깊이 1의 flat()을 체이닝 하는 것(arr.map(...args).flat(1))과 동일하지만, 두 메서드를 따로 호출하는 것보다 더 효율적이다. const arr1 = [1, 2, 3, 4]; arr1.map((x) => [x * 2]); // [[2], [4], [6], [8]] arr1.flatMap((x) => [x * 2]); // [2, 4, 6, 8] // 오직 한 단계만 평탄화됩니다. arr1.flatMap((x) => [[x * 2]]); // [[2], [4].. 2023. 10. 31.
맥 숨김폴더/파일 보는 방법 shift + cmd + . 참조 https://thisiswhyimyoung.com/%EB%A7%A5-%EC%88%A8%EA%B9%80%ED%8C%8C%EC%9D%BC/ 2023. 10. 30.