차마시는 개발자

해당 오류에 대해 찾아보니 eslint(prettier)에서 발생시키는 오류라고 합니다. 즉, prettier 2.0이상 부터 endOfLine옵션이 default가 'auto'에서 'lf'로 변경되어서 발생하는 것입니다. windows 와 linux 아래에 있는 텍스트 파일의 줄 바꿈이 일치하지 않아 생기는 오류인 것 같습니다. Linux: LF Windows: CRLF https://developpaper.com/solution-to-delete-%E2%90%8Deslint-prettier-prettier-error/ 해결 1. 빨간 부분 눌러서 변경 2. .eslintrc.json 파일 추가 "rules": { "prettier/prettier": [ "error", { "endOfLine": "a..

ESlint ESLint - Pluggable JavaScript linter Customize Preprocess code, use custom parsers, and write your own rules that work alongside ESLint's built-in rules. You can customize ESLint to work exactly the way you need it for your project. eslint.org 소스코드를 분석해서 문법 에러, 버그를 찾고 보고해주는 도구 ES6, React를 완벽하게 지원합니다. 초기구성 필요 / 조금 느리다 Prettier Prettier · Opinionated Code Formatter Opinionated Code Formatte..

undefined, null을 이 있을 때 매번 if문을 사용하는 것이 참 불편했습니다. 그래서 찾아보게 되었습니다. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining 설명 함수 호출과 함께 사용할 때 undefined주어진 함수가 존재하지 않으면 반환 합니다. null이나 undefined인 값이 반환되면 즉시 중단하고 undefined를 return 한다. => null, undefined 파악 ex function a(api) { const { data } if (data) { return data.person.name; } return null; } function a(api) {..

구문 오류: 요청된 '*.js'가 'default'라는 내보내기를 제공하지 않습니다. default를 사용하지 않고 export만 사용했는데 문제가 발생하였습니다 계속 값을 왜 못찾지 default를 사용하지도 않았는데 이런 생각을 하게 되어 > export / export default차이점 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/export 을 보고 차이점을 잘 보게 되었습니다. export: 한 파일(.js) 안에서 여러개를 내보낼 수 있다. export default: 한 파일(.js)안에서 한개만 내보낼 수 있다. 현재 export, export default를 사용하고 있습니다. 그리고 다음과 같은 문..

> forEach() forEach(func, thisArg) func: 함수 thisArg: 함수 내에 this로 사용할 애들(안써줘도 됩니다.) //ex) function forEach(func, thisArg) { for (let i = 0; i map() map(func, thisArg) func: 함수 func에 부적합하면 undefin..

> Array.from() & Object.assign() 배열, 객체 복제하는 방법 (주소 다릅니다.) //Array.from() var a = [1, 2]; var b = Array.from(a); //Object.assign() var a = {a: 'a'}; var b = Object.assign{{b: 'b'}, a}; // {b: 'b'} 객체에 a를 추가 하는 것(주소 다르다) b => {b: 'b'} + {a: 'a'} => {b: 'b', a: 'a'} > push() & concat() push()는 같은 주소에서 변경시킵니다. concat()은 복제본(주소 다른)것을 만들어 변경시킵니다. //push() var a = [1, 2]; a.push(3); console.log(a); //..

> JS info https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info > 함수형 프로그래밍 & 컬렉션 중심 프로그래밍 https://www.inflearn.com/course/%ED%95%A8%EC%88%98%ED%98%95-%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D/dashboard [무료] 자바스크립트로 알아보는 함수형 프로그래밍 (ES5) - 인프런 | 강의 마플(http://www.marpple.com)의 CTO 유인동님이 알려주는 함수형 프로그래밍에 대한 강좌 입니다. 함수형 프로그래밍으로 라이브러리를 직접 만들어가며 함수형 프로그래밍의 패러다임과 코딩의 즐거 www.inflearn.com ..