본문 바로가기

분류 전체보기66

[eslint error] Warning: React version not specified in eslint-plugin-react settings. eslint 실행 중 에러가 났다. 에러 문구는 다음과 같다. Warning: React version not specified in eslint-plugin-react settings. See https://github.com/yannickcr/eslint-plugin-react#configuration . 구글링 결과 해결 방법 두가지가 있는데 .eslintrc.js파일에서 settings: { react: { version: 'detect', }, }, 또는 settings: { react: { version: '999.999.999', }, }, 를 추가하여 해결했다. Reference https://blog.kwonmory.com/tip/react-version-not-specified-in-e.. 2022. 1. 29.
[JS Func] slice() Array.prototype.slice() slice() 메서드는 어떤 배열의 begin부터 end까지(end 미포함)에 대한 얕은 복사본을 새로운 배열 객체로 반환 합니다. 원본 배열은 바뀌지 않습니다. const arr = ['a','b','c','d','e'] arr.slice(1)// [ 'b', 'c', 'd', 'e' ] arr.slice(3,5)// [ 'd', 'e' ] arr.slice(3)// [ 'd', 'e' ] arr.slice(2,4)// [ 'c', 'd' ] arr// [ 'a', 'b', 'c', 'd', 'e' ] Reference https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/A.. 2022. 1. 29.
[JS Func] padStart(), padEnd() PAD padStart()와 padEnd()는 ES8(ES2017)에 새롭게 추가된 기능입니다. pad는 좌우에 특정한 문자열로 채우는 것 으로 padStart는 앞부분, padEnd는 뒷부분을 채워줍니다. 첫번째 파라미터인 목표길이(maxLength)를 받아 문자열의 길이가 목표길이보다 작으면 나머지를 특정한 문자열(fillString)로 채웁니다. 이때 만약 두번째 문자열을 넘기지 않으면 빈 공백으로 채워집니다. Syntax String.prototype.padStart(maxLength, ?fillString); String.prototype.padEnd(maxLength, ?fillString); Reference https://velog.io/@suld2495/padStart%EC%99%80-p.. 2022. 1. 29.
[TIL] 3주차 - 5. js의 객체, 배열 복사 / 무한스크롤 1. 객체 / 배열 복사 객체 또는 배열을 복사하는 법은 두 가지입니다. 얕은 복사 (Shallow Copy) 주소값을 복사합니다. 따라서 원본 값 또는 복사된 값을 변경하면 두 값 모두 변경 됩니다. 깊은 복사 (Deep Copy) 값 자체를 복사하여 새로운 주소로 넣어줍니다. 같은 주소를 공유하지 않으므로 참조를 공유하지 않게 됩니다. 전체를 문자열로 만든 뒤, 그 문자열을 객체로 돌리는 방식입니다. 이를 위한 메서드로 자바스크립트의 JSON.stringfy()와 JSON.parse() 를 사용합니다. JSON.stringfy() stringify 메소드는 json 객체를 String 객체로 변환시켜 줍니다. JSON.parse() parse 메소드는 string 객체를 json 객체로 변환시켜줍니다.. 2022. 1. 28.

티스토리툴바