μ½˜ν…μΈ λ‘œ 이동

λ³΅μž‘ν•œ UIλ₯Ό μ—†μ• κ³ , Agentic UXλ₯Ό λ„μž…ν•˜μ„Έμš”

ν˜„λŒ€ μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ€ κΈ°λŠ₯ κ³ΌλΆ€ν•˜λ‘œ λͺΈμ‚΄μ„ μ•“κ³  μžˆμŠ΅λ‹ˆλ‹€. κΈ°λŠ₯이 μΆ”κ°€λ μˆ˜λ‘ λ©”λ‰΄λŠ” κΉŠμ–΄μ§€κ³ , λ‚΄λΉ„κ²Œμ΄μ…˜μ€ λ³΅μž‘ν•΄μ§€λ©°, μ‚¬μš©μžλŠ” μ§€μ³κ°‘λ‹ˆλ‹€. κ²½μŸμ‚¬ 앱은 클릭을 κ°•μš”ν•˜μ§€λ§Œ, λ‹Ήμ‹ μ˜ 앱은 μ‚¬μš©μžμ˜ μ˜λ„λ₯Ό μ‹€ν–‰ν•΄μ•Ό ν•©λ‹ˆλ‹€.

AXSDKλ₯Ό μ‚¬μš©ν•˜λ©΄ μ‚¬μš©μžκ°€ λ©”λ‰΄μ—μ„œ 길을 μžƒμ§€ μ•Šμ•„λ„ λ©λ‹ˆλ‹€. Agentic UXλ₯Ό μ μš©ν•˜λ©΄ μ‚¬μš©μžκ°€ μžμ—°μ–΄λ‘œ μ• ν”Œλ¦¬μΌ€μ΄μ…˜κ³Ό μƒν˜Έμž‘μš©ν•  수 있게 λ©λ‹ˆλ‹€. κΈ°μ‘΄ APIλ₯Ό AXHandler에 μ„ μ–Έν•˜κΈ°λ§Œ ν•˜λ©΄, κ³ κΈ‰ AI 엔진이 μžμ—°μ–΄λ₯Ό 즉각적이고 μ •ν™•ν•œ μ‹€ν–‰μœΌλ‘œ λ³€ν™˜ν•©λ‹ˆλ‹€. μ—μ΄μ „νŠΈκ°€ λ§Œλ“œλŠ” 차이λ₯Ό 직접 κ²½ν—˜ν•΄ λ³΄μ„Έμš”: 정적인 μΈν„°νŽ˜μ΄μŠ€λ₯Ό μ§€λŠ₯ν˜• μ–΄μ‹œμŠ€ν„΄νŠΈλ‘œ νƒˆλ°”κΏˆ μ‹œν‚€μ„Έμš”.

SDK μ•„ν‚€ν…μ²˜ 및 νŒ¨ν‚€μ§€

ν˜„μž¬ AXSDKλŠ” TypeScript ν™˜κ²½μ—μ„œλ§Œ μ‚¬μš© κ°€λŠ₯ν•©λ‹ˆλ‹€. 둜직과 UI둜 λΆ„λ¦¬λœ κ³ λ„λ‘œ λͺ¨λ“ˆν™”λœ μ•„ν‚€ν…μ²˜λ₯Ό μ œκ³΅ν•©λ‹ˆλ‹€:

  • πŸ“¦ @axsdk/core: ν—€λ“œλ¦¬μŠ€ μ½”μ–΄ νŒ¨ν‚€μ§€μž…λ‹ˆλ‹€. AI μƒνƒœ, AX Engine과의 λ„€νŠΈμ›Œν¬ 톡신, AXHandler μ‹€ν–‰ λ‘œμ§μ„ κ΄€λ¦¬ν•©λ‹ˆλ‹€. UI μ˜μ‘΄μ„±μ΄ μ—†μŠ΅λ‹ˆλ‹€.
  • βš›οΈ @axsdk/react: μ „μš© React UI λΌμ΄λΈŒλŸ¬λ¦¬μž…λ‹ˆλ‹€. μ½”μ–΄ μ—”μ§„κ³Ό μ›ν™œν•˜κ²Œ μ—°κ²°λ˜λŠ” μ•„λ¦„λ‹€μš΄ λ“œλ‘­μΈ μ»΄ν¬λ„ŒνŠΈ(μ±„νŒ… μΈν„°νŽ˜μ΄μŠ€, μŒμ„± λ²„νŠΌ λ“±)λ₯Ό μ œκ³΅ν•©λ‹ˆλ‹€.

🚧 λ‘œλ“œλ§΅: λ‹€λ₯Έ μ›Ή UI ν”„λ ˆμž„μ›Œν¬(Vue, Svelte) 및 λͺ¨λ°”일 λ„€μ΄ν‹°λΈŒ ν”Œλž«νΌ(iOS, Android, React Native, Flutter)용 SDKκ°€ ν˜„μž¬ ν™œλ°œν•˜κ²Œ 개발 μ€‘μž…λ‹ˆλ‹€. 계속 μ£Όλͺ©ν•΄ μ£Όμ„Έμš”!

2단계 λ§ˆλ²•

AXSDKλŠ” μΈν…”λ¦¬μ „μŠ€μ™€ 싀행을 λΆ„λ¦¬ν•˜μ—¬ μ½”λ“œλ² μ΄μŠ€λ₯Ό κΉ”λ”ν•˜κ³  μ•ˆμ „ν•˜κ²Œ μœ μ§€ν•©λ‹ˆλ‹€.

  1. λ‘λ‡Œ (AX Console): 관리 λŒ€μ‹œλ³΄λ“œμ—μ„œ μ‹œμŠ€ν…œ ν”„λ‘¬ν”„νŠΈλ₯Ό μ •μ˜ν•˜κ³ , μ‚¬μ΄νŠΈλ§΅μ„ μ—…λ‘œλ“œν•˜λ©°, ν•¨μˆ˜ μŠ€ν‚€λ§ˆλ₯Ό λ“±λ‘ν•©λ‹ˆλ‹€. 이λ₯Ό 톡해 AIμ—κ²Œ 앱이 무엇을 ν•  수 μžˆλŠ”μ§€, μ–΄λ–»κ²Œ λ™μž‘ν•΄μ•Ό ν•˜λŠ”μ§€λ₯Ό κ°€λ₯΄μΉ©λ‹ˆλ‹€.
  2. 손 (AXHandler): @axsdk/coreλ₯Ό μ‚¬μš©ν•˜λŠ” μ½”λ“œ λ‚΄μ—μ„œ κ°„λ‹¨νžˆ λ§€ν•‘ 배열을 μ œκ³΅ν•©λ‹ˆλ‹€. AIκ°€ νŠΉμ • μ•‘μ…˜μ΄ ν•„μš”ν•˜λ‹€κ³  νŒλ‹¨ν•˜λ©΄ AXHandler에 μ‹ ν˜Έλ₯Ό 보내고, AXHandlerλŠ” κΈ°μ‘΄ 둜컬 ν•¨μˆ˜λ₯Ό μ•ˆμ „ν•˜κ²Œ μ‹€ν–‰ν•©λ‹ˆλ‹€.

νŒ¨λŸ¬λ‹€μž„μ˜ μ „ν™˜

κΈ°μ‘΄ GUI AXSDKλ₯Ό ν™œμš©ν•œ Agentic UX
μ‚¬μš©μžκ°€ "μ£Όλ¬Έ λ‚΄μ—­"을 μ°ΎκΈ° μœ„ν•΄ 5번 클릭 μ‚¬μš©μžκ°€ "λ‚΄ 주문이 μ–΄λ”” μžˆλ‚˜μš”?"라고 말함
앱이 μ‚¬μš©μžμ—κ²Œ μˆ˜λ™μœΌλ‘œ μΉ΄ν…Œκ³ λ¦¬λ₯Ό ν•„ν„°λ§ν•˜λ„λ‘ κ°•μš” μ‚¬μš©μžκ°€ "μ €λ ΄ν•œ 여름 ν‹°μ…”μΈ  μ°Ύμ•„μ€˜"라고 μž…λ ₯
인지 λΆ€ν•˜: 메뉴 κΉŠμ΄μ— λ”°λ₯Έ $O(n)$ 인지 λΆ€ν•˜: 즉각 μ‹€ν–‰ $O(1)$

UXλ₯Ό μ—…κ·Έλ ˆμ΄λ“œν•  μ€€λΉ„κ°€ λ˜μ…¨λ‚˜μš”?

ν€΅μŠ€νƒ€νŠΈλ‘œ μ‹œμž‘ν•˜κΈ° πŸš€

λ¦¬μ†ŒμŠ€