์คํ ์์ค ์์ ์์ ํ๋ ๋ชจ๋ Facebook ์์ง๋์ด์๊ฒ,
์๋ ๊ณผ ๋ง์ฐฌ๊ฐ์ง๋ก Reactiflux ์์ 2017๋ ์ ๋ชจ๋ ๋ ธ๊ณ ์ ๊ฐ์ฌํ๋ ์๊ฐ์ ๊ฐ๊ณ ์ถ์์ต๋๋ค. ๋ ํ ํด๊ฐ ๋์์ต๋๋ค! 9์์ ๋ง์ ๊ธฐ๋๋ฅผ ๋ชจ์ React 16์ด ์ถ์ ๋ ํ React Native๋ v0.41์์ v0.51๋ก ์ด๋ํ์ฌ ์๋ง์ ๋ฒ๊ทธ๋ฅผ ์์ ํ๊ณ ์๋ก์ด ๊ธฐ๋ฅ์ ์ถ๊ฐํ์ต๋๋ค. Jest๋ ์ฌํด 20๊ฐ ์ด์์ ๋ฆด๋ฆฌ์ค๋ฅผ ์ ๊ณตํ๊ณ Yarn 1.0 ๋ฐ Relay Modern์ด ์ถ์๋์์ผ๋ฉฐ ์๋ก์ด ์์ง๋์ด๊ฐ ํฉ๋ฅํ์ต๋๋ค. (ํค์ด @calebmer , @TheSavior , @axemclion) ๊ทธ๋ฆฌ๊ณ ์ผ๋ถ๋ ์ฎ๊ฒจ๊ฐ๊ณ (@mkonicek์ด ๊ทธ๋ฆฌ์ธ ๊ฒ์ ๋๋ค), ์ด๊ฒ์ 2017๋ ์ ์์ ์ค๋ ์ท์ผ ๋ฟ์ ๋๋ค.
์ฌ๋ฌ๋ถ ์ค ์ผ๋ถ์ ์ด์ผ๊ธฐ๋ฅผ ๋๋๋ฉด์ ์ฌํด ๋ผ์ด์ ์ค ๋ฌธ์ ๋ฅผ ์ฒ๋ฆฌํ๋ ๊ฒ์ด ์์ฒญ๋๊ฒ ์ด๋ ต๊ณ ์ค๋ง์ค๋ฌ์ ์ง๋ง ๊ณ์ ๋ฐ๋ณตํ๊ณ ํ์ ํ๋ ๋์ ๋ชจ๋ ์ฑ์ํ๊ณ ๊ฒธ์ํ ๋ฐฉ์์ผ๋ก ์ํฉ์ ์ฒ๋ฆฌํ๋ค๋ ๊ฒ์ ์๊ณ ์์ต๋๋ค. ๊ฐ์ฌํฉ๋๋ค! ํนํ ์ด ์ฅ์ด ๋ง์นจ๋ด ๋ซํ์ ํ์ฌ ์งํ ์ค์ธ ์์ ์ ๊ณ์ ์ง์คํ ์ ์๊ฒ ๋์ด ๋งค์ฐ ๊ธฐ์ฉ๋๋ค.
Guillermo Rauch๋ ์ต๊ทผ ํธ์ ์์ "2017๋ ์ด ๋ง๋ฌด๋ฆฌ๋๋ฉด์ ๋๋ React๊ฐ ๊ทธ ์ด๋ ๋๋ณด๋ค ์ข์ ์์ด๋์ด๋ผ๊ณ ๋ฏฟ์ต๋๋ค. ๊ทธ๋์ ์ฐ๋ฆฌ๋ ๋จ์ 10๋ ๋์ ๊ทธ ์๋ฏธ์ ์ ์ฉ์ ๊ณ์ ํ๊ตฌํ ๊ฒ์ ๋๋ค."๋ผ๊ณ ๋งํ์ต๋๋ค. ์ฐ๋ฆฌ๋ ์ด๋ฌํ ๊ฐ์ ์ ๋ฐ์ํ๊ณ 2017๋ ์ด ๋ง๋ฌด๋ฆฌ๋จ์ ๋ฐ๋ผ ์ฌ๋ฌ๋ถ ๋ชจ๋๊ฐ ๊ณ์ํด์ ์ฐ๋ฆฌ๋ฅผ ๋๋ผ๊ฒ ํ ๊ทธ๋ฌํ ๊ฒธ์, ์ฌ๊ธฐ๋ ๋ฆฌ๋์ญ, ์ปค๋ฎค๋ํฐ ์ฃผ๋์ ๋ฐ์ ์ ๋ํ ์ง์ ํ ์ด์ ์ผ๋ก ์คํ ์์ค์ ์ ์ ์ ๊ตฌํํ๋ค๊ณ ๊ทธ ์ด๋ ๋๋ณด๋ค ๋ฏฟ์ต๋๋ค. ์ด๋ฌํ ์์ง์ด ์ฐ๋ฆฌ ์ปค๋ฎค๋ํฐ์ ํต์ฌ์ด๋ผ๋ ์ ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค. AMA์ ๊ฐ์ ํ๊ณ Twitter์์ ์ง๋ฌธ์ ๋ต๋ณํ๋ ๋ฐ ์๊ฐ์ ํ ์ ํด ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค. ๋ชจ๋ ์๊ฐ ๋์ ๋ฌธ์ ์ ์๋ตํ๊ณ PR์ ๋ณํฉํ์ต๋๋ค. ์ฌํด๋ ๋ ๊ทธ๋ฌ๋ฏโฆ
React ์ปค๋ฎค๋ํฐ์ Facebook ํ์ ๋ํ ์์ ์ "๊ฐ์ฌํฉ๋๋ค" ๋๊ธ๋ก ์ด ์ค๋ ๋์ ์๋ตํ๋๋ก ์ด๋ํ๊ณ ์ถ์ต๋๋ค. ์ฐ๋ฆฌ๊ฐ ์ผ๋ง๋ ๊ฐ์ฌํ์ง ๊ทธ๋ค์๊ฒ ๋ณด์ฌ์ค์๋ค! ํ๊ณผ์ ๊ฒฝํ์ด๋ React ์ํ๊ณ๊ฐ ๊ฐ๋ฐ์๋ก์ ์ด๋ป๊ฒ ๋์์ด ๋์๋์ง ์์ ๋กญ๊ฒ ํฌํจํ์ธ์.
์ง์ ์ผ๋ก,
Reactiflux ์ปค๋ฎค๋ํฐ๋ฅผ ๋์ ํ์ฌ:
@gabegreenberg
@markerikson
@KyleAMathews
@taion
@jquense
@vcarl
@๋ฒ ๋๊ฒ๋ฆฌ
@ํผ๋์ค๋งคํธ๋ฆญ์ค
@BTMPL
@kyleshevlin
@slightlytyler
@totaldis
๊ฐ์ฌํฉ๋๋ค! React ํ๋ฟ๋ง ์๋๋ผ ๋ชจ๋ ์คํ ์์ค ๊ธฐ์ฌ์์๊ฒ. ๐๐
๋ฌด๋ฆฌ ๊ฐ์ฌ. ๊ณ์ ๋ฉ์ ธ์ ์ฌ๋ฌ๋ถ.
์ฌ๋ฌ๋ถ์ ๋ชจ๋ ๋ ธ๋ ฅ ๋๋ถ์ ์ฌ๋ฌ๋ถ์ ๋ด ์ถ์ ํจ์ฌ ๋ ์ฝ๊ฒ ๋ง๋ค์ด์ค๋๋ค. ๐
๊ฐ์ฌํฉ๋๋ค! React๋ ๋ด๊ฐ ๋ณธ ์ต์ด์ JavaScript ํ๋ ์์ํฌ ์ค ํ๋์์ต๋๋ค! ์์ฒญ๋๊ฒ ๋์์ด ๋์๊ณ ๋ฐฐ์ธ ์ ์์์ต๋๋ค. ์นจ์ฐฉ :)
๊ฐ์ฌํฉ๋๋ค!! ์ข์ ์ผ์ ๊ณ์! ๐๐๐๐
๋ค๋ค ๊ฐ์ฌ ํด์. ๋น์ ์ ๋ด๊ฐ ๊ทธ ์ผ๋ถ๊ฐ ๋์ด ๊ธฐ์ฉ๋๋ค. ๊ณ์ ํด!
๋ชจ๋ ์์ ์ ๋ํด ๋๋จํ ๊ฐ์ฌํฉ๋๋ค.
์ ์งํ๋ค :)
๋ ธ๊ณ ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค! ๊ณ์ ํด!
๊ณ ๋ง์ต๋๋ค :)
๊ฐ์ฌํฉ๋๋ค.
ํ๋์ค์์ IT๋ฅผ ๊ณต๋ถํ๋ ํ์์ผ๋ก์ PHP ์ด์ธ์ ๋ค๋ฅธ ๊ฒ์ ๋ฐฐ์ฐ๋ ๊ฒ์ ๋๋จํ ์ผ์ด์์ต๋๋ค! ๊ทธ๋ฆฌ๊ณ ๊ฐ๋ฐ์๋ก์ ์กฐ๊ธ ๋ ์ฑ์ฅํ ์ ์์์ต๋๋ค. ๋๋ ๊ทธ๊ฒ์ผ๋ก ๋ฌด์์ ๋ง๋ค์ง์ ๋ํ ๋๋ง์ ์์ด๋์ด๊ฐ ์์ต๋๋ค!
๐ ๐ ๐
๊ฐ์ฌํฉ๋๋ค! ๋น์ ์ ๋ด๊ฐ UI ํ๋ก๊ทธ๋๋ฐ๊ณผ ์คํ ์์ค๋ฅผ ๋ณด๋ ๋ฐฉ์์ ๋ณ๊ฒฝํ์ต๋๋ค <3
์ ๋ ํ์ด์ค๋ถ์ด ์คํ ์์ค์์ ์ด์ฌํ ์ผํ๊ธฐ ๋๋ฌธ์ ๋ถ๋ถ์ ์ผ๋ก ํ์ฌ๋ฅผ ์์ํฉ๋๋ค. ๊ฐ์ฌํฉ๋๋ค!
const ThankYou = () => (
<Reply>
<Text>Thanks a lot, React team!</Text>
<Emoji name="heart"/>
</Reply>
);
const issue = await GitHub.getIssue('facebook/react', 11940);
IssueDOM.render(<ThankYou/>, issue);
ํด์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค!
๋งค์ฐ ๊ฐ์ฌํฉ๋๋ค! React๋ ์น์์ ์ต๊ณ ์ ์น์ฑ์ ๊ตฌ์ถํ ์ ์๋ ๋ฅ๋ ฅ์ ์ ๊ณตํ์ต๋๋ค! ๊ณ์ํด!
๋น์ ์ด ํ ๋ชจ๋ ์ผ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค. ๊ณ์ํ์ญ์์ค :D
๊ฐ์ฌํฉ๋๋ค! React๋ ๋์ฑ๊ณต์ด์์ต๋๋ค!
๊ณ ๋ง์์, react native๋ฅผ ์ฌ์ฉํ ์ ์์ด์ ์ ๋ง ์๊ด์ด์์ต๋๋ค!
React๋ฅผ ๋ฉ์ง๊ฒ ๋ง๋ค๊ธฐ ์ํด ์์ โโ๋ชจ๋ ๋ ธ๋ ฅ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค!
๋ชจ๋ ์์ ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค.
๊ฐ์ฌํฉ๋๋ค๐
๋งค์ฐ ๊ฐ์ฌํฉ๋๋ค!
๋๋ FB์ ๊ทธ ์์ง๋์ด๋ค์ด React์ ์ํ๊ณ์ ํฌ์ํ ๊ฒ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค. ์ํ๊ณ์์ ํ๋ก์ ํธ๋ฅผ ๊ธฐ์ฌ/์ ์งํด ์ฃผ์ ๋ชจ๋ ๋ถ๋ค๊ป ๊ฐ์ฌ๋๋ฆฝ๋๋ค! ์คํ ์์ค๊ฐ ๋งค์ฐ ์ด๋ ต๊ณ /์คํธ๋ ์ค์ ์ด๋ฉฐ/์๊ฐ์ด ๋ง์ด ์์๋ ์ ์๋ค๋ ๊ฒ์ ์ฌ์ ๊ฒฝํ์ ํตํด ์ดํดํ๊ณ ์๊ธฐ ๋๋ฌธ์ ์์ ์ด ํ๋ ์ผ์ ๋ํ ์ด์ ์ ์ ์งํ๊ณ ๊ณ์ ๋ ธ๋ ฅํ๋ ์ฌ๋๋ค์๊ฒ ๊น์ ๊ฐ์ฌ๋ฅผ ๋๋ฆฝ๋๋ค.
๊ณ ๋ง์์. ์ ๋ ๋ฐ์์ด ์ฒ์์ด์ง๋ง ์๋ก์ด ๊ฒ์ ๋ง๋๋ ๋ฐ ๋ง์ ๋์์ด ๋๋ค๊ณ ๋งํ ์ ์์ต๋๋ค. :)
โค๏ธ 2017๋ ์๋ React ๋ฆฌํฌ์งํ ๋ฆฌ์ ๋ฌธ์๊ฐ ์ ๋ง ๋ง์ด ๊ฐ์ ๋์์ต๋๋ค. Facebook ํ๊ณผ ์ฌํด ๊ณตํํ ๋ชจ๋ ์ฌ๋๋ค์๊ฒ ํฐ ๊ฐ์ฌ๋ฅผ ๋๋ฆฝ๋๋ค. ์ฌ๋ฏธ์์์ต๋๋ค! 2018๋ ์ ๋ ๋ฉ์ง ์์ ์ด ์์ต๋๋ค:clinking_glasses:
โค๏ธ โค๏ธ โค๏ธ โค๏ธ โค๏ธ โค๏ธ โค๏ธ โค๏ธ โค๏ธ โค๏ธ โค๏ธ โค๏ธ โค๏ธ โค๏ธ โค๏ธ โค๏ธ โค๏ธ โค๏ธ โค๏ธ โค๏ธ โค๏ธ โค๏ธ โค๏ธ โค๏ธ โค๏ธ โค๏ธ
์ ๋ง ๊ณ ๋ง์ต๋๋ค! ๋ชจ๋ ์ํด ๋ณต ๋ง์ด ๋ฐ์ผ์๊ธธ ๋ฐ๋๋๋ค!
๊ฐ์ฌํฉ๋๋ค! ๐
๊ณ ๋ง์ต๋๋ค! <3
์ฌ๋ฌ๋ถ๊ณผ ๊ฐ์ ๋๋ผ์ด ๊ฐ๋ฐ์๊ฐ ๊ตฌ์ถํ ๋๋ผ์ด ์คํ ์์ค ํ๋ก์ ํธ๊ฐ ์๋์๋ค๋ฉด ์ฐ๋ฆฌ ์ค ๋ง์ ์ฌ๋๋ค์ ์๋ง๋ ์ผ์๋ฆฌ์กฐ์ฐจ ์์์ ๊ฒ์ ๋๋ค.
ํ์ด์ค๋ถ ํ ์ฌ๋ฌ๋ถ, ๊ฐ์ฌํฉ๋๋ค โค๏ธ
๋ด ์ธ์์ ๋ฐ๊ฟจ์ด ์๋ค์!!! ์ ๋ง ๊ณ ๋ง์ต๋๋ค
์ฌ๋ ๋ฐ์
๊ฐ์ฌํฉ๋๋ค!
์ํด ๋ณต ๋ง์ด ๋ฐ์ผ์ธ์
'๋ฐ์'์์ React ๊ฐ์ ธ์ค๊ธฐ;
'react-dom'์์ ReactDOM์ ๊ฐ์ ธ์ต๋๋ค.
const ThankYouMessage = ['๊ฐ์ฌํฉ๋๋ค', '๋น์ ', '์ํด', '๋ชจ๋', '๊ทธ', '๋
ธ๋ ฅ', '๋น์ ', '๊ฐ์ง๊ณ ', '๋ฃ๋ค', '์์ผ๋ก', '๋ง๋ค๊ธฐ', '๋ฐ์' ', '์์ฒญ๋'];
ThankYouMessage.map(๋ฉ์์ง => );
const ๋ฉ์์ง = (๋ฉ์์ง) => {
{๋ฉ์ธ์ง}
}
ReactDOM.render(
๊ณ ๋ง์ต๋๋ค :*
๊ฐ์ฌํฉ๋๋ค!
๋๋ ๊ณผ๊ฑฐ์ ๋ง์ ํ๋ ์์ํฌ์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํด ์์ต๋๋ค. ๋๋ ๋ฐ์์ ๋ฃ์ ์๊ฐ๊ณผ ๋์์ธ์ ์ ๋ง๋ก ๊ฐ์ฌ๋๋ฆฝ๋๋ค! ์ ๋ ์ด ๋๊ตฌ๋ฅผ ์ฌ์ฉํ๋ ๊ฒ์ ์ข์ํ๋ฉฐ ํ๋ฅญํ JavaScript ๋์์ธ ๊ธฐ์ ์ ๊ฐ๋ฅด์น๋ ๋ฐ ์ ์ฉํฉ๋๋ค.
๊ฐ์ฌํฉ๋๋ค!
์น ๊ฐ๋ฐ ์ธ๊ณ๋ฅผ ๋ ๋์ ๊ณณ์ผ๋ก ๋ง๋ค์ด ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค!
๊ฐ์ฌํฉ๋๋ค! ์น/๋ค์ดํฐ๋ธ ๊ฐ๋ฐ์ ์ด๋ ๊ฒ ์ฆ๊ฒ๊ฒ ํด์ฃผ์ ์! โค๏ธ
๋๋ผ์ด ์ํ! 2018๋ ์๋ React์ ์ด๋ค ๋ด์ฉ์ด ๊ธฐ๋ค๋ฆฌ๊ณ ์์์ง ๋๋ฌด ๊ธฐ๋๋ฉ๋๋ค!
React๊ฐ ์๋ ์ด ๋ฉ์ง ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋ง์ ์ฌ๋๊ณผ ๋ ธ๋ ฅ์ ๋ฃ์ด์ฃผ์ ๋ชจ๋ ๋ถ๋ค๊ป ๊ฐ์ฌ๋๋ฆฝ๋๋ค! ์ํด ๋ณต ๋ง์ด ๋ฐ์ผ์ธ์!
๐
์น ๋ฐ ๋ชจ๋ฐ์ผ ๊ฐ๋ฐ์ ํจ์ฌ ๋ ์ฌ๋ฏธ์๊ฒ ๋ง๋ค์ด์ค ํ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค! <3
๊ณตํํ React ํ๊ณผ ๊ฐ๋ฐ์๋ค์๊ฒ ํฐ ๊ฐ์ฌ๋ฅผ ๋๋ฆฝ๋๋ค! ๐ฏ
์ ์ํ ๋ณด๊ธฐ ๊ด๋ฆฌ๋ฅผ ์ํ ์ต๊ณ ์ ํ๋ก ํธ์๋ ์๋ฃจ์ ์ ๋ง๋ค์ด ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค!
๋์ ํด!
react์ ํจ๊ป ๋ฉ์ง ํ ํด๋ฅผ ๋ณด๋ด์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค! ์์ผ๋ก ๊ทธ๋ฆฌ๊ณ ์๋ก ๐
๊ฐ์ฌํฉ๋๋ค! ๐
์ ๋ง ๊ฐ์ฌํฉ๋๋ค. ์คํ ์์ค์ ์๊ฐ์ ํ ์ ํ๋ ์ฌ๋๋ค์๊ฒ ๋งค์ฐ ๊ฐ์ฌํฉ๋๋ค. ์ํด์ ๋ง์ ์ฑ๊ณต!
๊ณ ๋ง์ ์๋ค์, ๊ณ ๋ง์ Dan!
๊ฐ์ฌํฉ๋๋ค! ๋น์ ์ ์์ ์ ์ธ์์ ์ ๋๋ค
์ปค๋ฎค๋ํฐ ์ง์์ ์ํ Thx.
ํ ๊ฐ์ฌํฉ๋๋ค! ์ง์ฅ์์ 1๋ ๋๊ฒ React๋ฅผ ๊ณ์ ์ฌ์ฉํ๊ณ ์์ผ๋ฉฐ ์ด์ React ์ฑ ์ ๋ด ์ง์ ์ ๊ฐ๊ฒ ๋์์ต๋๋ค. ์์ผ๋ก์ ๋ฐ์ ์ ๊ธฐ๋ํฉ๋๋ค!
๊ณ ๋ง์์! ์์ผ๋ก๋ ํ์จ์ฃผ์ธ์!
๊ฐ์ฌํฉ๋๋ค ๐โค๏ธ
์ข์ ์์ ๊ณ์ํด์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋คโค๏ธ
ํ ์ก์ ๋ฐ ์๋ 16.0.0 ๋ฆด๋ฆฌ์ค์ MIT์์ React๋ฅผ ๋ค์ ๋ผ์ด์ ์คํ๊ธฐ๋ก ํ ๊ฒฐ์ ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค. ๋๋ ๋งค์ผ React, React-DOM, Immutable.js, Jest๋ฅผ ์ฌ์ฉํ๋ฉฐ ์คํ ์์ค ์์ ์ ๊ฐ๋ฅํ๊ฒ ํฉ๋๋ค. ๐
ํฑํฌ ์ฌ๋ฌ๋ถ! <3
๋ชจ๋ ์์ ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค! React์ ๋ฏธ๋๊ฐ ๊ธฐ๋๋ฉ๋๋ค!
์ด๋ฅผ ๊ฐ๋ฅํ๊ฒ ํ๋ ๋ชจ๋ ๊ด๋ฆฌ์์ ๊ธฐ์ฌ์์๊ฒ ๊ฐ์ฌ๋๋ฆฝ๋๋ค!
๋ชจ๋ ์คํ ์์ค ๊ธฐ์ฌ์์๊ฒ ๊ฐ์ฌ๋๋ฆฝ๋๋ค! ๐ โค๏ธ
๊ฐ์ฌํฉ๋๋ค!
์ฐ๋ฆฌ์ ์น ๊ฐ๋ฐ ๊ฒฝํ์ ๋งค์ฐ ์ฆ๊ฒ๊ฒ ๋ง๋ค๊ธฐ ์ํด ์ ์จ์ฃผ์ ๋ชจ๋ ๋ถ๋ค๊ป ์ง์ฌ์ผ๋ก ๊ฐ์ฌ๋๋ฆฝ๋๋ค!
์ข์ ์ผ์ ๊ณ์ํ์ญ์์ค!
๊ฐ์ฌํฉ๋๋ค! ์ ์งํ์ธ์ :)
๊ฐ์ฌํฉ๋๋ค! ๊ทธ๋ฆฌ๊ณ ์๋ํ ์ผ์ ๊ณ์ํ์ญ์์ค!
React๋ ๋งค์ฐ ๋๋๊ณ ํ๋ถํ ์ํ๊ณ๋ก ์ธํด React๋ก ๊ฐ๋ฐํ๊ธฐ๊ฐ ์ฝ์ต๋๋ค. ์ ๊ธ ํ์ผ์ด ์๋ Yarn์ ๋ณด๋ ์ ์ฒด์์ ๋์ผํ ํจํค์ง๋ฅผ ๋ณด์ฅํ์ง๋ง npm 5๋ ์ด๋ฅผ npm์ผ๋ก ๊ฐ์ ธ์ค๋ ค๊ณ ํ์ง๋ง yarn์ ๋๋ฌด ๋นจ๋ผ์ npm์ ์ฌ์ฉํ ์๊ฐ์ด ์ ํ ์์ต๋๋ค. ์ด๋ฌํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ ์ง ๊ด๋ฆฌํ๋ Facebook ๊ฐ๋ฐ์์๊ฒ ์ง์ฌ์ผ๋ก ๊ฐ์ฌํ๊ณ ๊ทธ๋ค์ ๋ ธ๋ ฅ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค. ์ข์ ์ผ์ ๊ณ์ํ์ญ์์ค!
๐ โค๏ธ ๐ โ๏ธ ๐
React ํ๋ ์์ํฌ๋ ์ ๊ฐ ํ๋ก ํธ ์๋ ๊ฐ๋ฐ์๊ฐ ๋๋ ๊ฒ์ ๋ํด ์ ๋ง ํฅ๋ถํ๊ฒ ๋ง๋๋ ๋ฐ ํต์ฌ์ด์์ต๋๋ค. ๊ทธ๋ผ ์ ๊ฐ๋ฐ์ผ์ ์ฆ๊ฒ๊ฒ ๋ณด๋ผ ์ ์๊ฒ ๋์์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค ๐
Infinite Red ํ์์ ๊ฐ์ฌํฉ๋๋ค! ์ฌํด ์ฐ๋ฆฌ๊ฐ ๊ตฌ์ถํ ์ํํธ์จ์ด์ ์๋น ๋ถ๋ถ์ด ์ฌ๋ฌ๋ถ์ ๋ ธ๋ ฅ ๋๋ถ์ ๊ฐ๋ฅํ์ผ๋ฉฐ ๊ฐ์ฌํฉ๋๋ค. โค๏ธ
์ ๋ง ๊ณ ๋ง์ต๋๋ค!
ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ์ฌ๋ํ๊ฒ ํด์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค.
๋ฉ์ง ์ฝ๋ ๊ฐ์ฌํฉ๋๋ค!
React ํ์ ๋ชจ๋ ๋ถ๋ค๊ป ๊ฐ์ฌ๋๋ฆฝ๋๋ค! โค๏ธ
๊ฐ์ฌํฉ๋๋ค!
ํ๋ก๊ทธ๋๋ฐ์ ์ฝ๊ฒ ์ฌ์ฉํ ์ ์๊ฒ ํด์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค. 6๊ฐ์ ์ ์๋ ์๋ฌด๊ฒ๋ ํ ์ ์์์ต๋๋ค. ์ด์ React ๋๋ถ์ ์น ์ฑ, Android ์ฑ, iOS ์ฑ, ๋ฐ์คํฌํฑ ์ฑ์ ๊ตฌ์ถํ ์ ์์ต๋๋ค. ํ๋ฆฌ์์ ์จ ์ฌ๋ ๐ซ๐ท !!!!!!
ํ๋ผ๊ณผ์ด ๐ป ๐พ ๐
GraphQL, Flow, React Native ๋ชจ๋ ํ๋ฅญํฉ๋๋ค!
์ธ๋ค๊ฐ์์ โค FB ์คํ ์์ค์ ๋ชจ๋ ๋ถ๋ค๊ป ๊ฐ์ฌ๋๋ฆฝ๋๋ค!
๊ฐ์ฌํฉ๋๋ค! React๊ฐ ๋ด ์ธ์์ ๋ฐ๊ฟจ์ต๋๋ค :)
๋ฐ๋์์ ๊ฐ์ฌํฉ๋๋ค!
์ฌํด ๋น์ ๊ณผ ๋น์ ์ ๋ฉ์ง ์ผ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค.
๋งค์ฐ ๊ฐ์ฌํฉ๋๋ค!
๊ฐ์ฌํฉ๋๋ค ์์
๋ฌผ์ด ํ๋ฅญํฉ๋๋ค ์ง๋ฃจํ์ง ์๊ณ ์ฌ๋ฏธ์๋ ๊ฐ๋ฐ์ ํด์ฃผ์
์ ๊ฐ์ฌํฉ๋๋ค
์ก์ผโค
๊ฐ์ฌํฉ๋๋ค! <3 <3 <3 <3
Facebook์ ๋ชจ๋ ์คํ ์์ค ํ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค! ํฐ ํ๋ก์ ํธ(React, Jest, Yarn, Buck)๋ฟ๋ง ์๋๋ผ ๊ทธ๋ค์ง ์ธ์ง๋๋ฅผ ์ป์ง ๋ชปํ๋ ์๊ท๋ชจ ํ๋ก์ ํธ๋ ์์ต๋๋ค. :)
๋ชจ๋์๊ฒ ๊ฐ์ฌํฉ๋๋ค!
๊ฐ์ฌํฉ๋๋ค ๋ชจ๋ ์ํด ๋ณต ๋ง์ด ๋ฐ์ผ์ธ์! ๋ง์ ๊ฑด๊ฐ๊ณผ ์ข์ ์ฝ๋!
๊ฐ์ฌ ํด์ :-). ์ด๊ฒ์ ๋งค์ฐ ๋ฌ์ฝคํฉ๋๋ค.
๊ด๋ จ๋ ๋ชจ๋ ๋ถ๋ค๊ป ๊ฐ์ฌ๋๋ฆฝ๋๋ค! ๋ด ์ผ์์ด ํจ์ฌ ๋ ์ข์์ง๋๋ค :)
๊ฐ์ฌํฉ๋๋ค ๐คโค๏ธ
๊ฐ์ฌํฉ๋๋ค. ๋๋ ์ง๊ธ ์ผ๋ง ๋์ React๋ฅผ ์ฌ์ฉํด ์์ผ๋ฉฐ ์ฆ๊ธฐ๊ณ ์์ต๋๋ค! ๊ทํ์ ๋ ธ๊ณ ์ ๊น์ ๊ฐ์ฌ๋ฅผ ๋๋ฆฝ๋๋ค.
์ ๋ง์ ๊ฐ์ฌํฉ๋๋ค! ์ ๋ ๋งค์ผ Facebook์ ๋ฐ์ด๋ ๋๊ตฌ์ ํ๋ ์์ํฌ๋ฅผ ๋ง์ด ์ฌ์ฉํ๋ฉฐ ๊ฐ๋ฐ ๊ฒฝํ์ ์ธก์ ํ ์ ์์ ์ ๋๋ก ๋ ์ฆ๊ฒ๊ฒ ๋ง๋ค์์ต๋๋ค. ํ๋ ์ผ์ ๊ณ์ํ์ธ์!
๋๋ถ์ ์น ๊ฐ๋ฐ์ด ๋ค์ ์ฌ๋ฏธ์์ด์ก์ต๋๋ค. ๋๋ ๊ณผ๊ฑฐ์ jQuery๋ฅผ ์ฌ์ฉํ๊ณ UI๋ฅผ ๋ด ์ฑ์ ๋ด๋ถ ์ํ์ ๋๊ธฐํํ๋ ๊ฒ์ ์ ๋ชฝ์ด์์ต๋๋ค. React์ Redux๋ฅผ ์ฌ์ฉํ๋ฉด UI๊ฐ ์๋์ผ๋ก ์ํ์ ๋๊ธฐํ๋๋ฏ๋ก ๋ด ์ฝ๋๊ฐ "๋๊ธฐํ ์ฝ๋"๋ก ๋ ๋ณต์กํด์ง๋๋ค. React๋ฅผ ์ฌ์ฉํ๊ธฐ ์ ์๋ ๋ชจ๋ ์ฝ๋๊ฐ ํ๋์ JS ํ์ผ์ ์์์ต๋๋ค. React๋ฅผ ์๊ฐ๋ฐ์์ ๋ ์ฝ๋๋ฅผ ์ค๋งํธ ๊ตฌ์ฑ ์์, ๋ฉ์ฒญํ ๊ตฌ์ฑ ์์, ์์ , ๊ฐ์๊ธฐ ๋ฐ ๊ณต๊ธ์ ์ฒด ํ์ผ๋ก ๋๋๋ ๋ฐฉ๋ฒ์ ๋ฐฐ์ ์ต๋๋ค. Ctrl + P๋ฅผ ๋๋ฅด๊ณ ์์ ํด์ผ ํ๋ ๋ถ๋ถ์ผ๋ก ์ด๋ํ ์ ์๊ธฐ ๋๋ฌธ์ ์ฝ๋๋ฅผ ๋ ์ฝ๊ฒ ๊ฒ์ํ ์ ์์์ต๋๋ค. ์ผ์ง. ์ธ๊ฐ์ ๋๋์ ์ฆ๊ฒ๊ณ ์ฌ์ด ์น ๊ฐ๋ฐ์ ์ํด ํ ๋ชจ๋ ๋ ธ๋ ฅ์ ์ง์ฌ์ผ๋ก ๊ฐ์ฌ๋๋ฆฝ๋๋ค.
๊ฐ์ฌํฉ๋๋ค!!
๋๋ ๋น์ ๋ชจ๋์๊ฒ ๊ฐ์ฌํฉ๋๋ค! ๐๐๐๐๐
๊ฐ์ฌํฉ๋๋ค!
๋งค์ฐ ๊ฐ์ฌํฉ๋๋ค! ์ด๋ฐ ํ๊ฒฝ์์ ์ผํ๊ฒ ๋์ด ์๊ด์ ๋๋ค!
์ด๋ฌํ ์ผ์ด ์ผ์ด๋๊ฒ ํด์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค!
์ฌ๋ฌ๋ถ์ ์์๋ ํ ์ ์๋ ์ผ์ ํ์ต๋๋ค. ์ ๋ฅผ iOS ๋ค์ดํฐ๋ธ ๋ค์ดํ๋์์ ํ๋ซํผ์ ๊ตฌ์ ๋ฐ์ง ์๋ ๋ฐ์ ๋ค์ดํฐ๋ธ ์ ๋์๋ก ์ ํํ๊ฒ ๋ง๋ค์์ต๋๋ค. react, react-native, flow, jest ๋ค์ ์๋ ๋ชจ๋ ์ฌ๋์๊ฒ: ๊ฐ์ฌํฉ๋๋ค.
๊ฐ์ฌํฉ๋๋ค!
๊ฐ์ฌํฉ๋๋ค ์ํด ๋ณต ๋ง์ด ๋ฐ์ผ์ธ์! ๐
React๋ ๋ด๊ฐ ๋ณธ ์ต์ด์ JavaScript ํ๋ ์์ํฌ ์ค ํ๋์์ง๋ง ๊ทธ ๋น์์๋ ์ดํดํ์ง ๋ชปํ์ต๋๋ค. ํ์ง๋ง ์ด์ ์ผ ์ ๋๋ก ์ดํดํ๊ฒ ๋์์ต๋๋ค. ์ฌ๋์ ๋น ์ก์ด์. ์ ๋ง ๊ฐ์ฌํฉ๋๋ค. ๋ํ ์ํด ๋ณต ๋ง์ด ๋ฐ์ผ์ธ์
๊ฐ์ฌํฉ๋๋ค!!
๊ฐ์ฌํฉ๋๋ค ๋ชจ๋ ์ํด ๋ณต ๋ง์ด ๋ฐ์ผ์ธ์! โค๏ธ
์ ๋ ์ด ๋๋ผ์ด ์ปค๋ฎค๋ํฐ์์ ๋ง์ ๊ฒ์ ๋ฐฐ์ ์ต๋๋ค!
๋ ธ๊ณ ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค. ์ฌ๋ฌ๋ถ์ ์ ์๊ฒ ๋ง์ ์๊ฐ์ ์ฃผ์์ต๋๋ค. ๊ณ์ ๋ฉ์ ธ! :์ง: :๋ฐ๋ค:
๋ชจ๋ ๋ ธ๋ ฅ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค! ์ํด ๋ณต ๋ง์ด ๋ฐ์ผ์ญ์์ค. ๋ ๋ง์ ์คํ ์์ค๊ฐ ์ฌ ๊ฒ์ ๋๋ค! ๐๐๐
๊ฐ์ฌํฉ๋๋ค! ๋น์ ์ ๋ชจ๋ ์๊ฐ์ ๋๋ค. ์ํด ๋ณต ๋ง์ด ๋ฐ์ผ์ธ์! ๐ ๐ ๐
๋น์ ์ด ํ๋ ๋ชจ๋ ๊ฒ์ ๋ํด ์ ๋ง ๊ฐ์ฌํฉ๋๋ค! โค๏ธโค๏ธโค๏ธโค๏ธ
React๋ฅผ ๋ง๋ค๊ณ ์คํ ์์ค๋ก ๋ง๋ค์ด์ฃผ์ ๋ชจ๋ ๋ถ๋ค๊ป ๊ฐ์ฌ๋๋ฆฝ๋๋ค. ์ฌํด ๋์ ๊ฒฐ์ฌ ์ค ํ๋๋ ์ ์ด๋ ํ๋์ PR์ ๋ฐ์ ๋ฐ ๋ณํฉ์์ ์ฌ๋ฆฌ๋ ๊ฒ์ ๋๋ค.
React ์ํ๊ณ๋ฅผ ์คํ ์์ค๋ก ๋ง๋๋ Facebook์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค... ๐๐๐
๋ ๋์ React ์ํ๊ณ๋ฅผ ๋ง๋ค๊ธฐ ์ํด ๊ธฐ์ฌํด ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค... ๐ช๐ช๐ช
๊ฐ์ฌํฉ๋๋ค! ๋น์ ์๊ฒ์ ๋ง์ ๊ฒ์ ๋ฐฐ์ฐ์ญ์์ค.
jQuery ์ดํ ๊ฐ์ฅ ์ง๊ด์ ์ด๊ณ ํ๋๋ฅผ ๋ฐ๊พธ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ค ํ๋๋ฅผ ๋ง๋ค์ด ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค. ์ฌ๋ฌ๋ถ์ด ํ๋ ๋ชจ๋ ์์ ์ ๋ํด ๊น์ ์กด๊ฒฝ์ฌ์ ํํ๋ฉฐ ์ปค๋ฎค๋ํฐ๋ฅผ ์ํ ์คํ ์์ค๋ก ๋ง๋์ญ์์ค. ์น ๊ฐ๋ฐ์ด ์ ๋ฐ์ ์ผ๋ก ์ผ๋ง๋ ๋ฐ์ ํ๋์ง ์ ๋ง ๋๋์ต๋๋ค. ๋ฌผ๋ก Angular๊ฐ ์ฒ์์ผ ์๋ ์๊ณ Vue๊ฐ ์ด๋ค ๊ฒฝ์ฐ์๋ ๋ ๊ฐ๋จํ ์๋ ์์ง๋ง ์ ์๊ฐ์ React๋ ๊ธฐ๋ฅ๊ณผ ๊ฒฐํฉ๋ ๋ณต์ก์ฑ์ ์์ ๋ํด ์ ๋ง ์ต์ ์ ์์น์ ์์ต๋๋ค. ์ ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ 1๋ ๋๊ฒ ์ฌ์ฉํด ์์ผ๋ฉฐ ์์งํ ์ค๋ซ๋์ ์น ๊ฐ๋ฐ์์ ๊ฐ์ฅ ๋๋ผ์ด ๊ฒ ์ค ํ๋์๋ค๊ณ ์๊ฐํฉ๋๋ค. ๊ฐ์ฅ ๋๋ผ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ค ํ๋๊ฐ ํ๋ก ํธ ์๋ ์ฐ์ ์ด ์๋ํ๋ ๋ฐฉ์์ ๋ฐ๊พธ๋ ๊ฒ์ ๋ณด๊ฒ ๋์ด ๊ธฐ์ฉ๋๋ค. ์ฌ๋ฌ๋ถ์ ์ ๊ณ์ ์ปค๋ฎค๋ํฐ๋ฅผ ์ํด ๋๋ผ์ด ์ผ์ ๋ฌ์ฑํ ์ง์ ํ ๊ฒ์ ์ฒด์ธ์ ์ ๋๋ค. ๋น๊ณต๊ฐ๋ก ์ ์งํ๊ณ ํ์ด์ค๋ถ์์๋ง ์ฌ์ฉํ๋ ๋์ ์คํ ์์ค๋ก ๋ง๋ค๊ณ ์ ์ฒด ๊ธฐ์ ๋ฐ์ ์ ๋์์ ์ฃผ๊ธฐ๋ก ๊ฒฐ์ ํ์ต๋๋ค. ์ฌ๋ฌ๋ถ์ด ์ฐ๋ฆฌ์๊ฒ ๊ฐ์ ธ์จ ์ด ๋๋ผ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋ํด ๋ค์ ํ ๋ฒ ๊ฐ์ฌ๋๋ฆฝ๋๋ค. ํญ์ ์ข์ ์ผ๋ง ๊ฐ๋ํ์๊ธธ ๋ฐ๋ผ๋ฉฐ ์ํด ๋ณต ๋ง์ด ๋ฐ์ผ์๊ธฐ ๋ฐ๋๋๋ค!
@reactjs ์ ๋ฉ์ง ์์ ์ ๋ํด @gabegreenberg ์๊ฒ ๊ฐ์ฌ๋๋ฆฝ๋๋ค. ๋น์ ๋ ๊ฐ์ ๊ฒ์ ๊ธฐ์ํฉ๋๋ค :)
Team React ๊ฐ์ฌํฉ๋๋ค!
Facebook ReactTeam์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค! ์น/๋ค์ดํฐ๋ธ ๊ฐ๋ฐ์ ์ด๋ ๊ฒ ์ฆ๊ฒ๊ฒ ํด์ฃผ์ ์! โค๏ธโคโคโค๐๐
React ํ ๊ฐ์ฌํฉ๋๋ค!
React ํ ๊ฐ์ฌํฉ๋๋ค! ๐๐ ๋น์ ์ ๋๋จํจ์ ์ฌ๋ํฉ๋๋ค!
๋ฐ์ํ ๊ฐ์ฌํฉ๋๋ค :-)
๋ฐ์ํ ๊ฐ์ฌํฉ๋๋ค!! ์์ผ๋ก ๋ช ๋ ์ ๋ชจ๋์๊ฒ ์ข์ ๊ฒ์ ๋๋ค!!
๋งค์ฐ ๊ฐ์ฌํฉ๋๋ค!
์ฌ๋ฏธ์๊ณ ์์ฐ์ ์ธ ํ๋ซํผ์ ์ ๊ณตํด์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค. ๋ช ๋ ๋์ ๋งค์ผ 1000% ๋ ๋์ ์์ ์ ์ํํ์ต๋๋ค.
์ ๋ง ๊ณ ๋ง์ต๋๋ค! ๋น์ ์ ๋ ธ๊ณ ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค. 2018๋ ์๋ ์ด๋ค ์ผ๋ค์ด ์ผ์ด๋ ์ง ๊ธฐ๋ํด์ฃผ์ธ์!
@react ํ์ ๋ชจ๋ ๋ถ๋ค๊ป ๊ฐ์ฌ๋๋ฆฝ๋๋ค.
์ด์ฌํ ํด์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค!
๊ฐ์ฌํฉ๋๋ค!!!
๊ฐ์ฌํฉ๋๋ค ์ฌ๋ฌ๋ถ ๋ฉ์ง์ญ๋๋ค =)
๋๋ผ์ด 2017๋ ์ ๋ณด๋ด์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค. ๊ทธ๋ฆฌ๊ณ ๋๋ผ์ด 2018๋ ์ด ์ฌ ๊ฒ์ ๋๋ค!
ํ์ด์ค๋ถ ๊ฐ์ฌํฉ๋๋ค
Prepack์ ์ ๋ง ๊ฐ์ฌ๋๋ฆฝ๋๋ค. ๋ถ๋ถ ํ๊ฐ, ์์ง์ ์คํ, ์ถ์ ํด์: ์ด๋ฌํ ๊ณ ๊ธ ๊ฐ๋ ์ ์ด๋ก ์ผ๋ก๋ง ํ์ตํ ์ ์์ต๋๋ค. ์คํ ์์ค ํ๋ก์ ํธ์์ ์ด๋ฌํ ํ๋ก๊ทธ๋จ์ ์ ๋ฌธํ ๊ธฐ์ ์ ๋ณธ ๋๋ถ์ ๋ชจ๋ ์ฌ๋, ํนํ ์ ๊ท ๊ต์ก์ ๋ฐ์ง ์์ ์ฌ๋์ด ์ด๋ฌํ ํ๋ก๊ทธ๋จ ์ ๋ฌธํ ๊ธฐ์ ์ ์ก์ธ์คํ ์ ์์ต๋๋ค. ๊ฐ์ฌํฉ๋๋ค.
๋ฌผ๋ก React์ ์๋ก์ด ๋ฐฉํฅ์ฑ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค. ์๋ก์ด ์์ด๋์ด๋ ๋๋๋ก ์์ถฉ๋๊ธฐ๋ ํ์ง๋ง ๋ชจ๋ ์ฌ๋๋ค์ด ์๋ฐ์คํฌ๋ฆฝํธ์ ์น ํ๋ก ํธ์๋์ ๋ํด ๋ค์ ์๊ฐํ๊ฒ ๋ง๋ญ๋๋ค. Facebook์ด React ๋ฐ ๊ด๋ จ ํ๋ก์ ํธ๋ก ์ํํ ์คํ ์์ค ์์ ๋๋ถ์ ์ฐ๋ฆฌ๋ ๋์์์ด ์ค์ค๋ก๋ฅผ ์์ ํ๊ณ ์์ต๋๋ค. ๋ด๊ฐ ๋งํ ํฉ๊ธ ๋ .
๐๐๐
๊ฐ์ฌํฉ๋๋ค! ๐
React ํ ๊ฐ์ฌํฉ๋๋ค! ๐ ๋๋ ๋ํฌ๋ค์ด ํ๋ ์ผ์ ์ ๋ง๋ก ์ฌ๋ํ๋ค. ๊ทํ์ ๋ ธ๊ณ ์ ๊น์ ๊ฐ์ฌ๋ฅผ ๋๋ฆฝ๋๋ค.
React ์ํ๊ณ๋ฅผ ๋ง๋ค์ด์ค React ํ๊ณผ Facebook ์คํ ์์ค ํ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค.
๋ชจ๋ ์คํ ์์ค ๊ฐ๋ฐ์์๊ฒ ๊ฐ์ฌ๋๋ฆฝ๋๋ค ๐
React ํ ๊ฐ์ฌํฉ๋๋ค! ๐
ํ๋ฅญํ ๋๊ตฌ๋ฅผ ์ ๊ณตํด ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค. ์ํด์๋ ์ ๋ถํ๋๋ฆฝ๋๋ค :-)
์ ๋ง ๊ณ ๋ง์ต๋๋ค!
React ํ๊ณผ ๋ชจ๋ ์คํ ์์ค ๊ธฐ์ฌ์์๊ฒ ๊ฐ์ฌํฉ๋๋ค. ๐
๊ฐ์ฌํฉ๋๋ค!!!!
๋ฉ์ง ์ํํธ์จ์ด์ ์ง์์ ๋ํด ์ ์ฒด Storybook ํ ์๊ฒ ํฐ ๊ฐ์ฌ๋ฅผ ๋๋ฆฝ๋๋ค ๐ ๐ ๐ ๐
Amazing ์์
์ ๋ง๋ค์ด์ค ์ด ํ๋ฅญํ ํ์ ๊ฐ์ฌ๋ฅผ ํํ๊ณ ์ถ์ต๋๋ค! ์๋ํ ์ผ์ ๊ณ์ํ์ญ์์ค
:heart_eyes: :heart_eyes:
ํ์ต์ ์ฝ๊ฒ ๋ง๋ค์ด์ค React ํ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค!!
๊ณ ๋ง์, ๋น์ ์ ๋ฐ์, ๋ฐ์์ด ๊ต์ฅํฉ๋๋ค!
๊ฐ์ฌํฉ๋๋ค! ๋น์ ์ ๋ฐ์!
๊ฐ์ฌํฉ๋๋ค
๊ฐ์ฌํฉ๋๋ค!
๊ฐ๋ฐ์ ๋ ์ฝ๊ณ ํจ๊ณผ์ ์ผ๋ก ๋ง๋ค์ด ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค. ... ๋ชจ๋ ๊ธฐ์ฌ์์๊ฒ ์์ผ๋ก ์ข์ ํด๊ฐ ๋ ๊ฒ์ ๋๋ค.
๋ชจ๋ ๋ ธ๋ ฅ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค!
์ฐ๋ฆฌ์ ๊ฐ๋ฐ์ ๋ ์ฝ๊ฒ ํ๊ธฐ ์ํด ์ด ํ๋ ์์ํฌ๋ฅผ ๋ง๋ค์ด ์ฃผ์ ์ ๋๋จํ ๊ฐ์ฌํฉ๋๋ค. ๊ทธ๋ฆฌ๊ณ ์ฐ๋ฆฌ๋ ์ธ๋๋ค์์์์ ์์ต๋๋ค(๋ฆฌ์กํธ ํ๊ณผ ๋ชจ๋ ๊ธฐ์ฌ์)์ ๋ ธ๊ณ ์ ๋งค์ฐ ๊ฐ์ฌํฉ๋๋ค! ๊ณ์ ํด!
๋ฉ์ง ์์ ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค!
์ผ์ ์ ๋ฌด๋ฅผ ๋ณด๋ค ์ฆ๊ฒ๊ณ ํจ์จ์ ์ผ๋ก ๋ง๋๋ ๋ชจ๋ ๋๊ตฌ๋ฅผ ๊ณต๊ฐํด ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค!
๋ฐ์ ๊ฐ์ฌํฉ๋๋ค ์ฌ๋ฌ๋ถ! ๋ฉ์ง ์์ ์ ๊ณ์ํ์ญ์์ค :heart: :sparkles: :fire: :tada: :metal: !
๋ชจ๋ ๊ฒ์ ๊ฐ์ฌํฉ๋๋ค! ํ๋ฃจ์์ ์ํด ๋ณต ๋ง์ด ๋ฐ์ผ์ธ์!
๋ชจ๋ ๊ฐ์ฌํฉ๋๋ค!
๊ฐ์ฌํฉ๋๋ค!
React๋ ์ ๊ฒฝ๋ ฅ์ ๋ฐ๊ฟจ๊ณ ์ ๋ ๊ทธ๊ฒ์ ์ข์ํฉ๋๋ค.
๋ํฌ๋ค์ด ์ฐ๋ฆฌ๋ฅผ ์ํด ์ด์ฌํ ์ผํ ๋ชจ๋ ๊ฒ์ ๋ํด ๊ฐ์ฌํฉ๋๋ค.
w00t w00t, ๋ชจ๋ ๊ฐ์ฌํฉ๋๋ค!
๊ฐ์ฌํฉ๋๋ค! ๐
๊ฐ์ฌ ํด์!!
์ด์ฌํ ํด์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค!!!
๊ฐ์ฌํฉ๋๋ค. ๋งค์ผ ์ด ๊ธฐ์ ์ ์ฌ์ฉํ๋ ๊ฒ์ ์ ๋ง ์ข์ํ๋ฉฐ ์ด ๊ธฐ์ ์์ด๋ ์์ ์ ๋ณผ ์ ์์ต๋๋ค.
์ ๋ง ํ๋ฅญํ๊ณ ๋งค์ฐ ์๊ฐ์ ์ฃผ๋ ์์ ์ฌ๋ฌ๋ถ, ๊ณ์ ์ค์ธ์ ๐๐๐๐
๋ชจ๋ ๊ฒ์ ๊ฐ์ฌํฉ๋๋ค!
ํ๋ถ ํ๋ถ ๊ฐ์ฌํฉ๋๋ค๐
๊ฐ์ฌํฉ๋๋ค!
๊ฐ์ฌ ํฉ๋๋ค:๋ฏธ์ :
๋๋ฆฌ ํผ์ง ์ข์ ์ผ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค!
โค๏ธ
๊ฐ๋ฐ์ ํจ์ฌ ๋ ์ฌ๋ฏธ์๊ฒ ๋ง๋ค์ด ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค! ๋ฉ์ง ์์ ์ ๊ณ์ํ์ญ์์ค!!
Facebook OSS ์ ๋ฐ์ ๊ฑธ์ณ Facebook์ ๋ชจ๋ ์ฌ๋๊ณผ ๋ชจ๋ ๊ธฐ์ฌ์์๊ฒ ๊ฐ์ฌ๋๋ฆฝ๋๋ค!
๊ฐ์ฌํฉ๋๋ค!!!
์จ์ผํ!
๋ง์ ๊ฐ์ฌํฉ๋๋ค! ๐
๊ฐ์ฌํฉ๋๋ค๐
3๋ ๋์ React์์ ํ๋ฃจ 8์๊ฐ์ ๋ณด๋ด๊ณ ์ฌ์ ํ ์ฆ๊ธฐ๊ณ ์์ต๋๋ค. ๊ฐ์ฌํฉ๋๋ค. ์์ผ๋ก์ ๋ฐ์ ์ ๊ธฐ๋ํฉ๋๋ค! ๐
๊ฐ์ฌํฉ๋๋ค!
๊ฐ์ฌ ํด์!
React์ ๋ํ ๋ชจ๋ ์๊ณ ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค! โค๏ธ
๊ฐ์ฌํฉ๋๋ค!
์คํ ์์ค๊ฐ ๋์ด ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค!
๋ชจ๋ ์์ ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค! ๐ฅโค๏ธ๐
ํ์์ ์ธ ์คํ ์์ค ํ๋ ์์ํฌ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค๐๐ ๊ทธ๋ฆฌ๊ณ ์ด๋ฅผ ์ ์งํ๊ธฐ ์ํ ๋ชจ๋ ๋ ธ๋ ฅ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค โค๏ธ๐๐
๋ง์ ํ ๊ฐ์ฌํฉ๋๋ค! ๐๐ฏ
React ๐ป ๐ฅ THML/CSS/JS๋ฅผ ์๋ฆ๋ต๊ฒ ๋ณด์ด๊ณ ์๋ํ๋ ์์คํ ์์ ํจ๊ป ๋ฌถ์ ์ ์๋ ์ข์ ๋ฐฉ๋ฒ์ด ์์ต๋๋ค :shipit: ๐ฏ
๊ฐ์ฌํฉ๋๋ค ํ! ์ํด ๋ณต ๋ง์ด ๋ฐ์ผ์ธ์ ๐
ํ์ด์ค๋ถ ํ ์ ๋ง ๊ฐ์ฌํฉ๋๋ค!
์ฌ๋ฌ๋ถ์ ์๊ฐ์ ๋๋ค, ๊ฐ์ฌํฉ๋๋ค!
์๋ ์ธ๊ณ!
๋ชจ๋ ์์ ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค!
๋ชจ๋ ์์ ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค!
์ํด ๋ณต ๋ง์ด ๋ฐ์ผ์ธ์!! ๋ค์ ํ๋ค์ด ๋ณด์!!
๊ฐ์ฌํฉ๋๋ค! ๐
๋น์ ์ ๋๋ผ์ด ์์ ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค! :-)
๋ ธ๊ณ ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค! ๊ณ์ ํด!
๊ณ ๋ง์ ์๋ค์, ๊ณ ๋ง์ Dan!
React ๋ฟ๋ง ์๋๋ผ Jest์ Immutable๋ ๋ชจ๋๊ฐ ์ฌ์ฉํ ์ ์๋ ๋ฉ์ง ์ ํ์ ๋ง๋ค๊ธฐ ์ํด ํ ๋ชจ๋ ์์ ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค.
๊ฐ์ฌํฉ๋๋ค ํ์ด์ค๋ถ ํ, ๋น์ ์ ๋๋ผ์ด ๊ฒ์ ๋ง๋ค์์ต๋๋ค <3
๊บ์์์ !!!
์คํ ์์ค ์ธ๊ณ์ ๊ธฐ์ฌํด ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค. ๋น์ ์ ๋ ธ๊ณ ๋ ์ ์ธ๊ณ์ ์ผ๋ก ๋์ด ํ๊ฐ๋ฉ๋๋ค ๐ค
ํฌ๋ฆฌ์ค๋ง์ค ํด๊ฐ๋ ์ผ๋ง๋ ๋ฉ๋๊น?
์ฐ๋ฆฌ ์ค ์ผ๋ถ๋ ์ค๋ ๋ค์ ๋์์์ ์ด๊ฒ์ ๋ซ์ ์ ์๋ค๊ณ ์๊ฐํฉ๋๋ค.
๋ค์ ํ ๋ฒ ๊ฐ์ฌ๋๋ฆฝ๋๋ค. ์ฌํด๋ ์ฌ๋ฌ๋ถ์ ์ค๋ง์ํค์ง ์๊ธฐ๋ฅผ ๋ฐ๋๋๋ค!
๋ฐ๊ฐ์์ ๋ ์ฌ๋ฌ๋ถ ๋ง์ด ๋ณด๊ณ ์ถ์ด์ :)
๋๋ ํ๋์ React์ redux๋ฅผ ๋ฐฐ์ฐ๊ณ ์์ต๋๋ค.
๊ธฐ์ฌํ๊ณ ๋ ๋ง์ ๊ฒ์ ๋ฐฐ์ฐ๊ณ ์ถ์ต๋๋ค.
๊ทธ๊ฒ์ ํ ์์๋ ๋ฐฉ๋ฒ์ด ์์ต๋๊น?
๋ฉ์ฒญํ๊ฒ ๋ค๋ฆฐ๋ค๋ฉด ์ฃ์กํฉ๋๋ค..
๋ชจ๋ ๋
ธ๋ ฅ๊ณผ ๋
ธ๋ ฅ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค! ๋น์ ์ ๋ชจ๋ ๋๋์ต๋๋ค.
์ํด ๋ณต ๋ง์ด ๋ฐ์ผ์ธ์!
๊ฐ์ฌํฉ๋๋ค! ํ๋ณตํ 2018๋ !
๋น์ ์ ํ๋ฅญํ ์ผ์ ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค! ํ๋ณตํ 2018๋ !
Get Outlook for iOS
_____________________________
๋ณด๋ธ ์ฌ๋: Jishaal [email protected]
๋ณด๋ธ ๋ ์ง: 2018๋
1์ 1์ผ ์์์ผ ์คํ 10์ 21๋ถ
์ ๋ชฉ: Re: [facebook/react] Facebook ์์ง๋์ด - 2017๋
๊ฐ์ฌํฉ๋๋ค(#11940)
๋ฐ๋ ์ฌ๋: facebook/react [email protected]
์ฐธ์กฐ: ๊ตฌ๋
[email protected]
๋ง์ ํ ๊ฐ์ฌํฉ๋๋ค! ๐๐ฏ
โ
์ด ์ค๋ ๋์ ๊ฐ์
ํ๊ธฐ ๋๋ฌธ์ ์ด ๋ฉ์์ง๋ฅผ ๋ฐ๊ณ ์์ต๋๋ค.
์ด ์ด๋ฉ์ผ์ ์ง์ ๋ต์ฅํ๊ฑฐ๋ GitHub์์ ๋ณด๊ฑฐ๋ ์ค๋ ๋๋ฅผ ์์๊ฑฐํ์ธ์.
๊ธฐ์ฌํ๊ณ ๋ ๋ง์ ๊ฒ์ ๋ฐฐ์ฐ๊ณ ์ถ์ต๋๋ค.
https://reactjs.org/docs/how-to-contribute.html
https://www.youtube.com/watch?v=GWCcZ6fnpn4&app=desktop
๊ฐ์ฌํฉ๋๋ค ๐โโ๏ธ
๊ฐ์ฌ ํด์!!!!
๐จ๐ฟ ๊ฐ์ฌํฉ๋๋ค ๐จ๐ฟ
๊ฐ์ฌํฉ๋๋ค!
์๊ณ ํด ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค.
์ ๋ง ๊ณ ๋ง์ต๋๋ค.
์ด ๊ธฐ๋ฅ์ ๋ํ +1 ๐
ํ๋ฅญํ ์ผ!!
:+1:
๊ฐ์ฌํฉ๋๋ค! React๋ฅผ ์ฌ๋ํฉ๋๋ค. ์๊ณ ํ์ จ์ต๋๋ค.
์ต๊ณ ์ ์คํ ์์ค ์ปค๋ฎค๋ํฐ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค!
๊ฐ์ฌํฉ๋๋ค! ๋ฆฌ์กํธ ๋๋จํด!
๊ฐ์ฌ ํด์!
์คํ ์์ค ๋ด์์ ์ด์ฌํ ์ผํ๋ Facebook ์์ง๋์ด๋ค์๊ฒ ๊ฐ์ฌ๋๋ฆฝ๋๋ค. ์ฌํด๋ ์ข์ ๋ถ๋ค์ ๋ง์ด ๋ง๋ฌ๊ณ ๋ด๋ ์๋ ํจ๊ป ํ ์ ์๊ธฐ๋ฅผ ๊ธฐ๋ํฉ๋๋ค!
Facebook์ ๋ชจ๋ ์์ง๋์ด์๊ฒ ๊ฒธํํ ๊ฐ์ฌ๋๋ฆฝ๋๋ค.
์ฌ๋ฌ๋ถ์ ๋์๋ ๋
ธ๋ ฅ ์์ด๋ ๋ถ๊ฐ๋ฅํ ์ ๋๋ก ๋ง์ ํ๋ฅญํ ํ๋ก์ ํธ๊ฐ ์์ต๋๋ค!
๊ฐ์ฌํฉ๋๋ค
๐ช
๊ฐ์ฌ ํด์! ๐
๋ฉ์ ธ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค! ๋ ๋์ ์ธํฐ๋ท์ ์ํด ๊ฑด๋ฐฐ :) โค๏ธ
์ ๋ง ๊ฐ์ฌํฉ๋๋ค!
๋น์ ์ ์๊ฐ, ์๋์ง ๋ฐ ์ด์ ์ ๋ํ ์์ฒญ๋ ๊ฐ์ฌ ... ๐
๋ชจ๋์๊ฒ ๊ฑด๋ฐฐ! ๊ฐ์ฌํฉ๋๋ค 2018๋ ์ ๋ณด๋ด์ธ์.
์ง๊ธ์ React๋ฅผ ๋ง๋ค์ด ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค! ์ฐ๋ฆฌ ๋ชจ๋๋ ํ๋์ ๋น์ ์ง๊ณ ์์ต๋๋ค :P
์กด๊ฒฝํฉ๋๋ค! ๋ ธ๊ณ ์ ์๋์ง, ์ด์ ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค. ๋ฉ์ง 2018๋ ์ ๊ธฐ์ํฉ๋๋ค!
์ ์ฒด ํ @ Facebook์ ํฐ " ๊ฐ์ฌํฉ๋๋ค "...
@gaearon @acdlite @sophiebits @bvaughn @sebmarkbage @tomocchino
... ๊ฐ์ฅ ์ฌ๋๋ฐ๋ React ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๋ง๋ค๊ธฐ ์ํ ๊ทธ๋ค์ ๋์์๋ ๋ ธ๋ ฅ!! ๐ฅ ๐ฏ
๊ฐ์ฌํฉ๋๋ค!
Facebook์ ์คํ ์์ค ํ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค. ๊ณ์ํด์ ๋ฉ์ง ์ผ์ ํด ์ฃผ์ธ์! ํ๋ก ํธ ์๋๋ React์ ํจ๊ป ์ข์ ๋ฐฉํฅ์ผ๋ก ๋ง์ด ๋ฐ๋์์ต๋๋ค.
์ปค๋ฎค๋ํฐ์ ๊ธฐ์ฌํด ์ฃผ์
์ ๊ฐ์ฌํฉ๋๋ค. ์ฐ๋ฆฌ ๋ชจ๋๋ ๋ง์ ๊ฑฐ์ธ์ ์ด๊นจ ์์ ์ ์์ต๋๋ค.
๐ฅ โค๏ธ ๋ฐ์
์ด ํ๋ก์ ํธ ๋๋ถ์ ๋ง์ ์ฌ๋๋ค์ ์ถ์ด ๋ฐ๋์์ต๋๋ค.
๊ฐ์ฌํฉ๋๋ค!
์ด ๋ฉ์ง ๋์๊ด์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค. ๊ทธ๊ฒ์ ๋์ด ํ๊ฐํ์ญ์์ค!
๋ ธ๊ณ ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค. React์ ์ปค๋ฎค๋ํฐ์ ์ ๋ง ๊ฐ์ฌ๋๋ฆฝ๋๋ค. โค๏ธ
๋๋ผ์ด ์์ ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค! :)
React๋ฅผ ๋ฉ์ง ๋๊ตฌ๋ก ๋ง๋ค์ด์ค ๋ชจ๋ ๋ถ๋ค๊ป ๊ฐ์ฌ๋๋ฆฝ๋๋ค. โค๏ธ
์ฌ๊ธฐ์์ ๋งค์ฐ ํ๋ณตํ ์ฌ์ฉ์์
๋๋ค!
React MIT๋ฅผ ๋ง๋ค์ด ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค! :)
์ด ์ง๋ 2๋ ์ React์ ๊ดํ ๋ชจ๋ ๊ฒ์ด์๊ณ ๋ ๋ง์ ๊ฒ์ด ์ฌ ๊ฒ์ ๋๋ค! ๊ทธ๋ผ... ๊ฐ์ฌํฉ๋๋ค!! ๐ โค๏ธ
React๋ฅผ ๋ง๋ค๊ณ MIT๋ฅผ ์ ์งํด ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค. ํ๋ก ํธ์๋์์ ์์ ํ๋ ๋ฐฉ์์ด ์์ ํ ๋ฐ๋์์ต๋๋ค. ์ฌ๋ํฉ๋๋ค!!
์ ๋ง ๊ณ ๋ง์ต๋๋ค!
react๋ฅผ ๋ง๋ค๊ณ MIT๋ก ๋ง๋ค์ด ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค. ์ฐธ์กฐ: @jordwalke
๋ฆฌ์กํธํ ๋๋ถ์ ์ ๋ฌด ๋ฅ๋ฅ ์ด ๋ง์ด ํฅ์๋์์ต๋๋ค.
๊ฐ์ฌ ํด์!
๊ฐ์ฌํฉ๋๋ค! ๋น์ ์ ๋ด ์ถ๊ณผ ๋ด ํ์ ๋ชจ๋ ์ฌ๋๋ค์ ์ถ์ ๊ฐ์ ํ์ต๋๋ค.
React๋ฅผ ๋ง๋ ํ๊ณผ ํ๋ก์ ํธ์ ์ฐธ์ฌํ๋ ์ฌ๋๋ค์๊ฒ ๊ฐ์ฌ๋๋ฆฝ๋๋ค.
:๋ฉ์์ฝ: ๐๐๐๐๐๐๐๐๐ :๋ฉ์์ฝ:
๊ฐ์ฌํฉ๋๋ค! <3 <3 <3
๊ฐ์ฌ ํด์!
๋ฐ์ํด์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค!
์ด๋ฐ ์ผ์ด ์ผ์ด๋๊ฒ ํด์ฃผ์ ๋ชจ๋ ๋ถ๋ค๊ป ๊ฐ์ฌ๋๋ฆฝ๋๋ค!
์ฌ๋ฌ๋ถ์ด ๋๋ผ์ด ์ผ์ ํ๊ณ ์๋ ๋์ ์ด ๋๋ผ์ด ์ผ์ ๊ณ์ ํด์ฃผ์ธ์!!!
์ ๋ง ๊ณ ๋ง์ต๋๋ค
๊ฐ์ฌํฉ๋๋ค!
๊ฐ์ฌํฉ๋๋ค! ๐โค๏ธ
React ์ปค๋ฎค๋ํฐ ๊ฐ์ฌํฉ๋๋ค
FB ์์ง๋์ด๋ค์๊ฒ ๊ฐ์ฌ๋๋ฆฝ๋๋ค! ์ธ์ ๋ ์ง ์คํ ์์ค ํ๋ก์ ํธ์์ ์ฆ๊ฒ๊ฒ ์์ ํ ์ ์๋๋ก ๋์๋๋ฆฌ๊ฒ ์ต๋๋ค!
์๋ ํ์ธ์ ์ฌ๋ฌ๋ถ, ์ข์ ๋ง์ ๊ฐ์ฌํฉ๋๋ค. ๋ง์ ์ฌ๋๋ค์ด ๊ตฌ๋ ํ๊ณ ์ด๋ฉ์ผ์ ๋ฐ๊ธฐ ๋๋ฌธ์ ์ค๋ ๋๋ฅผ ์ ๊ทธ๊ฒ ์ต๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
๊ฐ์ฌํฉ๋๋ค! React ํ๋ฟ๋ง ์๋๋ผ ๋ชจ๋ ์คํ ์์ค ๊ธฐ์ฌ์์๊ฒ. ๐๐