개발/🟦 React

[FE] type.maybe, maybeNull

비니_ 2026. 1. 7. 16:15
728x90

 

 

 

[FE] MST란?

🔖 MST = MobX State Tree👉 React 앱에서 “전역 상태(공용 데이터)”를 관리하기 위한 도구 앱 전체에서 쓰는 데이터를규칙(타입) 있게안전하게예측 가능하게 관리 🔖 사용 이유useState는 컴포넌트에

dazzle-bini.tistory.com

 

 

const Company = types
  .model({
    logoBase64: types.maybe(types.string), ✔️maybe가 무엇인가
  })
  .actions(self => ({
    setLogoBase64(value) {
      self.logoBase64 = value;
    }
}));

 

❓✔️maybe가 무엇인가

 

👩‍💻 logoBase64: types.maybe(types.string),

=> 처음에는 없을 수도(undefined/null), 나중에 문자열이 될 수도 있는 값

 

👩‍💻 logoBase64: types.maybeNull(types.string),

=> string 이거나, null 일 수 있으며, 나중에 문자열이 될 수도 있는 값

=> undefined는 안 됨

 

👩‍💻 logoBase64: types.optional(types.string, '')

=> 항상 문자열인데, 기본값은 빈 문자열

😮 단점

- '(빈 문자열)도 truthy/falsey 판단 헷갈림

- 실제로는 “값이 없다” 와 “값은 있는데 비어있다” 를 구분 못함

 

 

 

 

 

728x90