10월 첫주차 기록

달콤했던 장기 휴가

배워가기

mobx의 observable.object()

observable.object() 함수는 JavaScript 객체를 observable 상태로 변환한다. 이 함수를 사용하면 객체의 속성 값들을 추적할 수 있어서, 속성 값이 변경될 때 자동으로 리액션(reaction)이 일어난다. 리액션은 MobX에서 상태 변화에 대응하여 특정 동작을 수행하는 함수를 말한다.

import { observable } from "mobx";

const user = observable.object({
  name: "John",
  age: 30,
});

// 이제 user 객체의 name과 age 속성은 observable 상태로 추적됩니다.

위의 예제에서 user 객체의 name 또는 age 속성 값이 변경될 때, 연결된 리액션들이 자동으로 실행될 수 있다.

typeorm @Index 데코레이터

• 특정한 칼럼에 DB index를 생성해준다. 해당 칼럼이 unique하다고 마킹할 수도 있다.
• 인덱싱을 한 경우는 모든 데이터를 조회하지 않고 데이터 파일의 중간에서 검색위치를 빠르게 잡을 수 있기 때문에, 특정 칼럼 값을 가지고 있는 열이나 값을 빠르게 찾기 위해 사용한다.
• 데이터 양이 많고 변경보다 검색이 빈번한 경우 인덱싱을 하면 좋다.

@Entity()
export class User {
  @Index()
  @Column()
  firstName: string;

  @Index({ unique: true })
  @Column()
  lastName: string;
}

Ref

• https://orkhan.gitbook.io/typeorm/docs/decorator-reference#index
• https://yangeok.github.io/orm/2020/12/14/typeorm-decorators.html#index

lodash-es

• es modules 방식으로 제작된 lodash 버전
• es6 모듈 기반으로 제작되어 tree-shaking이 가능하다.

이것저것

없어!

기타공유

bun vs node

bun이 기세등등하게 치고 오를 것인가!

근데 언제까지 이렇게 비교질만 하고 사는거야!

bun이 최고 킹왕짱 빠른거 알겠다고!

Ref https://www.builder.io/blog/bun-vs-node-js

ios 크롬앱 디버깅

ios 16.4부터 ios 크롬앱 디버깅이 가능해졌다고 한다.

그동안 ios 크롬 디버깅은 지옥 같았다고 하니…

Ref https://developer.chrome.com/blog/debugging-chrome-on-ios/

create-chrome-ext

크롬 익스텐션 개발 환경을 셋업해주는 스캐폴딩 도구로,

여러가지 프레임워크 환경을 지원하고 vite를 사용하고 있어 HMR도 처리해준다고 한다.

근데 왜 어디선가 본 것 같지.

Ref https://github.com/guocaoyi/create-chrome-ext

마무리

10월의 달콤했던 마지막 연휴도 이렇게 끝나간다. 🫠

벌써 연말 분위기가 슬그머니 찾아와버렸어!