React-native: ์ƒ์œ„ ํ‘œํ˜„์‹์€ null์ด๊ฑฐ๋‚˜ null์ด ์•„๋‹Œ ํ•จ์ˆ˜์—ฌ์•ผ ํ•ฉ๋‹ˆ๋‹ค.

์— ๋งŒ๋“  2016๋…„ 05์›” 24์ผ  ยท  1๋…ผํ‰  ยท  ์ถœ์ฒ˜: facebook/react-native

๋ฒ„์ „

$ ๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ -v

๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ CLI: 0.2.0
๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ: 0.26.1

์žฌํ˜„ ๋‹จ๊ณ„

xcode์—์„œ index.ios.js์˜ ์•„๋ž˜ ์ฝ”๋“œ๋ฅผ ๋นŒ๋“œํ•˜์‹ญ์‹œ์˜ค.

'์—„๊ฒฉํ•œ ์‚ฌ์šฉ';
var ๋ฐ˜์‘ = require('๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ');
var ์Šคํƒ€์ผ = React.StyleSheet.create({
ํ…์ŠคํŠธ: {
๊ฒ€์ •์ƒ‰',
backgroundColor: 'ํฐ์ƒ‰',
๊ธ€๊ผด ํฌ๊ธฐ: 30,
์—ฌ๋ฐฑ: 80
}
});
ํด๋ž˜์Šค PropertyFinderApp์€ React.Component {๋ฅผ ํ™•์žฅํ•ฉ๋‹ˆ๋‹ค.
๋ Œ๋”๋ง() {
return React.createElement(React.Text, {style: styles.text}, "Hello World!");
}
}
React.AppRegistry.registerComponent('PropertyFinder', function() { ๋ฐ˜ํ™˜ PropertyFinderApp });

์˜ˆ์ƒ๋˜๋Š” ๋™์ž‘

์•ˆ๋…•ํ•˜์„ธ์š” ์›”๋“œ์ž…๋‹ˆ๋‹ค!

์‹ค์ œ ํ–‰๋™

์˜ค๋ฅ˜: ์Šˆํผ ํ‘œํ˜„์‹์€ null์ด๊ฑฐ๋‚˜ null์ด ์•„๋‹Œ ํ•จ์ˆ˜์—ฌ์•ผ ํ•ฉ๋‹ˆ๋‹ค.

screen shot 2016-05-23 at 11 49 04 pm

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

์ด ๋ถ€๋ถ„์ด ๋ฌธ์ œ์ž…๋‹ˆ๋‹ค: var React = require('react-native'); . ๋Œ€์‹  ๋‹ค์Œ์„ ์ž‘์„ฑํ•˜์‹ญ์‹œ์˜ค.

var React = require('react');
var ReactNative = require('react-native');

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

์ด ๋ถ€๋ถ„์ด ๋ฌธ์ œ์ž…๋‹ˆ๋‹ค: var React = require('react-native'); . ๋Œ€์‹  ๋‹ค์Œ์„ ์ž‘์„ฑํ•˜์‹ญ์‹œ์˜ค.

var React = require('react');
var ReactNative = require('react-native');
์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰