끄적끄적 보니타

최신 ECMAScript 버전 요약:ECMAScript 2024 (ES2024): 미발표, 현재는 그 기능이 어떻게 될지에 대한 제안들이 논의되고 있는 상태ECMAScript 2023 (ES2023): ECMAScript 2023은 2023년 6월에 발표ECMAScript 2022 (ES2022): 주요 기능으로는 top-level await와 class fields가 포함ECMAScript 2021 (ES2021): 새로운 배열 메서드인 Array.prototype.at(), 논리적 연산자 &&=, ||=, ??= 등을 포함ECMAScript 2023 (ES2023) 주요 특징Array.prototype.toSorted(), toSpliced(), toReversed(), with(): 배열을 수정하지..

1. Vue 프로젝트 ESLint 설정에 airbnb 확장 추가하기 npm v5 이상 npx install-peerdeps --dev eslint-config-airbnb https://www.npmjs.com/package/eslint-config-airbnb eslint-config-airbnb Airbnb's ESLint config, following our styleguide. Latest version: 19.0.4, last published: 2 months ago. Start using eslint-config-airbnb in your project by running `npm i eslint-config-airbnb`. There are 3988 other projects in the..

에러 발생 환경 package.json "devDependencies": { "@vue/cli-plugin-babel": "^4.5.0", "@vue/cli-plugin-eslint": "^4.5.0", "@vue/cli-service": "^4.5.14", "babel-eslint": "^10.1.0", "eslint": "^6.7.2", "eslint-plugin-vue": "^6.2.2", "node-sass": "^6.0.1", "prettier": "^2.5.1", "sass-loader": "^10.2.0", "vue-template-compiler": "^2.6.14" }, .eslintrc { "extends": [ "airbnb", ... ], ... } vue.config.js modu..

- css파일도 마찬가지 1. jsconfig.json(또는 tsconfig.json)과 vue.config.js 확인 - 두 파일 모두 path가 잘 설정되어 있는지 확인 jsconfig.json ( 또는 tsconfig.json ) { "compilerOptions": { "module": "umd", "paths": { "@" : ["./src/*"], } }, "exclude": ["node_modules"], "removeComments": true } vue.config.js const path = require('path'); module.exports = { lintOnSave: false, configureWebpack: { resolve: { alias: { '@': path.join(..

https://ko.reactjs.org/ React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 A JavaScript library for building user interfaces ko.reactjs.org https://javascript.plainenglish.io/5-advanced-react-patterns-a6b7624267a6 5 Advanced React Patterns An overview of 5 modern advanced React patterns, including integration codes, pros and cons, and concrete usage within public libraries. javascript.plainenglish.io ht..

material selection list 의 option 개수를 최대 65000개 정도 그려야하는데, 그려지지 않았다. 그래서 해당 이슈를 찾아봄. 위 답변대로 방법 2개를 검토한 후 1번 방법을 먼저 수행해봄 https://www.npmjs.com/package/ng-mat-select-infinite-scroll ng-mat-select-infinite-scroll Adds missing infinite scroll functionality for the angular material select component www.npmjs.com 위 모듈을 설치해서 대체하는 것이었는데, 응~ 안돼~ 그래서 단순 테이블로 변경해서 65000개 tr을 만들어서 표현해봤는데도 생각보다 느림.. material ..

https://www.npmjs.com/package/better-sqlite3/v/4.1.2 better-sqlite3 The fastest and simplest library for SQLite3 in Node.js. www.npmjs.com 이 모듈을 설치하려 했더니 다음과 같은 에러가 발생한다. npm ERR! better-sqlite3@7.1.2 install: `prebuild-install || npm run build-release` 그럼 우선 https://github.com/JoshuaWise/better-sqlite3/blob/master/docs/troubleshooting.md JoshuaWise/better-sqlite3 The fastest and simplest librar..

1. 다른 for 문으로 바꾸거나 2. forEach 두번째 인자로 this를 넘겨주거나 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach 3. arrow function으로 바꾸면 해결 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions

https://radlohead.gitbook.io/typescript-deep-dive/future-javascript/generators 제네레이터 radlohead.gitbook.io https://thecodebarbarian.com/async-generator-functions-in-javascript.html Async Generator Functions in JavaScript The TC39 async iterators proposal that brought for/await/of to JavaScript also introduced the concept of an async generator function. Now, JavaScript has 6 distinct types of func..

[ utf-8 string | number ] -> hex string toHex(value: string | number) { let hexStr = ''; if (typeof value === 'string') { for (let i = value.length - 1; i >= 0; i--) { hexStr = '%' + value .charCodeAt(i) .toString(16) .toUpperCase() + hexStr; } } else { let hex = value.toString(16).toUpperCase(); if (hex.length !== 2) { hexStr = `%0${hex}`; } else { hexStr = `%${hex}`; } } return hexStr; }