[박상범] 챕터 7: 자바스크립트 디자인 패턴 (1/3)

[sangbooom]

No description provided.

[hyesungoh]

잘 읽었습니다 👍 👍 궁금한 점 하나 남겼어요!!

[hyesungoh]

const foo1;
const foo2;

const bar1;

// ...

const public = {
 foo1, foo2
}
export default public;

대략 이런 모습으로 이해하면 될까요??

[sangbooom]

맞아요 전 아래와 같이 좀 더 일반적인 커스텀 훅 형태를 생각했어요!

const useWebView = () => {
  const [isWebView, setIsWebView] = useState(false);

  useEffect(() => {
    if (isWebView) return;

    if (typeof window !== 'undefined' && !!window.ReactNativeWebView) {
      setIsWebView(true);
    }
  }, [isWebView]);

  return {
    isWebView,
  };
};

export default useWebView;

노출 모듈 패턴이 실제로 커스텀 훅과 완전 일치하지 않을 수 있지만! 노출 모듈 패턴의 개념적 특성을 일부 따르고 있다고 봤어요
특히 내부 상태를 캡슐화하고 외부에는 필요한 값만 노출한다는 점에서 유사하다고 생각했슴다

[hyesungoh]

아아 말씀하신대로 이렇게도 적용 예로 볼 수 있겠군요 ?!? 👍 👍

[100Gyeon]

정리 깔끔하네요👍 잘 읽었습니다!

[Seojunhwan]

노출 모듈 패턴 설명 감사함니다 , ,