MyReact 컨택스트가 컴포넌트를 한 번 만 렌더한다.

2-hook/src/lib/MyReact.jsx

@@ -81,30 +81,49 @@ const MyReact = (function MyReact() {
     cleanups.forEach((cleanup) => typeof cleanup === "function" && cleanup());
   }
 
-  function createContext(initialValue) {
-    const emitter = createEventEmitter(initialValue);
+  function createContext(defaultValue) {
+    let emitter;
 
     function Provider({ value, children }) {
+      if (!emitter) {
+        emitter = createEventEmitter(value);
+      }
+
       React.useEffect(() => {
         emitter.set(value);
       }, [value]);
 
       return <>{children}</>;
     }
 
+    function getValue() {
+      return emitter ? emitter.get() : defaultValue;
+    }
+
+    function on(handler) {
+      emitter?.on(handler);
+    }
+
+    function off(handler) {
+      emitter?.off(handler);
+    }
+
     return {
       Provider,
-      emitter,
+      getValue,
+      on,
+      off,
     };
   }
 
   function useContext(context) {
-    const [value, setValue] = React.useState(context.emitter.get());
+    const [value, setValue] = React.useState(context.getValue());
 
     React.useEffect(() => {
-      context.emitter.on(setValue);
+      context.on(setValue);
+
       return () => {
-        context.emitter.off(setValue);
+        context.off(setValue);
       };
     }, [context]);