한국   대만   중국   일본 
?? ??? ????? - ?????????? ????????? ???? ??? ?? ?????

?? ??? ?????

?? ?????????? ????????? ????
?? ??? ?????
???????????(??) Facebook and community
?????? ????? ?? ???? ???? ? ? ??? ???  ( ????-26}} ) [?]
?????? ??????
?????? / ? ???? ???? ? ? ??? ???  ( ????-05}} ) [?]
???? https://github.com/facebook/react-native
????????? ?? JavaScript , Java , C++ , Objective-C , Objective-C++ , Python
???? MIT License
????? facebook .github .io /react-native /

?? ??? ????? (?? ??????? React Native) ?? ???? ??? ????????? ???? ????? ???? ??? ????? ??? ???? ??? ???. [?] ??? ?????? ???? ????? ?????????? ??????? ??????? ? [?] iOS ? UWP [?] ?? ????? ???????? ????? ??????? ?? React ?? ????? ?????????? ????? ?????? ???? ??? ???? ??????? ???? ???????.

?? ??? ????? ?? ????? ????? ??? ?????? ????.

????? [ ?????? ]

?? ??? ????? ???? ??????? ????? ????: ≪???????? ??????? ?? ?? ?? ????? ?? ???? ????? ?????? ??? ?? ?? ?? ??? HTML ?? ?????? ?? ??????? ??? ?????≫. [?] ?? ??? ??? ?? ??? ?? ???? ?? ????? ???? ???? ????? ?? ????? ???.

?? ???? ??? ? ???? ???? ???? ?? ???? ????? ????? UI ???? IOS ?? ?? ?? ????? ???? ??????? ???? ???. [?] ???? ????? ?????? ?? ?????? ????? ?? ???? ????? ??? ????? ????? ?????? ?? ???? ?? ???? ?????????? ????? ?? ??? ???????? ?????. [?]

?? ?? ??? ??? ?????? ??? ????? ???? ?? ???? ???????? ?? ??? ???? ??????? ?? ??? ???? ????? ???. ?? ????? ?? ??? ???? [?] ???????? ???? ????? ??? ?? ??? ?? ?????? ?? ??? ????? ???? ????? ?????? ???? ? ?????? ?????? ???? ??? ??????? ????????. [??]

?????????? [ ?????? ]

???? ??? React Native ??????? ?? React ????? ???? ?? ?? ????? ?? ??? ?????? DOM ?? ?? ???? DOM ????? ??????? ???????. ??? ?????? ?? ?????? ?? ????? (?? ???? ??????? ????? ??? ???? ????? ??????? ?? ????? ??????) ?????? ?????? ?? ?????? ????? (?????? ?????) ???? ?????? ? ?? ?????? ????? ?? ???? ?? ????? ???? ? ????????? ? ?? ?????? ??????? ?????? ?????? ??????. [??] [??]

React Native ?? HTML ??????? ???????. ?? ???? ????????? ?? ???? ??????? ???? ????? ???????? ????? ??????? ??????.

???? Hello World [ ?????? ]

?? ?????? Hello, World ?? ?? React Native ??? ???? ???:

// App.js

import
 React
,
 {
Component
}
 from
 'react'
;

import
 {
Text
,
 View
}
 from
 'react-native'
;


export
 default
 class
 App
 extends
 Component
 {

  render
()
 {

    return
 (

      <
View
>

        <
Text
>

          Hello
,
 World
.

        <
/Text>

      <
/View>

    );

  }

}


// index.js

import
 {
AppRegistry
}
 from
 'react-native'
;

import
 App
 from
 './App'
;

import
 {
name
 as
 appName
}
 from
 './app.json'
;


22
 AppRegistry
.
registerComponent
(
appName
,
 ()
 =>
 App
);

????? [ ?????? ]

  1. "React Native: Bringing modern web techniques to mobile" .
  2. "Releases ? Facebook/React" . GitHub .
  3. "Git-hub React-Native" .
  4. "Android Release for React Native" .
  5. Windows Apps Team (April 13, 2016). "React Native on the Universal Windows Platform" . blogs.windows.com . Retrieved 2016-11-06 .
  6. "Zuckerberg's Biggest Mistake? 'Betting on HTML5' " . Mashable . Retrieved 7 April 2018 .
  7. "React (JavaScript library)" .
  8. "A short Story about React Native" . Archived from the original on 17 January 2018 . Retrieved 16 January 2018 .
  9. Christopher, Chedeau. "A Deep Dive into React Native" . YouTube . Retrieved 16 January 2018 .
  10. "React Native: Bringing modern web techniques to mobile" .
  11. "Bridging in React Native" . 14 October 2015 . Retrieved 16 January 2018 .
  12. "React Native Framework" . Archived from the original on 14 May 2019 . Retrieved 15 June 2019 . Thursday, 13 September 2018