mobssie

Class Public Instance Fields & Private Instance Fields before class ColorButton extends HTMLElement { constructor() { this.color = "red" this._clicked = false } } const button = new ColorButton() // Public fields can be accessed and changed by anyone button.color = "blue" // Curse your sudden but inevitable betrayal console.log(button._clicked) // Prints: false, can be accessed from the instance..

async 없이 사용 가능해졌다. import {getUser} from "./data/User" let user = await getUser(); https://yagmurcetintas.com/journal/whats-new-in-es2022?ref=morioh.com&utm_source=morioh.com

// before obj.prop = obj.prop || foo(); // obj.prop이 잘못된 값일 경우 할당 obj.prop = obj.prop && foo(); // obj.prop이 올바른 값일 경우 할당 obj.prop = obj.prop ?? foo(); // obj.prop이 null이나 undefined일 경우 할당 // after obj.prop ||= foo(); obj.prop &&= foo(); obj.prop ??= foo();

npx create-nx-workspace [만들고 싶은 APP 이름] --preset=react nx는 npx 를 이용하여 workspace를 생성할 수 있고, 참고 : https://nx.dev/generators/workspace-generators https://medium.com/@trustyoo86/nx%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%9C-react-monorepo-%EB%A7%8C%EB%93%A4%EA%B8%B0-workspace-%EB%A7%8C%EB%93%A4%EA%B8%B0-a53cd5374bcd nx를 이용한 react monorepo 만들기 — workspace 만들기 monorepo란, 다양한 모듈을 여러개의 repository로 관리하지 않고, 하나..

모노레포 환경 설치 sudo npm install -g nx npm create-nx-workspace * workspace name : 작업공간에 일반적으로 조직 이름인 이름을 지정한다. 우리 조직의 모든 프로젝트를 포함하는 모델 리포지토리이므로 회사의 이름을 지정하거나 이름을 넣는다. * What to create in the new workspace : 내부에 단일 응용프로그램을 생성하게된다. 단일 저장소는 여러개의 서로 다른 프로젝트를 포함하는 저장소일 뿐이고 잠재적으로 전체 조직의 모든 단일 프로젝트 일 수 도 있다. 모두 같은 유형일 필요는 없고 프로젝트 환경을 새로 만들 수도 있다. react, angular, vue, express, next.js 등 설정할 수 있다. app폴더 안에 여러..

const key = 'name'; const value = 'Atta'; const user = {}; user[key] = value; console.log(user.name); // Atta const key = 'name'; const value = 'Atta'; const user = { [key]: value }; console.log(user.name); const key = 'name'; const value = 'Atta'; const user = { [key + '34']: value }; console.log(user.name34); // Atta const key = 'name'; const value = 'Atta'; const user = { [`${key}34`]: value ..

[에러 메세지] TypeError: firebase_compat_app__WEBPACK_IMPORTED_MODULE_0__.default.auth is not a function Modularv9 와 Compat라이브러리 유형 사이에 구문을 혼합해서 사용한 문제 [인증 상태 관찰자 설정 및 사용자 데이터 가져오기] import { getAuth, onAuthStateChanged } from "firebase/auth"; const auth = getAuth(); onAuthStateChanged(auth, (user) => { if (user) { // User is signed in, see docs for a list of available properties // https://firebase.g..

vue3 + pinia + vue-router + vite + tailwind npm i -g @vue/cli vue --version

UNMET PEER DEPENDENCY 에러시 npm install -g npm npm 업데이트하기

ESLINT는 코드 품질 Prettier는 코드 스타일, 포멧팅에만 관점. 설정파일 우선순위가 있음. 1. .eslintrc.js 2. .eslintrc.cjs 3. .eslintrc.yaml 4. .eslintrc.yml 5. .eslintrc.json 6. package.json { env: { // 환경은 사전 정의된 전역 변수를 제공합니다 "browser": true, // browser 전역변수 사용 "node": true // NODE 전영변수 사용 }, extends: [ // ESLINT에서 Default Rules "eslint:recommended", "plugin:vue/recommended", "plugin:@typescript-eslint/recommended", ], plugin..