Platform Console Manual

ICE4 ํ”Œ๋žซํผ์œผ๋กœ ๊ฐœ๋ฐœ ๋ฐ ์šด์˜์— ํ•„์š”ํ•œ ์ฃผ์š” ๊ธฐ๋Šฅ์„ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜๋Š” ์‚ฌ์ดํŠธ๋ฅผ Platform Console๋กœ ์ œ๊ณตํ•œ๋‹ค.

  • ํ”„๋กœ์ ํŠธ ๊ด€๋ฆฌย  - ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ ๋ฐ ๊ด€๋ฆฌ ๊ธฐ๋Šฅ

  • ๊ณ„์ • ๋ฐ ๊ถŒํ•œ -ย  ๊ด€๋ฆฌ์ž ๊ณ„์ • ๊ด€๋ฆฌ ๋ฐ ๊ถŒํ•œ ๊ด€๋ฆฌ ๊ธฐ๋Šฅ ์ œ๊ณต

  • ์Šคํ‚ค๋งˆ ๊ด€๋ฆฌ - ๋งˆ์ดํฌ๋กœ์„œ๋น„์Šค์™€ ์Šคํ‚ค๋งˆ ๋ชจ๋ธ๋ง ๊ธฐ๋Šฅ ์ œ๊ณต

  • ํ”„๋กœ์„ธ์Šค ๊ด€๋ฆฌ - ๋น„์ฆˆ๋‹ˆ์Šค๋กœ์ง์„ ํ”„๋กœ์„ธ์Šค ๋นŒ๋”๋กœ ์ œ์ž‘ํ•˜๋Š” ๊ธฐ๋Šฅ ์ œ๊ณต

  • API ๊ด€๋ฆฌ -ย  API์— ๋Œ€ํ•œ ๊ด€๋ฆฌ ๊ธฐ๋Šฅ ์ œ๊ณต

  • Backoffice ๊ด€๋ฆฌ - BackOffice ๋นŒ๋”๋ฅผ ์ด์šฉํ•˜์—ฌ ๊ด€๋ฆฌ์ž ์‚ฌ์ดํŠธ ์ œ์ž‘ ๋ฐ ๊ด€๋ฆฌ ๊ธฐ๋Šฅ ์ œ๊ณต

  • ์‚ฌ์ดํŠธ ๊ด€๋ฆฌ -ย  FrontOfficeย ๋นŒ๋”๋ฅผ ์ด์šฉํ•˜์—ฌ ๋Œ€๊ณ ๊ฐ ์‚ฌ์ดํŠธ ์ œ์ž‘ ๋ฐ ๊ด€๋ฆฌ ๊ธฐ๋Šฅ ์ œ๊ณต

  • ์ฝ˜ํ…์ธ  ๊ด€๋ฆฌ - ICE์—์„œ ๊ธฐ๋ณธ์ ์œผ๋กœ ์ œ๊ณตํ•˜๋Š” ๊ธฐ๋ณธ ์ฝ˜ํ…์ธ  ๊ด€๋ฆฌ ๊ธฐ๋Šฅ ์ œ๊ณต

  • ๋ชจ๋‹ˆํ„ฐ๋ง - ์šด์˜์ค‘์ธ ์„œ๋น„์Šค์— ๋Œ€ํ•œ ์„œ๋ฒ„, API, ์ด๋ฒคํŠธ, ์‚ฌ์šฉ์ž ์„ธ์…˜ ๋ชจ๋‹ˆํ„ฐ๋ง ๊ธฐ๋Šฅ ์ œ๊ณต

  • ๋ถ„์„ ๋ฐ ํ†ต๊ณ„ - ์„ค์ • ๊ธฐ๋ฐ˜์˜ ํ†ต๊ณ„ ์ œ๊ณต, ์ด๋ฒคํŠธ Hooking์„ ํ†ตํ•œ Accumulator, ํ†ต๊ณ„ ๋ฐ์ดํ„ฐ์˜ ์•„์นด์ด๋ธŒ, ์ด๋ฒคํŠธ ์ถ”์  ๊ธฐ๋Šฅ ์ œ๊ณต

  • ํ™˜๊ฒฝ์„ค์ • - ๋ฐ์ดํ„ฐ์†Œ์Šคย  ๊ด€๋ฆฌ, ๋ฐฐ์น˜ ์Šค์ผ€์ค„ย  ๊ด€๋ฆฌ, ํ”Œ๋žซํผ ์ฝ˜์†” ๊ด€๋ฆฌ, ์บ์‹œ ๋ฐ์ดํ„ฐ ๊ด€๋ฆฌ ๊ธฐ๋Šฅ ์ œ๊ณต

ย 

ย 


Platform Console ๋ฉ”๋‰ด

Platform Console์€ ๋Œ€์‹œ๋ณด๋“œ๋ฅผ ํฌํ•จํ•˜์—ฌ ์ด 11๊ฐœ ๋ฉ”๋‰ด๋กœ ๊ตฌ์„ฑ๋˜์–ด ์žˆ๋‹ค.

ย 

  1. ๋Œ€์‹œ๋ณด๋“œ

  2. ํ”„๋กœ์ ํŠธ

  3. ๊ณ„์ •๊ถŒํ•œ

  4. ์Šคํ‚ค๋งˆ

  5. ํ”„๋กœ์„ธ์Šค

  6. API

  7. ๋ฐฑ์˜คํ”ผ์Šค

  8. ์‚ฌ์ดํŠธ

  9. ์ฝ˜ํ…์ธ 

  10. ๋ชจ๋‹ˆํ„ฐ๋ง

  11. ๋ถ„์„ํ†ต๊ณ„

  12. ํ™˜๊ฒฝ์„ค์ •

ย 


[01] ๋Œ€์‹œ๋ณด๋“œ

๋Œ€์‹œ๋ณด๋“œ๋Š” ์ „๋ฐ˜์ ์ธ ์ •๋ณด๋ฅผ ์š”์•ฝํ•˜์—ฌ ์‹œ๊ฐ์ ์œผ๋กœ ๋‚˜ํƒ€๋‚ด๋Š” ๊ณต๊ฐ„์ด๋‹ค. ํ•˜๋‚˜์˜ ํ™”๋ฉด์— ์„œ๋กœ ์—ฐ๋™๋˜๋Š” ์ •๋ณด๋“ค์„ ์‹œ๊ฐํ™”ํ•˜์—ฌ ํ‘œํ˜„ ํ•  ์ˆ˜ ์žˆ๋„๋ก ์„ค๊ณ„ํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ๋ชจ๋‹ˆํ„ฐ๋ง๊ณผ ์‹œ๊ฐ์  ์ •๋ณด ๋ถ„์„ ๊ธฐ๋Šฅ์„ ํ†ตํ•ด ๋ฐ์ดํ„ฐ์— ๋Œ€ํ•œ ํฌ๊ด„์ ์ธ ๋ทฐ์™€ ์ •๋ณด์˜ ๋ณ€ํ™” ์ถ”์ด๋ฅผ ํ™•์ธํ•˜๊ณ , ์ค‘์š”ํ•œ ์˜์‚ฌ๊ฒฐ์ • ์ •๋ณด๋ฅผ ํ•œ ๋ˆˆ์— ํŒŒ์•…ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•œ๋‹ค.

ย 

ex Platform Console์˜ ๋Œ€์‹œ๋ณด๋“œ

ย 

ย 


[02] ํ”„๋กœ์ ํŠธ

๊ฐ๊ฐ์˜ ์‚ฌ์šฉ์ž๋Š” ํ•˜๋‚˜์˜ ํ”„๋กœ์ ํŠธ๋ฅผ ๊ฐ–๋Š”๋‹ค. ํ”„๋กœ์ ํŠธ ์‚ฌ์šฉ์ž์˜ Needs์— ๋”ฐ๋ผ, ICE4๋ฅผ ํ™œ์šฉํ•˜์—ฌ ๋‹ค์–‘ํ•œ ์‚ฌ์ดํŠธ๋ฅผ ์ œ์ž‘ํ•  ์ˆ˜ ์žˆ๋Š”๋ฐ, ์‚ฌ์ดํŠธ์—์„œ ์ œ๊ณตํ•˜๋Š” ์„œ๋น„์Šค ์œ ํ˜•์„ ํŒจํ‚ค์ง€๋กœ ๋งŒ๋“ค์–ด ์ œ๊ณตํ•œ๋‹ค. ์‚ฌ์šฉ์ž๋Š” ์ž์‹ ์˜ ํ”„๋กœ์ ํŠธ์— ํŒจํ‚ค์ง€๋ฅผ ๋‹ค์ค‘ ์„ ํƒํ•˜์—ฌ ์…‹ํŒ…ํ•  ์ˆ˜ ์žˆ๋‹ค. Project ๊ด€๋ฆฌ

ย 

1. ํŒจํ‚ค์ง€

๋Œ€ํ‘œ์ ์ธ ์„œ๋น„์Šค ์œ ํ˜•์„ 5๊ฐ€์ง€ ํŒจํ‚ค์ง€๋กœ ์…‹ํŒ…ํ•˜์—ฌ ์ œ๊ณตํ•˜๊ณ  ์žˆ์œผ๋ฉฐ, ํŒจํ‚ค์ง€์— ์กด์žฌํ•˜๋Š” ์ฃผ์š” ๊ธฐ๋Šฅ๋“ค์€ ๋ชจ๋‘MSA(Microservices Architecture)๋กœ ์„ค๊ณ„๋˜์–ด ๊ฒฝ๋Ÿ‰ํ™”๋˜๊ณ  ๋…๋ฆฝ์ ์œผ๋กœ ์กฐํ•ฉํ•˜์—ฌ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.

Platform Console > Project > Packages

No

Package Name

Description & MSA Function

No

Package Name

Description & MSA Function

1

Digital Marketing Package

๊ณ ๊ฐ ๊ฒฝํ—˜ ๊ด€๋ฆฌ์™€ ์บ ํŽ˜์ธ ๊ด€๋ฆฌ, ๋งˆ์ผ€ํŒ… ์‚ฌ์ดํŠธ ์ œ์ž‘ ์‹œ ์‚ฌ์šฉ

promotion, Campaign Management, push

2

Digital Asset Package

๊ธฐ์—…์˜ ๋””์ง€ํ„ธ ์ž์‚ฐ(๋””์ง€ํ„ธ ์ฝ˜ํ…์ธ )์„ ๊ด€๋ฆฌํ•˜๋Š” ์‚ฌ์ดํŠธ ์ œ์ž‘ ์‹œ ์‚ฌ์šฉ

Resource, asset

3

Web Content Package

์›น ์ปจํ…์ธ  ๊ด€๋ฆฌ, ์ฝ˜ํ…์ธ  ๋ฐฐํฌ ๋“ฑ CMS์— ์‚ฌ์šฉ

contents, display, board

4

E-Commerce Package

์ด์ปค๋จธ์Šค ์„œ๋น„์Šค๋ฅผ ์ œ๊ณตํ•˜๋Š” ์‚ฌ์ดํŠธ ์ œ์ž‘์— ์‚ฌ์šฉ

product, order, cart, channel, ๊ณ ๊ฐ์‘๋Œ€, category, point, coupon, settlement, delivery, payment, affiliate, seller, vendor

5

Common Package

์›น ์„œ๋น„์Šค๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•œ ๊ฐ€์žฅ ๊ธฐ๋ณธ์ ์ด๊ณ  ๊ณตํ†ต๋œ ๊ธฐ๋Šฅ์„ ์ œ๊ณต

Core Service

ย 

2. ํ”„๋กœ์ ํŠธ

ํ•˜๋‚˜์˜ ํ”„๋กœ์ ํŠธ์— ๋‹ค์ˆ˜์˜ ๋ฐฑ์˜คํ”ผ์Šค(BO)์™€ ํ”„๋ก ํŠธ ์‚ฌ์ดํŠธ๋ฅผ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ์–ธ์–ด(Kor, Eng) ์„ค์ •๊ณผ Global CSS ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•œ๋‹ค. ์ œ๊ณตํ•˜๋Š” 5๊ฐ€์ง€ ํŒจํ‚ค์ง€๋ฅผ ์ค‘๋ณต์œผ๋กœ ์„ ํƒํ•˜์—ฌ ํ”„๋กœ์ ํŠธ์— ๋‹ด์„ ์ˆ˜ ์žˆ๊ณ , ๊ฒฝ์šฐ์— ๋”ฐ๋ผ์„œ๋Š” ํ•„์š”ํ•œ ๊ธฐ๋Šฅ์„ ์กฐํ•ฉํ•˜์—ฌ ์ง์ ‘ ํŒจํ‚ค์ง€๋ฅผ ์ƒ์„ฑํ•˜์—ฌ ํ”„๋กœ์ ํŠธ์— ์ถ”๊ฐ€ ํ•  ์ˆ˜ ์žˆ๋‹ค.

Platform Console > Project > Projects

ย 

ย 


[03] ๊ณ„์ •๊ถŒํ•œ

๋ฐฑ์˜คํ”ผ์Šค(ADM)์™€ ํ”„๋ก ํŠธ ์‚ฌ์ดํŠธ ์•ก์„ธ์Šค ๊ถŒํ•œ์„ ๊ด€๋ฆฌํ•˜๋Š” ๊ณต๊ฐ„์ด๋‹ค. 3๊ฐ€์ง€ ์œ ํ˜•์˜ ์‚ฌ์šฉ์ž(Admin, Manager, Customer)์— ๋Œ€ํ•œ ์ •์ฑ… ์„ค์ •, ๊ทธ๋ฃน๊ด€๋ฆฌ, ๊ณ„์ •๊ด€๋ฆฌ๊ฐ€ ๊ฐ€๋Šฅํ•˜๋‹ค. ๊ณ„์ • ๋ฐ ๊ถŒํ•œ

ย 

1. ๊ด€๋ฆฌ์ž ๊ทธ๋ฃน ๊ด€๋ฆฌ

๋ฐฑ์˜คํ”ผ์Šค ์‚ฌ์ดํŠธ๋ฅผ ๊ด€๋ฆฌํ•˜๊ณ  ์šด์˜ํ•˜๋Š” Admin ์‚ฌ์šฉ์ž ๊ทธ๋ฃน์„ ์ƒ์„ฑ ํ•  ์ˆ˜ ์žˆ๋‹ค. ๊ทธ๋ฃน์„ ์‹ ๊ทœ๋กœ ์ƒ์„ฑํ•  ๊ฒฝ์šฐ Parent Group์€ root๋กœ ์„ค์ •๋˜๋ฉฐ, ์ด๋ฏธ ์ƒ์„ฑํ•œ ๊ทธ๋ฃน์„ Parent Group์œผ๋กœ ์„ค์ •ํ•˜์—ฌ ํ•˜์œ„ ๊ทธ๋ฃน์„ ์ƒ์„ฑํ•  ์ˆ˜๋„ ์žˆ๋‹ค.

์ผ๋ฐ˜์ ์œผ๋กœ ๊ด€๋ฆฌ์ž ๊ทธ๋ฃน์€ ๊ด€๋ฆฌ ์กฐ์ง์˜ ์กฐ์ง๋„๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ๊ตฌ์„ฑํ•˜๋Š” ๋‚ด๋ถ€ ๊ด€๋ฆฌ์ž ๊ทธ๋ฃน์„ ์ค‘์‹ฌ์œผ๋กœ ํ˜‘๋ ฅ ์—…์ฒด๋‚˜ ๊ณ„์•ฝ๋œ ์—…์ฒด์˜ ์‚ฌ์šฉ์ž๊ฐ€ ์‚ฌ์šฉํ•˜๋Š” ์™ธ๋ถ€ ๊ด€๋ฆฌ์ž์™€ ํ”Œ๋žซํผ ๊ฐœ๋ฐœ ๋ฐ ์šด์˜์„ ๋‹ด๋‹นํ•˜๋Š” ๊ฐœ๋ฐœ์ž ๊ทธ๋ฃน์œผ๋กœ ๋ถ„๋ฆฌํ•˜์—ฌ ๊ด€๋ฆฌํ•œ๋‹ค.

Platform Console > Account/Authority > Admin Groups

ย 

2. ๊ด€๋ฆฌ์ž ๊ณ„์ • ๊ด€๋ฆฌ

๊ด€๋ฆฌ์ž ๊ทธ๋ฃน์— ์ข…์†๋˜๋Š” Admin ๊ณ„์ •์„ ๊ด€๋ฆฌํ•˜๋Š” ๊ณต๊ฐ„์ด๋‹ค. ์ขŒ์ธก์—๋Š” ์ƒ์„ฑํ•œ ๊ด€๋ฆฌ์ž ๊ทธ๋ฃน์ด Treeํ˜•ํƒœ๋กœ ํ‘œ์‹œ๋˜๋ฉฐ, ์šฐ์ธก์—๋Š” Admin๊ณ„์ •์ด List๋กœ ๋ณด์—ฌ์ง„๋‹ค. ๊ฒ€์ƒ‰๊ณผ ํ•„ํ„ฐ ๊ธฐ๋Šฅ์ด ์ œ๊ณต๋œ๋‹ค.

ย 

3. ๋งค๋‹ˆ์ € ๊ทธ๋ฃน ๊ด€๋ฆฌ

๋ฐฑ์˜คํ”ผ์Šค ์‚ฌ์ดํŠธ๋ฅผ ์ด์šฉํ•˜๋Š” Manager ์‚ฌ์šฉ์ž ๊ทธ๋ฃน์„ ์ƒ์„ฑํ•˜๊ณ  ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ๋‹ค. Admin ๊ทธ๋ฃน ์ƒ์„ฑ๊ณผ ๋™์ผํ•˜๊ฒŒ ์‹ ๊ทœ๋กœ ์ƒ์„ฑํ•  ๊ฒฝ์šฐ Parent Group์€ root๋กœ ์„ค์ •๋˜๋ฉฐ, ์ด๋ฏธ ์ƒ์„ฑํ•œ Manager ๊ทธ๋ฃน์„ Parent Group์œผ๋กœ ์„ค์ •ํ•˜์—ฌ ํ•˜์œ„ ๊ทธ๋ฃน์„ ์ƒ์„ฑํ•  ์ˆ˜๋„ ์žˆ๋‹ค. ์ผ๋ฐ˜์ ์œผ๋กœ Vendors, Sellers์™€ ๊ฐ™์€ ๊ณ„์•ฝ๋œ ์—…์ฒด์˜ ์—ญํ• ์— ๋”ฐ๋ผ์„œ ๊ทธ๋ฃน์„ ์„ค์ •ํ•œ๋‹ค.

ย 

4. ๋งค๋‹ˆ์ € ๊ณ„์ • ๊ด€๋ฆฌ

๋งค๋‹ˆ์ € ๊ทธ๋ฃน์— ์ข…์†๋˜๋Š” Manager ๊ณ„์ •์„ ๊ด€๋ฆฌํ•˜๋Š” ๊ณต๊ฐ„์ด๋‹ค. ์ขŒ์ธก์—๋Š” ๋งค๋‹ˆ์ € ๊ทธ๋ฃน์ด Treeํ˜•ํƒœ๋กœ ํ‘œ์‹œ๋˜๋ฉฐ, ์šฐ์ธก์—๋Š” Manager๊ณ„์ •์ด List๋กœ ๋ณด์—ฌ์ง„๋‹ค. ๊ฒ€์ƒ‰๊ณผ ํ•„ํ„ฐ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•œ๋‹ค.

ย 

5. ๊ถŒํ•œ ๊ด€๋ฆฌ

๊ถŒํ•œ ๊ด€๋ฆฌ๋Š” ROLE์„ ๊ด€๋ฆฌ์ž ๊ทธ๋ฃน๊ณผ ๊ฐ™์ด Tree ํ˜•ํƒœ๋กœ ๊ด€๋ฆฌ๊ฐ€ ๊ฐ€๋Šฅํ•˜๊ณ , ํ•ด๋‹น ROLE์„ ๊ถŒํ•œ ์„ค์ •์ด ํ•„์š”ํ•œ UI ๋˜๋Š” ์Šคํ‚ค๋งˆ์— ์ง€์ •ํ•˜๊ณ , ํ•ด๋‹น ๊ถŒํ•œ์ด ํ•„์š”ํ•œ ์‚ฌ์šฉ์ž ๋˜๋Š” ์‚ฌ์šฉ์ž ๊ทธ๋ฃน์— ROLE์„ ๋ถ€์—ฌํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ๊ด€๋ฆฌํ•œ๋‹ค.

ย 

6. ์‚ฌ์šฉ์ž ์ •์ฑ… ์„ค์ •

์‚ฌ์šฉ์ž ์œ ํ˜•๋ณ„ ์ •์ฑ…์„ ์ •์˜ํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ์ด๋ฅผ ์‚ฌ์ดํŠธ ๋ณ„๋กœ ์ ์šฉ ์‹œํ‚ฌ ์ˆ˜๋„ ์žˆ๋‹ค. ์„ค์ • ํ•ญ๋ชฉ์€ ๋กœ๊ทธ์ธ ์ค‘๋ณต ํ—ˆ์šฉ ์—ฌ๋ถ€, ํ—ˆ์šฉ ๋œ ๋กœ๊ทธ์ธ ์‹คํŒจ ํšŸ์ˆ˜, ๋น„๋ฐ€๋ฒˆํ˜ธ ๋ณ€๊ฒฝ ์ฃผ๊ธฐ ๋ฐ ์—ฐ์žฅ ๊ธฐ๊ฐ„, ์‚ฌ์šฉ์ž ์ž ๊ธˆ ์‚ฌ์šฉ ์—ฌ๋ถ€๊ฐ€ ์žˆ๋‹ค.

ย 

ย 


[04] ์Šคํ‚ค๋งˆ

๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ๊ตฌ์กฐ์™€ ์ œ์•ฝ ์กฐ๊ฑด์— ๊ด€ํ•œ ์ „๋ฐ˜์ ์ธ ๋ช…์„ธ๋ฅผ ๊ธฐ์ˆ ํ•˜๋Š” ๊ณต๊ฐ„์ด๋‹ค. ๊ฐœ์ฒด์˜ ํŠน์„ฑ์„ ๋‚˜ํƒ€๋‚ด๋Š” ์†์„ฑ(Attribute)๊ณผ ์†์„ฑ๋“ค์˜ ์ง‘ํ•ฉ์ธ ๊ฐœ์ฒด(Entity), ๊ฐœ์ฒด ์‚ฌ์ด์˜ ๊ด€๊ณ„(Relation)์— ๋Œ€ํ•œ ์ •์˜์™€ ๋ฐ์ดํ„ฐ ์กฐ์ž‘ ์‹œ ๋ฐ์ดํ„ฐ ๊ฐ’๋“ค์ด ๊ฐ–๋Š” ์ œ์•ฝ ์กฐ๊ฑด๋“ค์„ ์ „๋ฐ˜์ ์œผ๋กœ ์ •์˜ํ•  ์ˆ˜ ์žˆ๋‹ค. ์Šคํ‚ค๋งˆ

ย 

1. ๋งˆ์ดํฌ๋กœ์„œ๋น„์Šค(MSA)

์ „์ฒด ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ํŠน์ • ๋ชฉ์ ์„ ๊ฐ€์ง„ ์†Œ๊ทœ๋ชจ ๋งˆ์ดํฌ๋กœ์„œ๋น„์Šค ๋‹จ์œ„๋กœ ๋‚˜๋ˆ„์–ด ๋…๋ฆฝ์ ์œผ๋กœ ์ˆ˜์ •๊ณผ ๋ฐฐํฌ๊ฐ€ ๊ฐ€๋Šฅํ•˜๋„๋ก ๋งŒ๋“ค์–ด์ง€๋Š” ๋งˆ์ดํฌ๋กœ์„œ๋น„์Šค๋ฅผ ๊ด€๋ฆฌํ•˜๋Š” ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•œ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด E-Commerce ํŒจํ‚ค์ง€๋Š” ์ƒํ’ˆ, ๊ณต๊ธ‰์‚ฌ, ํŒ๋งค์‚ฌ, ์ฃผ๋ฌธ, ๋ฐฐ์†ก, ๊ฒ€์ƒ‰ ๋“ฑ์˜ ๋งˆ์ดํฌ๋กœ์„œ๋น„์Šค๋กœ ์ด๋ฃจ์–ด์ ธ ์žˆ๋‹ค.

์ขŒ์ธก์— MS ๋ชฉ๋ก์„ ํด๋ฆญํ•˜๋ฉด, ํ•ด๋‹น ๋งˆ์ดํฌ๋กœ์„œ๋น„์Šค๋ฅผ ๊ตฌ์„ฑํ•˜๊ณ  ์žˆ๋Š” ์„ค์ •๋œ NodeType์„ ํฌํ•จํ•œ MSA์˜ ์ƒ์„ธ ์ •๋ณด๊ฐ€ ์šฐ์ธก์— ์ถœ๋ ฅ๋œ๋‹ค.

ย 

2. ๋…ธ๋“œํƒ€์ž… ๊ด€๋ฆฌ

์„œ๋กœ ๋‹ค๋ฅธ ํŠน์ง•, ๋ฐ์ดํ„ฐ, ๊ธฐ๋Šฅ์„ ๊ฐ€์ง€๋Š” ๋…ธ๋“œํƒ€์ž…์„ ์ƒ์„ฑํ•˜๊ณ  ๊ด€๋ฆฌํ•˜๋Š” ๊ณต๊ฐ„์ด๋‹ค.

ย 

3. ์˜ต์…˜ ๊ด€๋ฆฌ

ํ”„๋กœํผํ‹ฐํƒ€์ž… ์„ค์ •์—์„œ ํ•„์š”ํ•œ ๋ถ€๊ฐ€์ ์ธ ์˜ต์…˜๋“ค์— ๋Œ€ํ•œ ์œ ํ˜•์„ ๊ด€๋ฆฌํ•œ๋‹ค. ์˜ต์…˜์€ ํฌ๊ฒŒ API์—์„œ ์‚ฌ์šฉ๋˜๋Š” API Option, BO ๋นŒ๋”์—์„œ ์‚ฌ์šฉ๋˜๋Š” Builder Option, Validation์— ์‚ฌ์šฉ๋˜๋Š” Validation Option 3๊ฐ€์ง€ ์œ ํ˜•์ด ์žˆ๋‹ค.

4. ํ”„๋ฆฌ์…‹ ์˜ต์…˜ ๊ด€๋ฆฌ

์ž์ฃผ ์‚ฌ์šฉ๋˜๋Š” ์˜ต์…˜ ์„ค์ •์„ ์žฌ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•ด์„œ ๋ฏธ๋ฆฌ ์ •์˜ํ•˜๋Š” ๊ฒƒ์„ ํ”„๋ฆฌ์…‹ ์˜ต์…˜ ์ด๋ผ๊ณ  ํ•œ๋‹ค.

ย 


[05] ํ”„๋กœ์„ธ์Šค

LCD๋ฅผ ์ง€์›ํ•˜๊ธฐ ์œ„ํ•˜์—ฌ ํŠน์ • ๋น„์ฆˆ๋‹ˆ์Šค ๋กœ์ง์„ Mapper, Reducer, Filter, Query, Switch, Validation, Trigger์™€ ๊ฐ™์€ ํ”„๋กœ์„ธ์Šค ์ปดํฌ๋„ŒํŠธ๋ฅผ ์ด์šฉํ•˜์—ฌ ํ”„๋กœ์„ธ์Šค ํ”Œ๋กœ์šฐ๋ฅผ ์ •์˜ํ•˜๋Š” ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•œ๋‹ค. ํ”„๋กœ์„ธ์Šค ๊ด€๋ฆฌ, ํ”„๋กœ์„ธ์Šค์˜ ์ด๋ฒคํŠธ ์ปดํฌ๋„ŒํŠธ, ํ•„ํ„ฐ์™€ ์ฟผ๋ฆฌ ๊ด€๋ฆฌ ์„œ๋ธŒ ๋ฉ”๋‰ด๋กœ ๊ตฌ์„ฑ๋˜์–ด ์žˆ๋‹ค.

ย 

1. ํ”„๋กœ์„ธ์Šค ๊ด€๋ฆฌ

ํ”„๋กœ์„ธ์Šค ์ •๋ณด๋ฅผ Flow List์™€ Diagram์œผ๋กœ ์‹œ๊ฐํ™”ํ•˜์—ฌ ํ•œ ๋ˆˆ์— ํŒŒ์•… ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ™”๋ฉด์ด ๊ตฌ์„ฑ๋˜์–ด ์žˆ๋‹ค.

ย 

2. ์ด๋ฒคํŠธ ์ปดํฌ๋„ŒํŠธ

Trigger๋ฅผ ์‹คํ–‰ํ•˜๊ธฐ ์œ„ํ•œ ๋Œ€์ƒ ์ด๋ฒคํŠธ๋ฅผ ๋“ฑ๋กํ•˜๊ณ  ๊ด€๋ฆฌํ•˜๋Š” ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•œ๋‹ค.

ย 

3. ํ•„ํ„ฐ ๊ด€๋ฆฌ

์ž์ฃผ ์‚ฌ์šฉ๋˜๋Š” ํ•„ํ„ฐ ์กฐ๊ฑด์„ ์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•˜๋„๋ก ๊ด€๋ฆฌํ•œ๋‹ค.

ย 

4. ์ฟผ๋ฆฌ ๊ด€๋ฆฌ

์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ์ฟผ๋ฆฌ ์กฐ๊ฑด์„ ๊ด€๋ฆฌํ•œ๋‹ค.

ย 

ย 


[06] API

์ •์˜๋œ ์Šคํ‚ค๋งˆ์™€ ํ”„๋กœ์„ธ์Šค๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ํ”„๋ก ํŠธ ์„œ๋น„์Šค ๊ตฌํ˜„์ด๋‚˜ ํƒ€ ์‹œ์Šคํ…œ๊ณผ์˜ ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ์œ„ํ•ด ํ•„์š”ํ•œ ๋ชจ๋“  API๋ฅผ ์ •์˜ํ•˜๊ณ  ๊ด€๋ฆฌํ•˜๋Š” ๊ณต๊ฐ„์ด๋‹ค. API Authentication, API Category, API ๊ด€๋ฆฌ์™€ ์—ฐ๋™, ์ด 4๊ฐ€์ง€์˜ ํ•˜์œ„ ๋ฉ”๋‰ด๊ฐ€ ์กด์žฌํ•œ๋‹ค.

1. API Key

์˜คํ”ˆ API ์ธ์ฆ์—์„œ ์‚ฌ์šฉํ•˜๋Š” API Key๋ฅผ ๊ด€๋ฆฌํ•˜๋Š” ๊ณต๊ฐ„์ด๋‹ค.

ย 

2. API Category

API๋ฅผ ๊ทธ๋ฃนํ•‘ํ•˜์—ฌ ๊ด€๋ฆฌํ•œ๋‹ค. ๋˜ํ•œ API ์นดํ…Œ๊ณ ๋ฆฌ๋Š” ํ•˜์œ„ API๋“ค์„ ์œ„ํ•œ ๊ณตํ†ต ํŒŒ๋ผ๋ฏธํ„ฐ, ์‘๋‹ต ํ•ญ๋ชฉ, Data, File format, ๊ถŒํ•œ ๋“ฑ์˜ ์ •๋ณด๋ฅผ ์„ค์ •ํ•  ์ˆ˜ ์žˆ๋‹ค.

ย 

3. API ๊ด€๋ฆฌ

API ์นดํ…Œ๊ณ ๋ฆฌ๋ณ„ API๋ฅผ ์ƒ์„ฑํ•˜๊ณ  ๊ด€๋ฆฌํ•˜๋Š” ๊ณต๊ฐ„์ด๋‹ค. API ์ •์˜์— ํ•„์š”ํ•œ ๋‹ค์–‘ํ•œ ์†์„ฑ(Method, ๊ถŒํ•œ, Parameters.. ๋“ฑ)์„ ์ •์˜ํ•œ๋‹ค.

API Type

Context

ํ˜ธ์ถœ ์‹œ์Šคํ…œ

์ธ์ฆ ๋ฐฉ๋ฒ•

API Type

Context

ํ˜ธ์ถœ ์‹œ์Šคํ…œ

์ธ์ฆ ๋ฐฉ๋ฒ•

Service

svc

Frontoffice

์‚ฌ์ดํŠธ๋ณ„ ๋ฐœ๊ธ‰๋˜๋Š” JWT ํ† ํฐ ์ธ์ฆ

Admin

adm

Admin ์‚ฌ์šฉ์ž์šฉ Backoffice

Admin JWT ํ† ํฐ ์ธ์ฆ๊ณผ ๋กœ๊ทธ์ธ ์ธ์ฆ

Manager

mng

Manager ์‚ฌ์šฉ์ž์šฉ Backoffice

Manager JWT ํ† ํฐ ์ธ์ฆ๊ณผ ๋กœ๊ทธ์ธ ์ธ์ฆ

External

ext

์™ธ๋ถ€ ์—ฐ๋™ ์‹œ์Šคํ…œ

IP ์ธ์ฆ ์‚ฌ์šฉ

Internal

int

ICE ํ”Œ๋žซํผ ๋‚ด๋ถ€ ์„œ๋ฒ„๊ฐ„ ํ†ต์‹ 

Cluster ๊ธฐ๋Šฅ์„ ์ด์šฉํ•œ ์ธ์ฆ

Open

api

์™ธ๋ถ€ ์‹œ์Šคํ…œ ๋˜๋Š” ์‚ฌ์šฉ์ž

API ํ‚ค๋ฅผ ์ด์šฉํ•˜์—ฌ ์ธ์ฆ

ย 

4. API ์ธ์ฆ

์™ธ๋ถ€ API๋ฅผ ํ˜ธ์ถœํ•˜๋Š” ๊ฒฝ์šฐ ํ•ด๋‹น API์—์„œ ์š”๊ตฌํ•˜๋Š” ์ธ์ฆ ์ •๋ณด๋ฅผ ๋“ฑ๋ก ๋ฐ ๊ด€๋ฆฌํ•œ๋‹ค.

ย 

5. API ํ˜ธ์ถœ

์™ธ๋ถ€ API๋ฅผ ํ˜ธ์ถœํ•˜๊ธฐ ์œ„ํ•œ ํ˜ธ์ถœ ์ •๋ณด๋ฅผ ๋“ฑ๋กํ•˜๊ณ  ๊ด€๋ฆฌํ•˜๋Š” ๊ณต๊ฐ„์ด๋‹ค.

ย 


[07] ๋ฐฑ์˜คํ”ผ์Šค

Admin๊ณผ Manager๋ฅผ ์œ„ํ•œ ๋ฐฑ์˜คํ”ผ์Šค ์‚ฌ์ดํŠธ๋ฅผ ์ƒ์„ฑํ•˜๊ณ  ๊ด€๋ฆฌํ•˜๋Š” ๊ณต๊ฐ„์ด๋‹ค.

1. ๋ฐฑ์˜คํ”ผ์Šค ์‚ฌ์ดํŠธ ๊ด€๋ฆฌ

๋ฐฑ์˜คํ”ผ์Šค ์‚ฌ์ดํŠธ์˜ ๊ณ ์œ  ID์™€ ์ด๋ฆ„์„ ๋ถ€์—ฌํ•˜๊ณ , ํ”„๋กœ์ ํŠธ์™€ ํŒจํ‚ค์ง€, ์‚ฌ์ดํŠธ ์œ ํ˜•(Admin, Manager), ์ ‘๊ทผ ๊ถŒํ•œ์„ ์„ ํƒํ•œ๋‹ค. 5๊ฐ€์ง€ ์ƒ์„ธ ์„ค์ • ์˜ต์…˜(๋กœ๊ทธ์ธ ํŽ˜์ด์ง€, ๋™์˜ ํŽ˜์ด์ง€, ๋น„๋ฐ€๋ฒˆํ˜ธ ๋ณ€๊ฒฝ ํŽ˜์ด์ง€, ๋ฐฑ์˜คํ”ผ์Šค ๋ ˆ์ด์•„์›ƒ, ์ปดํฌ๋„ŒํŠธ ์Šคํƒ€์ผ)์„ ์ง„ํ–‰ํ•˜๊ณ , ๋ฐฑ์˜คํ”ผ์Šค ์‚ฌ์ดํŠธ๋ฅผ ์ƒ์„ฑํ•œ๋‹ค.

2. ๋ฐฑ์˜คํ”ผ์Šค ๋ฉ”๋‰ด ๊ด€๋ฆฌ

๋ฐฑ์˜คํ”ผ์Šค ์‚ฌ์ดํŠธ์˜ ๋ฉ”๋‰ด(IA)๋ฅผ ์ •์˜ํ•  ์ˆ˜ ์žˆ๋‹ค. ๊ฐ๊ฐ์˜ ๋ฉ”๋‰ด๋Š” ๊ณ ์œ  ID์™€ ์ด๋ฆ„, ์ˆœ์„œ๋ฅผ ๊ฐ€์ง€๋ฉฐ, 1 Depth ๋ฉ”๋‰ด์˜ Parent Menu ID๋Š” root๋กœ ์„ค์ •ํ•œ๋‹ค. ์ƒ์„ฑํ•œ ๋ฉ”๋‰ด๋ฅผ Parent Menu ID๋กœ ์„ค์ •ํ•œ ๋’ค, ์„œ๋ธŒ ๋ฉ”๋‰ด๋ฅผ ์ƒ์„ฑํ•˜๊ณ  ๋ฐฑ์˜คํ”ผ์Šค ํŽ˜์ด์ง€ URL์„ ์—ฐ๊ฒฐํ•  ์ˆ˜ ์žˆ๋‹ค. ๋ชจ๋“  ๋ฉ”๋‰ด์˜ ์‚ฌ์šฉ๊ณผ ์‹คํ–‰ ์—ฌ๋ถ€๋Š” true ๋˜๋Š” false๋กœ ์„ค์ •ํ•˜์—ฌ ์ƒํ™ฉ์— ๋”ฐ๋ผ ์œ ์—ฐํ•˜๊ฒŒ ๊ด€๋ฆฌํ•œ๋‹ค. ์™„์„ฑ๋œ ๋ฉ”๋‰ด ๋ชฉ๋ก์€ Treeํ˜•ํƒœ๋กœ ํ•œ ๋ˆˆ์— ํ™•์ธ ํ•  ์ˆ˜ ์žˆ๋‹ค.

ย 

3. ๋ฐฑ์˜คํ”ผ์Šค ํŽ˜์ด์ง€ ๊ด€๋ฆฌ

๋ฐฑ์˜คํ”ผ์Šค์— ํŽ˜์ด์ง€๋ฅผ ์ƒ์„ฑํ•˜๋Š” ๊ณต๊ฐ„์ด๋‹ค. ํ”„๋กœ์ ํŠธ๋ฅผ ์„ ํƒํ•˜๊ณ , ํŽ˜์ด์ง€ ํƒ€์ดํ‹€๊ณผ ๊ฒฝ๋กœ๋ฅผ ๋จผ์ € ์ž…๋ ฅํ•œ๋‹ค. ํŽ˜์ด์ง€ ๊ฒฝ๋กœ๋ฅผ ์ƒ์„ฑํ•œ ๋’ค, Header์— ์œ„์น˜ํ•œ [Edit] ๋ฒ„ํŠผ์„ ํด๋ฆญํ•˜์—ฌ ํ•ด๋‹น ๊ฒฝ๋กœ ํŽ˜์ด์ง€๋ฅผ ์˜คํ”ˆํ•˜๊ณ  UI๋ฅผ ๊ตฌ์„ฑํ•œ๋‹ค.

ย 

4. ๋ฐฑ์˜คํ”ผ์Šค ์ปดํฌ๋„ŒํŠธ ๊ด€๋ฆฌ

๋ฐฑ์˜คํ”ผ์Šค ํŽ˜์ด์ง€ ํ™”๋ฉด UI์— ์‚ฌ์šฉ ํ•  ์ปดํฌ๋„ŒํŠธ๋ฅผ ์ƒ์„ฑํ•˜๊ณ  ๊ด€๋ฆฌ ๊ณต๊ฐ„์ด๋‹ค. ์ปดํฌ๋„ŒํŠธ๋Š” ์ด 6๊ฐœ์˜ ์นดํ…Œ๊ณ ๋ฆฌ(Layout, Containers, Form Fields, Buttons, Display, Custom)๋กœ ๊ตฌ๋ถ„๋œ๋‹ค. Container Component

ย 

ย 


[08] ์‚ฌ์ดํŠธ

Customer๋ฅผ ์œ„ํ•œ ํ”„๋ก ํŠธ ์˜คํ”ผ์Šค ์‚ฌ์ดํŠธ๋ฅผ ์ƒ์„ฑํ•˜๊ณ  ๊ด€๋ฆฌํ•˜๋Š” ๊ณต๊ฐ„์ด๋‹ค.

ย 

1. ์‚ฌ์ดํŠธ ๊ด€๋ฆฌ

ํ”„๋ก ํŠธ ์‚ฌ์ดํŠธ์˜ ๊ณ ์œ  ID์™€ ์ด๋ฆ„์„ ๋ถ€์—ฌํ•˜๊ณ , ํ”„๋กœ์ ํŠธ์™€ ํŒจํ‚ค์ง€, ๊ธฐ๋ณธ ์‚ฌ์ดํŠธ๋ฅผ ์„ค์ •ํ•œ๋‹ค. ๋„๋ฉ”์ธ ์ฃผ์†Œ, ๋””๋ฐ”์ด์Šค(Responsive, Adaptive, Desktop, Mobile, Tablet), ๋กœ๊ณ  ์ด๋ฏธ์ง€, Locale ๋“ฑ์˜ ์‚ฌ์ดํŠธ์˜ ๊ธฐ๋ณธ ์ •๋ณด๋ฅผ ์„ค์ •ํ•˜๊ณ , ์‚ฌ์ดํŠธ์— ์ ์šฉ์‹œํ‚ฌ ํ…Œ๋งˆ๋ฅผ ์„ ํƒํ•œ ๋’ค ํ”„๋ก ํŠธ ์‚ฌ์ดํŠธ๋ฅผ ์ƒ์„ฑํ•œ๋‹ค.

ย 

E-Commerce Package๋ฅผ ๊ฐ–๋Š” ์„œ๋น„์Šค์˜ ๊ฒฝ์šฐ, 10๊ฐ€์ง€ ์„ค์ •(ํšŒ์›, ์ƒํ’ˆ, ํฌ์ธํŠธ, ์ฟ ํฐ, ๋ฐฐ์†ก, ์ฃผ๋ฌธ, ๊ฒฐ์ œ, ํ”„๋กœ๋ชจ์…˜, ํ๋ ˆ์ด์…˜, ๊ฒ€์ƒ‰)์„ ์ถ”๊ฐ€๋กœ ์…‹ํŒ…ํ•  ์ˆ˜ ์žˆ๋‹ค.

ย 

2. ํ…Œ๋งˆ ๊ด€๋ฆฌ

๊ธฐ๋ณธ ํ…Œ๋งˆ 2๊ฐ€์ง€(Bootstrap, Material)๋ฅผ ์ œ๊ณตํ•œ๋‹ค. ๊ณ ์œ  ํ…Œ๋งˆ ID์™€ ์ด๋ฆ„์„ ๋ถ€์—ฌํ•˜๊ณ , 5๊ฐ€์ง€ ์„ค์ • ์˜ต์…˜(Layout, Color, Typographic, Form Field, Button)์„ ํ†ตํ•ด ์ปค์Šคํ„ฐ๋งˆ์ด์ง• ํ…Œ๋งˆ๋ฅผ ์ง์ ‘ ์ƒ์„ฑํ•  ์ˆ˜๋„ ์žˆ๋‹ค.

No

Theme

Option detail

No

Theme

Option detail

1

Layout

Total Width, Width, Height, Margin, Space Padding

2

Color

Theme Color[5] = {Primary, Secondary, Third, Fourth, Background}

Component Color[7] = {Background, Divider, Border, Default, Focus, Valid, Invalid}

3

Typographic

Font Type, Color(Default, Point), Size, Line Spacing, Character, Unit

4

Form Field

Label, Placeholder

5

Button

Type

ย 

3. ํ…œํ”Œ๋ฆฟ ๊ด€๋ฆฌ

ํ…œํ”Œ๋ฆฟ์„ ํ™œ์šฉํ•˜์—ฌ ์‚ฌ์ดํŠธ์˜ ํŽ˜์ด์ง€ UI๋ฅผ ์ข€ ๋” ์‰ฝ๊ณ  ๋น ๋ฅด๊ฒŒ ๊ตฌ์„ฑํ•  ์ˆ˜ ์žˆ๋‹ค. List of Templates

ย 

4. ๋ฉ”๋‰ด ๊ด€๋ฆฌ

ํ”„๋ก ํŠธ ์‚ฌ์ดํŠธ์˜ ๋ฉ”๋‰ด(IA)๋ฅผ ์ •์˜ํ•  ์ˆ˜ ์žˆ๋‹ค.

ย 

5. ํŽ˜์ด์ง€ ๊ด€๋ฆฌ

๋ชจ๋“  ํŽ˜์ด์ง€๋Š” ID์™€ ๊ฒฝ๋กœ๋ฅผ ํ•„์ˆ˜๋กœ ๊ฐ€์ง€๋ฉฐ, ๋‹ค์–‘ํ•œ ์‚ฌ์ดํŠธ์™€ ๋ฉ”๋‰ด์— ์ค‘๋ณต์œผ๋กœ ์‚ฌ์šฉ๋  ์ˆ˜ ์žˆ๋‹ค. ์ƒ๋‹จ ์‚ฌ์ดํŠธ ๋ชฉ๋ก์„ ์„ ํƒํ•˜๋ฉด, ํ•˜๋‹จ ์ขŒ์ธก์— ํ•ด๋‹น ์‚ฌ์ดํŠธ์— ์—ฐ๊ฒฐ๋˜์–ด ์žˆ๋Š” ํŽ˜์ด์ง€ ๋ชฉ๋ก์ด ์ถœ๋ ฅ ๋œ๋‹ค. ํŽ˜์ด์ง€๋ฅผ ์„ ํƒํ•˜์—ฌ ์ƒ์„ธ ์ •๋ณด๋ฅผ ๋ฐ”๋กœ ํ™•์ธํ•˜์‹ค ์ˆ˜ ์žˆ์œผ๋ฉฐ, ์ƒ์„ธ ์ •๋ณด ์˜์—ญ์— ์žˆ๋Š” [Edit] ๋ฒ„ํŠผ์„ ํด๋ฆญํ•˜์—ฌ ํ•ด๋‹น ๊ฒฝ๋กœ ํŽ˜์ด์ง€๋ฅผ ์˜คํ”ˆํ•˜๊ณ  UI๋ฅผ ์žฌ๊ตฌ์„ฑ ํ•  ์ˆ˜ ์žˆ๋‹ค. List of Components

ย 

6. ์ปดํฌ๋„ŒํŠธ ๊ด€๋ฆฌ

FO ๋นŒ๋”์—์„œ ์‚ฌ์šฉํ•˜๋Š” ์ปดํฌ๋„ŒํŠธ๋“ค์„ ๋“ฑ๋ก/๊ด€๋ฆฌ ํ•˜๋Š” ์˜์—ญ์ด๋‹ค.

ย 

7. ๊ณ ๊ฐ ๊ณ„์ • ๊ด€๋ฆฌ

๋ชจ๋“  ์‚ฌ์ดํŠธ์˜ ๊ณ ๊ฐ ๊ณ„์ •์— ๋Œ€ํ•œ ์กฐํšŒ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•œ๋‹ค.

ย 

ย 


[09] ๋ชจ๋‹ˆํ„ฐ๋ง

ย 

ย 


[10] ๋ถ„์„/ํ†ต๊ณ„

ย 

ย 


[11] ํ™˜๊ฒฝ์„ค์ •

ย 

ย