@junnyontop-pixel/neo-app 1.1.6 → 1.1.7

package/core/NeoCore.js

@@ -2,10 +2,12 @@ export class NeoCore {
     constructor(state, rootRenderFn, containerId) {
         this.container = document.getElementById(containerId);
         this.rootRenderFn = rootRenderFn;
+        
+        // Proxy를 사용하여 state가 바뀔 때마다 자동으로 mount() 호출
         this.state = new Proxy(state, {
             set: (target, key, value) => {
                 target[key] = value;
-                this.mount(); // 상태 변화 시 리렌더링
+                this.mount(); // 상태 변화 시 자동으로 리렌더링
                 return true;
             }
         });
@@ -13,27 +15,24 @@ export class NeoCore {
 
     mount() {
         if (!this.container) return;
-        this.container.innerHTML = '';
+        this.container.innerHTML = ''; // 화면 초기화
         const domTree = this.rootRenderFn(this.state);
         this.container.appendChild(domTree);
     }
 }
 
-// 가상 노드를 DOM 요소로 바꾸는 함수
+// 가상 노드를 실제 DOM 요소로 변환하는 함수
 export function h(tag, props, children = []) {
     const el = document.createElement(tag);
 
-    // 1. ID 설정
+    // 1. 속성 및 스타일 설정 (대소문자 주의: innerHTML)
     if (props.id) el.id = props.id;
-
-    // 2. 스타일 설정
     if (props.style) Object.assign(el.style, props.style);
+    
+    // 컴파일러(index.js)와 이름을 맞춘 innerHTML 사용
+    if (props.innerHTML) el.innerHTML = props.innerHTML;
 
-    // 3. 내용물 설정
-    if (props.innerHtml) el.innerHTML = props.innerHtml;
-
-    // 💡 4. 이벤트 연결 (이 부분이 빠져있을 거예요!)
-    // props에 on으로 시작하는 속성(onClick 등)이 있다면 이벤트를 등록합니다.
+    // 2. 이벤트 연결 (onClick, onInput 등)
     Object.keys(props).forEach(key => {
         if (key.startsWith('on') && typeof props[key] === 'function') {
             const eventType = key.toLowerCase().substring(2); // 'onClick' -> 'click'
@@ -41,9 +40,11 @@ export function h(tag, props, children = []) {
         }
     });
 
-    // 5. 자식 요소 추가
+    // 3. 자식 요소 추가 (문자열과 HTMLElement 모두 대응)
     children.forEach(child => {
-        if (child instanceof HTMLElement) {
+        if (typeof child === 'string') {
+            el.appendChild(document.createTextNode(child));
+        } else if (child instanceof HTMLElement) {
             el.appendChild(child);
         }
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@junnyontop-pixel/neo-app",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "description": "나만의 커스텀 프레임워크 Neo",
   "main": "core/NeoCore.js",
   "type": "module",