Ant-design: ํ†ต์‹ ์—์„œ ๋ฐ๋ชจ ๋ฐ ์Šค์บ ํด๋“œ

์— ๋งŒ๋“  2015๋…„ 08์›” 14์ผ  ยท  90์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: ant-design/ant-design

2017.05.13 ์—…๋ฐ์ดํŠธ, http://scaffold.ant.design/์— ์Šค์บ ํด๋“œ ์ œ์ถœ์„ ํ™˜์˜ํ•ฉ๋‹ˆ๋‹ค


์—ฌ๊ธฐ์—์„œ๋Š” ์ปค๋ฎค๋‹ˆํ‹ฐ์—์„œ ์˜ค๋žซ๋™์•ˆ ์ œ๊ณต ํ•œ antd์— ๋Œ€ํ•œ ๋ช‡ ๊ฐ€์ง€ ๊ฐœ๋ฐœ ๋ฆฌ์†Œ์Šค์™€ ์˜ˆ์ œ๋ฅผ ์ˆ˜์ง‘ํ•˜์—ฌ ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค์ด ๊ฐœ๋ฐœ์„ ๊ฐœ๋ฐœํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ํƒ์ƒ‰ํ•˜๋Š” ๋ฐ ๋„์›€์ด ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์— ๋‹ต์žฅ ํ•ด์ฃผ์„ธ์š”.

๊ด€๋ จ์—†๋Š” ๋‹ต๋ณ€์€ ์ฃผ๊ธฐ์ ์œผ๋กœ ์‚ญ์ œ๋ฉ๋‹ˆ๋‹ค.

โš™๏ธ Workflow

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

R2 ํ”„๋ ˆ์ž„ ์›Œํฌ (Redux React Framework)๋Š” ์ฃผ๋กœ react-router , react-router-redux , react-redux , immutable.js ์‚ฌ์šฉํ•˜๋Š” React ๋ฐ Redux๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ๊ตฌ์ถ•๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๋™์‹œ์— ES62015 ๊ตฌ๋ฌธ์„ ์‚ฌ์šฉํ•˜์—ฌ webpack ๋ชจ๋“ˆ ๋กœ๋”ฉ ๋„๊ตฌ๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ์ด ํ”„๋ ˆ์ž„ ์›Œํฌ๋ฅผ ์‚ฌ์šฉํ•˜๋ ค๋ฉด์ด ์ง€์‹์— ๋Œ€ํ•ด ์–ด๋Š ์ •๋„ ์•Œ์•„์•ผํ•ฉ๋‹ˆ๋‹ค. ๋™์‹œ์— Ant Design ๊ตฌ์„ฑ ์š”์†Œ๋„ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. ์ƒ์„ฑ ๋œ ํŽ˜์ด์ง€์—์„œ ์‚ฌ์šฉ๋˜๋Š” UI๋Š” Ant Design์ž…๋‹ˆ๋‹ค. ํ˜„์žฌ๋Š” ์ด๊ฒƒ ๋งŒ ์ง€์›๋˜๋ฉฐ ์ดํ›„ ํŽ˜์ด์ง€ ์ƒ์„ฑ์€ ์—ฌ๋Ÿฌ UI ๊ตฌ์„ฑ ์š”์†Œ๋„ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค. R2 ํ”„๋ ˆ์ž„ ์›Œํฌ๋Š” ํŽ˜์ด์ง€๋ฅผ ๋น ๋ฅด๊ฒŒ ๊ตฌ์ถ•ํ•˜๊ณ , ์ž‘์—… ์ค‘๋ณต์„ ์ค„์ด๋ฉฐ, ์ฝ”๋“œ ์ค‘๋ณต์„ ์ค„์ด๊ณ , ๊ฐœ๋ฐœ ํšจ์œจ์„ฑ์„ ํ–ฅ์ƒ ์‹œํ‚ค๋„๋ก ์„ค๊ณ„๋˜์—ˆ์Šต๋‹ˆ๋‹ค.
๋‘ ๊ฐ€์ง€ ์ฃผ์š” ํŠน์ง• :

  • ๊ฒฝ๋กœ ๋ฐ ๊ฐ์†๊ธฐ๋ฅผ ์ง€๋Šฅ์ ์œผ๋กœ ๊ตฌ์ถ•
  • ํŽ˜์ด์ง€ ๋นŒ๋”

์‹ค์ œ๋กœ ๊ด‘๊ณ  ํ•ญ๋ชฉ
https://console.topvdn.com
์‚ฌ์šฉ์ž : [email protected]
๋น„๋ฐ€๋ฒˆํ˜ธ : nan123456789

๋ชจ๋“  90 ๋Œ“๊ธ€

Guiqiu ์—…๋ฐ์ดํŠธ ์˜ˆ

์—…๋ฐ์ดํŠธ ~~

์—…, ์—…๋ฐ์ดํŠธ

์—…๋ฐ์ดํŠธ ๋œ ๋ฐ๋ชจ๋ฅผ ์ฐพ๋Š” ์ค‘ ...

+1, ๋ฐ๋ชจ ์—†์ด๋Š” ์‹œ์ž‘ํ•˜๊ธฐ๊ฐ€ ์ •๋ง ์–ด๋ ต์Šต๋‹ˆ๋‹ค

ํ•˜ํ•˜๋‹ค

: +1 :

+1 ๋งŽ์€ ์‹œ๊ฐ„์„ ์ ˆ์•ฝ ํ•  ์ˆ˜์žˆ๋Š” ์ดˆ๊ธฐ ํƒํ—˜์˜ ์˜ˆ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

๋ฟก๋ฟก

: +1 :

404์— ์ฃผ์–ด์ง„ ํŽ˜์ด์ง€ .........

@diaoaa ๋‹˜์€ ์•„์ง ์‹œ์ž‘ํ•˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค. . .

@lysnoter cnpm-> http://npm.taobao.org ๋ฐฉ๋ฌธ

@lysnoter ๋Š” ํ–ฅํ›„ ์งˆ๋ฌธ์„ํ•˜๊ณ  ๋‹ค๋ฅธ ๋ฌธ์ œ๋ฅผ ๋ฐœํ–‰ํ•˜๊ณ  https://github.com/ant-design/ant-design/blob/master/CONTRIBUTING.md๋ฅผ ์ฐธ์กฐํ•˜์‹ญ์‹œ์˜ค.
์ด ๋ฐ”๋‹ฅ์€ ๊ตฌ๋ถ€๋Ÿฌ์ ธ ์žˆ์Šต๋‹ˆ๋‹ค. . . ์ปค๋ฐ‹์„ ์‚ญ์ œํ•˜๊ณ  ์ •๋ฆฌ ํ•˜์‹œ๊ฒ ์Šต๋‹ˆ๊นŒ? . .

๊ฐ„๋‹จํ•œ ์˜ˆ์ œ ์ž‘์„ฑ https://github.com/benjycui/selector-specificity/tree/master

TODO๊ฐ€ ์•„๋‹Œ ์ด์œ ๋Š” ๊ทธ๋Ÿฌํ•œ ๋„๊ตฌ๊ฐ€ ํ•„์š”ํ•˜๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.

์ด ์งˆ๋ฌธ์— ๋Œ€ํ•ด์„œ๋Š” ํ•ด๋‹น ๋ฒ„์ „์„ ๋” ๋‚ฎ์€ ๋ฒ„์ „์œผ๋กœ ๋ณ€๊ฒฝํ•˜์‹ญ์‹œ์˜ค!

2016 ๋…„ 1 ์›” 26 ์ผ ํ™”์š”์ผ ์˜คํ›„ 5:28์— Benjy Cui [email protected] ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ผ์Šต๋‹ˆ๋‹ค.

๊ฐ„๋‹จํ•œ ์˜ˆ์ œ ์ž‘์„ฑ https://github.com/benjycui/selector-specificity/tree/master

TODO๊ฐ€ ์•„๋‹Œ ์ด์œ ๋Š” ๊ทธ๋Ÿฌํ•œ ๋„๊ตฌ๊ฐ€ ํ•„์š”ํ•˜๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.

โ€”
์ด ์ด๋ฉ”์ผ์— ์ง์ ‘ ๋‹ต์žฅํ•˜๊ฑฐ๋‚˜ GitHub์—์„œ ํ™•์ธํ•˜์„ธ์š”.
https://github.com/ant-design/ant-design/issues/129#issuecomment -174922114
.

Xiong Jiabin

์ด ์Šค์บ ํด๋”ฉ์€ ์ข‹์€ ์˜ˆ์ž…๋‹ˆ๋‹ค : https://github.com/jovey-zheng/react-start-kit

๊ทธ๋ฆฌ๊ณ  ์ด๊ฒƒ : https://github.com/okoala/react-redux-antd

antd๋ฅผ ์‚ฌ์šฉํ•œ ๊ฐœ๋ฐœ์ž์—๊ฒŒ ๋„์›€์ด๋˜๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค.

์ด ํ”„๋กœ์ ํŠธ๋Š” antd๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์›น ์‚ฌ์ดํŠธ (๋˜๋Š” ์›น ์•ฑ)๋ฅผ ๊ฐœ๋ฐœํ•˜๋Š” ์‚ฌ๋žŒ๋“ค์„ ๋•๊ธฐ ์œ„ํ•ด ๊ณ ์•ˆ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. redux, ๋ผ์šฐํ„ฐ ๋“ฑ์„ ์‚ฌ์šฉํ•ด์•ผ ํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.

https://github.com/yuzhouisme/react-antd-redux-router-starter

https://github.com/huhulab/react-frontend-boilerplate ๋Š” @ afc163์„ ์‹คํ–‰ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.
์˜ค๋ฅ˜ antd.js : 8494 Uncaught TypeError : Cannot read property'instance 'of undefined ์˜ค๋ฅ˜๋ฅผ๋ณด๊ณ ํ•ฉ๋‹ˆ๋‹ค.

@RichardLyp์˜ ์ €์žฅ์†Œ๋Š”

(์ด์œ ๋Š” ์•Œ์ง€๋งŒ antd์˜ ๋ฌธ์ œ๋ฅผ ์“ฐ๋ ˆ๊ธฐํ†ต์œผ๋กœ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์„ ์ข‹์•„ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์‹ ๊ฒฝ ์“ฐ์ง€ ์•Š์œผ๋ฉด ์—ฌ๊ธฐ์— ๋ฒ„๋ฆฌ์‹ญ์‹œ์˜ค .- (

(๋ฌธ์ œ๋Š” ํ•ด๋‹น ํ”„๋กœ์ ํŠธ ์•„๋ž˜์— ๋ฐฐ์น˜ํ•˜๊ณ  @ ํ† ๋ก ์— ์ฐธ์—ฌํ•ด์•ผํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•˜๋Š” ์‚ฌ๋žŒ๋“ค ์•„๋ž˜์— ๋ฐฐ์น˜ํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.

(๋ฌธ์ œ๋ฅผ ์—ด๋ ค๋ฉด ํ•ด๋‹น ์ €์žฅ์†Œ๋กœ ์ด๋™ ํ•œ ๋‹ค์Œ @ me, ๋‹ต์žฅ์„ ๋ณด๋‚ด ๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค.

์ €๋Š” antd ์Šค์บ ํด๋”ฉ์„ ์‚ฌ์šฉํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์™œ ์›นํŒฉ์ด antd ๋„์ž… ํ›„ 800K ์ด์ƒ์œผ๋กœ ํŒจํ‚ค์ง•๋˜์—ˆ์ง€๋งŒ antd ์—†์ด๋Š” 200 ๊ฐœ ์ด์ƒ ๋งŒ ํŒจํ‚ค์ง•๋ฉ๋‹ˆ๋‹ค. ์ด๊ฒƒ์ด ์ •์ƒ์ž…๋‹ˆ๊นŒ? @benjycui

FAQ ๋ฐ ํ˜„๋ช…ํ•œ ์งˆ๋ฌธ์„ ์ฝ์œผ์‹ญ์‹œ์˜ค.

์ค‘๊ตญ์–ด ํ”„๋กœ์ ํŠธ๋Š” ์˜์–ด ๋ฌธ์„œ๋ฅผ ์ œ๊ณตํ•˜์ง€ ์•Š์Šต๋‹ˆ๊นŒ? ๐Ÿ˜…

https://github.com/Justin-lu/react-redux-antd

antd๋ฅผ ์ž ์‹œ ์‚ฌ์šฉํ•œ ํ›„ ๋ฐ๋ชจ๋„ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค.

๋™ํ˜• ์†”๋ฃจ์…˜์ด ์žˆ์Šต๋‹ˆ๊นŒ?

์ข‹์€ ์Šค์บ ํด๋”ฉ๊ณผ ์˜ˆ์ œ๊ฐ€ ์žˆ์œผ๋ฉด ์—ฌ๊ธฐ์—์„œ PR๋กœ ์ด๋™ํ•˜์‹ญ์‹œ์˜ค : https://github.com/websemantics/awesome-ant-design

๋ฐฉ๊ธˆ ์—ฌ๊ธฐ์— ์–ธ๊ธ‰ ๋œ ๋ชจ๋“  ํ”„๋กœ์ ํŠธ๋กœ https://github.com/websemantics/awesome-ant-design ์„ ์—…๋ฐ์ดํŠธํ–ˆ์œผ๋ฉฐ Github๋ฅผ ๊ฒ€์ƒ‰ ํ•œ ๊ฒฐ๊ณผ๋Š” ๊ฑฐ์˜ ์—†์—ˆ์Šต๋‹ˆ๋‹ค.

๋” ์ž˜ ์„ค๋ช… ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋จผ์ € ์ถ”๊ฐ€ ํ•œ ํ•ญ๋ชฉ์„ ํ…Œ์ŠคํŠธํ•˜๋ ค๊ณ ํ–ˆ์ง€๋งŒ ๋ชฉ๋ก์ด ๊ธธ๊ณ  ๋งŽ์€ ํ•ญ๋ชฉ์ด ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. .. ๋ช‡ ๊ฐ€์ง€ ์นดํ…Œ๊ณ ๋ฆฌ์™€ ๋ชฉ์ฐจ๋„ ์ถ”๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค.

์ƒˆ๋กœ์šด Ant Design ๊ด€๋ จ ํ”„๋กœ์ ํŠธ๋ฅผ PR๊ณผ ํ•จ๊ป˜ ์ง์ ‘ ์ถ”๊ฐ€ํ•ด ์ฃผ์‹œ๋ฉด ๊ธฐ๊บผ์ด ํ•ฉ๋ณ‘ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

๋‚˜์—ด๋œ ์ตœ์‹  ์ƒํƒœ๋กœ ์œ ์ง€ํ•ฉ๋‹ˆ๋‹ค. ..

๋‘ ๊ฐ€์ง€ ํ™•์žฅ ๊ตฌ์„ฑ ์š”์†Œ :

๋” ํฌ๊ด„์  ์ธ ์‚ฌ๋ก€๊ฐ€ ์žˆ์Šต๋‹ˆ๊นŒ? ์˜คํ”ˆ ์†Œ์Šค ์ „์ฒด ์‚ฌ์ดํŠธ ํ”„๋กœ์ ํŠธ?

webpack + react + ant-design + ES6 + Echart๋กœ ๋งŒ๋“  ํ”„๋กœ์ ํŠธ ํ…œํ”Œ๋ฆฟ
1. ์ž๋™ํ™” ๋ฐ ์—”์ง€๋‹ˆ์–ด๋ง
2. ํ•ซ ์—…๋ฐ์ดํŠธ
3. ๊ตญ์ œํ™” ์ž๋™ ๊ตฌ์ถ•
4. antd ๊ธฐ๋ณธ ์Šคํƒ€์ผ ๋ฐ ๊ธฐ๋ณธ ๊ธ€๊ผด ์•„์ด์ฝ˜ ์ˆ˜์ •
5. CSS ๋ชจ๋“ˆํ™”

https://github.com/pookpal/star-initReact-example

R2 ํ”„๋ ˆ์ž„ ์›Œํฌ (Redux React Framework)๋Š” ์ฃผ๋กœ react-router , react-router-redux , react-redux , immutable.js ์‚ฌ์šฉํ•˜๋Š” React ๋ฐ Redux๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ๊ตฌ์ถ•๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๋™์‹œ์— ES62015 ๊ตฌ๋ฌธ์„ ์‚ฌ์šฉํ•˜์—ฌ webpack ๋ชจ๋“ˆ ๋กœ๋”ฉ ๋„๊ตฌ๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ์ด ํ”„๋ ˆ์ž„ ์›Œํฌ๋ฅผ ์‚ฌ์šฉํ•˜๋ ค๋ฉด์ด ์ง€์‹์— ๋Œ€ํ•ด ์–ด๋Š ์ •๋„ ์•Œ์•„์•ผํ•ฉ๋‹ˆ๋‹ค. ๋™์‹œ์— Ant Design ๊ตฌ์„ฑ ์š”์†Œ๋„ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. ์ƒ์„ฑ ๋œ ํŽ˜์ด์ง€์—์„œ ์‚ฌ์šฉ๋˜๋Š” UI๋Š” Ant Design์ž…๋‹ˆ๋‹ค. ํ˜„์žฌ๋Š” ์ด๊ฒƒ ๋งŒ ์ง€์›๋˜๋ฉฐ ์ดํ›„ ํŽ˜์ด์ง€ ์ƒ์„ฑ์€ ์—ฌ๋Ÿฌ UI ๊ตฌ์„ฑ ์š”์†Œ๋„ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค. R2 ํ”„๋ ˆ์ž„ ์›Œํฌ๋Š” ํŽ˜์ด์ง€๋ฅผ ๋น ๋ฅด๊ฒŒ ๊ตฌ์ถ•ํ•˜๊ณ , ์ž‘์—… ์ค‘๋ณต์„ ์ค„์ด๋ฉฐ, ์ฝ”๋“œ ์ค‘๋ณต์„ ์ค„์ด๊ณ , ๊ฐœ๋ฐœ ํšจ์œจ์„ฑ์„ ํ–ฅ์ƒ ์‹œํ‚ค๋„๋ก ์„ค๊ณ„๋˜์—ˆ์Šต๋‹ˆ๋‹ค.
๋‘ ๊ฐ€์ง€ ์ฃผ์š” ํŠน์ง• :

  • ๊ฒฝ๋กœ ๋ฐ ๊ฐ์†๊ธฐ๋ฅผ ์ง€๋Šฅ์ ์œผ๋กœ ๊ตฌ์ถ•
  • ํŽ˜์ด์ง€ ๋นŒ๋”

์‹ค์ œ๋กœ ๊ด‘๊ณ  ํ•ญ๋ชฉ
https://console.topvdn.com
์‚ฌ์šฉ์ž : [email protected]
๋น„๋ฐ€๋ฒˆํ˜ธ : nan123456789

๋ฐ๋ชจ๋ฅผ ์ œ๊ณต ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

@xianshannan ๊ตฌํ˜„ ํ’ˆ์งˆ์ด ์ •๋ง ๋†’์Šต๋‹ˆ๋‹ค. : +1 :

PS์˜ ๊ธฐ๋ณธ ์ƒ‰์ƒ์€ ๋ณต์‚ฌํ•˜์ง€ ์•Š๊ณ ๋„ ์ ์€ ๋ณ€์ˆ˜๋ฅผ ์ง์ ‘ ๋ฎ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. https://github.com/ant-design/antd-init/tree/7d98b4cfe96fcc272a1b83aca3baf554a67fcf64/examples/customize-antd-theme#webpackconfigjs

@wuhaih https://github.com/dog-days/r2
๋ณต์ œ ํ›„ ์‹คํ–‰์€ ๋ฐ๋ชจ์ด๋ฉฐ ๋ฌธ์„œ๋ฅผ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

https://github.com/zuiidea/antd-admin

http://zuiidea.github.io/antd-admin/

https://github.com/jiangxy/react-antd-admin

๋‘ ๊ฐœ์˜ ์•„์ฃผ ์ข‹์€ ๋ฐฐ๊ฒฝ ๋ฐ๋ชจ.

ํŽ˜์ด์ง€์—์„œ ํŽธ์ง‘ ๋œ ๋ฐ๋ชจ Guiqiu

antd-dva-admin์ด ๋˜์‹ญ์‹œ์˜ค

Java์™€ ํ•จ๊ป˜ antd ์‚ฌ์šฉ : https://github.com/ihaolin/diablo (๊ฒฝ๋Ÿ‰ ์˜๊ตฌ ๊ตฌ์„ฑ ์„œ๋น„์Šค)

redux๊ฐ€์žˆ๋Š” ๋ฐ๋ชจ๊ฐ€ ์žˆ์Šต๋‹ˆ๊นŒ? ์–‘์‹ ์ž‘์—…์— ๋Œ€ํ•ด ์ด๋Ÿฐ ์ข…๋ฅ˜์˜ ์งˆ๋ฌธ์„ํ•˜์‹ญ์‹œ์˜ค.

@janjon dva

์ œ๊ฐ€ ์ง์ ‘ ์ž‘์„ฑํ•œ react + router ํ”„๋กœ์ ํŠธ์˜ ์Šค์บ ํด๋”ฉ์„ ์ถ”์ฒœํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.
https://github.com/luckykun/generator-reactpackage

์•ˆ๋…•ํ•˜์„ธ์š”.
https://console.topvdn.com
์ด ํ”„๋กœ์ ํŠธ๊ฐ€ github์— ์˜ฌ๋ ค ์ ธ ์žˆ์Šต๋‹ˆ๊นŒ?

babel-plugin-import์˜ ๊ตฌ์„ฑ์ด babel-loader ์ฟผ๋ฆฌ์—์žˆ๋Š” ๊ฒฝ์šฐ ์ž‘๋™ํ•˜์ง€ ์•Š์ง€๋งŒ .babelrc์—์„œ๋Š” ๊ฐ€๋Šฅํ•˜์ง€๋งŒ ํƒ€์‚ฌ ํŒจํ‚ค์ง€๊ฐ€ ๋„ˆ๋ฌด ํฌ๋‹ค๋Š” ๋ฉ”์‹œ์ง€๊ฐ€ ๊ณ„์† ํ‘œ์‹œ๋œ๋‹ค๋Š” ๊ฒƒ์„ ์•Œ๊ณ  ๊ณ„์…จ์Šต๋‹ˆ๊นŒ?

@ yangwq123 ํšŒ์‚ฌ ๋‚ด๋ถ€ ํ”„๋กœ์ ํŠธ

๋‚ด ๋ฐ๋ชจ
https://github.com/tianzx/ui

VS2015 + TypeScript 2.0.6 + antd2.2.1 ์˜ˆ์ œ ํ”„๋กœ์ ํŠธ ์ฐพ๊ธฐ

webpack์€ antd ์•„์ด์ฝ˜์„ ๋กœ์ปฌ์— ๋ฐฐํฌํ•ฉ๋‹ˆ๋‹ค.

https://github.com/yedaodao/antd-local-icon

redux reactrouter typescript๋ฅผ ํ†ตํ•ฉ ํ•ด๋ณด์„ธ์š”. ๋‹ค์Œ ๋‹จ๊ณ„๋Š” ํšŒ์‚ฌ์˜ ํ”„๋กœ์ ํŠธ๋ฅผ typescript ๊ฐœ๋ฐœ๋กœ ๋Œ€์ฒดํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.
https://github.com/lixiaoyang1992/react-typescript-starter-kit

Koa2 + React + Redux + antd Isomorphism ์ง์ ‘ ํƒ์ƒ‰ : https://github.com/git-lt/isomorphism-koa2-react-antd

์˜ค๋Š˜ Ant Design ํŠธ๋ Œ๋“œ, https://github.com/trending
ant-design

create-react-app ์—์„œ antd๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ• :

์˜คํ”ˆ ์†Œ์Šค ์‚ฌ๋ก€ (HOC ํ™•์žฅ ๊ตฌ์„ฑ ์š”์†Œ ํฌํ•จ) ์ „์šฉ ๊ฒŒ์‹œ๋ฌผ์ด ์žˆ์Šต๋‹ˆ๊นŒ?
์ด๋Ÿฐ ์ข…๋ฅ˜์˜ ์˜คํ”ˆ ์†Œ์Šค ์•ฑ https://github.com/andrewngu/sound-redux ์™€ ์œ ์‚ฌํ•ฉ๋‹ˆ๋‹ค.
์ด ๊ฒŒ์‹œ๋ฌผ์€ ๋Œ€๋ถ€๋ถ„ ๋น„๊ณ„์ž…๋‹ˆ๋‹ค.

TypeScript ๋ฐ antd๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ผ๋ถ€ ์ƒ์šฉ๊ตฌ.

ํ•˜๋‚˜ ๊ณต์œ 
https://github.com/tvrcgo/egg-react-mobx-ts-antd
๊ณ„๋ž€, ๋ฐ˜์‘, mobx-react, typescript ๋ฐ ๊ฐœ๋ฏธ ๋””์ž์ธ.

๋‹ค์Œ์€ React, Redux, TypeScript, SSR, HMR, Webpack 2๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ƒ์šฉ๊ตฌ์ž…๋‹ˆ๋‹ค.

https://github.com/danielbiloglav/universal-react-redux-typescript-antd-starter-kit

๋˜ํ•œ ์™„๋ฒฝํ•˜๊ฒŒ ์ž‘๋™ํ•˜๊ณ  ์ „ํˆฌ ๊ฐ€๋Šฅํ•œ antd-dva-admin ํ”„๋กœ์ ํŠธ https://github.com/pmg1989/dva-admin์„ ๊ถŒ์žฅํ•ฉ๋‹ˆ๋‹ค.

@sunlightwdd ๋Š” https://github.com/zuiidea/antd-admin ์—์„œ ๋งŽ์€ "ํ•™์Šต"์ด ์ ์ ˆํ•˜์ง€ ์•Š๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

next.js์™€ ๊ฒฐํ•ฉ ๋œ ํ”„๋กœ์ ํŠธ๊ฐ€ ์žˆ์Šต๋‹ˆ๊นŒ?

์•Œ๋ฆฌ๋ฐ”๋ฐ” ํด๋ผ์šฐ๋“œ์™€ ์œ ์‚ฌํ•œ ๋ ˆ๋ฒจ 2 ํƒ์ƒ‰์„ ์‹คํ˜„ํ•˜๋Š” antd ๋ฐ dva ๊ธฐ๋ฐ˜์˜ ํ†ตํ•ฉ ๋œ ๋ฏธ๋“ค ์˜คํ”ผ์Šค

electron + Mobx + antd + sequelize ,์ด ํ”„๋กœ์ ํŠธ๋Š” ์ตœ๊ทผ์— ์ œ๊ฐ€ ์ง์ ‘ ์ง„ํ–‰ ํ•œ ๊ฒƒ์ž…๋‹ˆ๋‹ค. 3 ๋…„ ์ „ ์ฒ˜์Œ์œผ๋กœ ์—…๊ทธ๋ ˆ์ด๋“œ๋ฅผ ์‹œ์ž‘ํ–ˆ์„ ๋•Œ ์ž‘์„ฑ๋œ ํ”„๋กœ๊ทธ๋žจ ์ด์—ˆ๊ธฐ ๋•Œ๋ฌธ์— ํ…Œ์ด๋ธ” ๊ตฌ์กฐ์— ๋Œ€ํ•œ ๋””์ž์ธ์€ ๋งค์šฐ ๋น„ํ•ฉ๋ฆฌ์ ์ด์ง€๋งŒ ํ”„๋ก ํŠธ ์—”๋“œ๋ฅผ ํ™•๋ณดํ•˜๋ ค๊ณ  ๋…ธ๋ ฅํ•ฉ๋‹ˆ๋‹ค. ์ฝ”๋“œ ํ•ฉ๋ฆฌํ™”. ์—ฌ๊ธฐ์— Electron์— ๋Œ€ํ•œ ์–ธ๊ธ‰์ด์—†๋Š” ๊ฒƒ์„๋ณด๊ณ  ๋‚˜๋Š” ๋‚ด ์ถ”ํ•จ์„ ๋ณด์—ฌ์ฃผ๊ธฐ ์œ„ํ•ด ๊ทธ๊ฒƒ์„ ๊บผ๋ƒˆ๋‹ค.

์•„๋‹ˆ๋ฉด์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

@ afc163

์Šค์บ ํด๋“œ๋ฅผ http://scaffold.ant.design/ ์— ์ œ์ถœํ•˜๋Š” ๊ฒƒ์„ ํ™˜์˜ํ•ฉ๋‹ˆ๋‹ค

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

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰