React-native-router-flux: ํ˜„์žฌ ํ™”๋ฉด ํƒญ์„ ์„ ํƒํ•˜๋ฉด ์ƒˆ ๊ตฌ์„ฑ ์š”์†Œ๊ฐ€ ์ธ์Šคํ„ด์Šคํ™”๋ฉ๋‹ˆ๋‹ค.

์— ๋งŒ๋“  2017๋…„ 03์›” 03์ผ  ยท  9์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: aksonov/react-native-router-flux

ํ™”๋ฉด(๋‚ด ๊ฒฝ์šฐ์—๋Š” ํƒญ)์— ๋ชฉ๋ก ๋ณด๊ธฐ๊ฐ€ ์žˆ๊ณ  ํƒญ์„ ๋‹ค์‹œ ์„ ํƒํ•˜๋ฉด(์ด๋ฏธ ์„ ํƒ๋˜์–ด ์žˆ์Œ) ์ƒˆ ๊ตฌ์„ฑ ์š”์†Œ๊ฐ€ ์ธ์Šคํ„ด์Šคํ™”๋ฉ๋‹ˆ๋‹ค.

์˜ˆ๋ฅผ ๋“ค์–ด ๋ชฉ๋ก์„ ์Šคํฌ๋กคํ•œ ๋‹ค์Œ ํƒญ ๋ฒ„ํŠผ์„ ํƒญํ•˜๋ฉด ์Šคํฌ๋กค์ด ๋งจ ์œ„๋กœ ์ด๋™ํ•ฉ๋‹ˆ๋‹ค. ์ฒ˜์Œ์—๋งŒ ๋ฐœ์ƒํ•˜๋ฏ€๋กœ ํƒญ ๋ฒ„ํŠผ์„ ๋‹ค์‹œ ํƒญํ•˜๋ฉด ์•„๋ฌด ์ผ๋„ ์ผ์–ด๋‚˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค(์ด๊ฒƒ์ด ์˜ˆ์ƒ๋˜๋Š” ๋™์ž‘์ž…๋‹ˆ๋‹ค).

์žฅ๋ฉด ๋‚ด์—์„œ ์ด๋™ํ•  ๋•Œ "๊ฐ€๋”"(์ •ํ™•ํžˆ ์–ธ์ œ์ธ์ง€ ์•Œ ์ˆ˜ ์—†์Œ) ๊ฐ™์€ ์ผ์ด ๋ฐœ์ƒํ•˜๋ฉฐ ์ด์ „ ๊ตฌ์„ฑ ์š”์†Œ ์ƒํƒœ๋ฅผ ์žƒ๊ฒŒ ๋˜๊ธฐ ๋•Œ๋ฌธ์— ๊ทธ๋ ‡๊ฒŒ ๋˜์–ด์•ผ ํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

๋‚ด๊ฐ€ ์‚ฌ์šฉํ•˜๋Š” ๋ฒ„์ „:

  • ๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ ๋ผ์šฐํ„ฐ ํ”Œ๋Ÿญ์Šค v3.38.0
  • ๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ v0.42.0
  • ์•ˆ๋“œ๋กœ์ด๋“œ ์‹œ๋ฎฌ๋ ˆ์ดํ„ฐ

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

react-native-router-flux v3.37.0์€ ์˜ˆ์ƒ๋Œ€๋กœ ์ž‘๋™ํ•˜๋ฏ€๋กœ(ํ™”๋ฉด์„ ๋‹ค์‹œ ๋ Œ๋”๋งํ•˜์ง€ ์•Š์Œ) v3.38.0 ๋˜๋Š” ํ•ด๋‹น ์ข…์† ํ•ญ๋ชฉ์˜ ๋ฒ„๊ทธ๋กœ ๋ณด์ž…๋‹ˆ๋‹ค.

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

react-native-router-flux v3.37.0์€ ์˜ˆ์ƒ๋Œ€๋กœ ์ž‘๋™ํ•˜๋ฏ€๋กœ(ํ™”๋ฉด์„ ๋‹ค์‹œ ๋ Œ๋”๋งํ•˜์ง€ ์•Š์Œ) v3.38.0 ๋˜๋Š” ํ•ด๋‹น ์ข…์† ํ•ญ๋ชฉ์˜ ๋ฒ„๊ทธ๋กœ ๋ณด์ž…๋‹ˆ๋‹ค.

์˜ˆ, ๋™์ผํ•œ ๋ฌธ์ œ์— ์ง๋ฉดํ•˜์—ฌ 3.37.0์œผ๋กœ ๋กค๋ฐฑํ•ฉ๋‹ˆ๋‹ค.

3.37์—์„œ๋„ ๋™์ผํ•œ ๋ฌธ์ œ์— ์ง๋ฉดํ•ฉ๋‹ˆ๋‹ค.

3.37.0์—์„œ๋Š” ๋ฌธ์ œ๊ฐ€ ์‚ฌ๋ผ์ง€์ง€๋งŒ 3.38.0์—์„œ๋Š” ์กด์žฌํ•จ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

@sk15973
์ƒˆ ํŒจํ‚ค์ง€๋ฅผ ์„ค์น˜ํ•œ ํ›„ react-native packager๋ฅผ ๋‹ค์‹œ ์‹œ์ž‘ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

๋˜ํ•œ componentDidMount/componentWillMount/componentWillReceiveProps๋ฅผ ์ ์ ˆํžˆ ์‚ฌ์šฉํ•˜๊ณ  ์ƒํƒœ์— ๋ถˆํ•„์š”ํ•œ ๋ณ€๊ฒฝ์„ ๋งŽ์ด ํ•˜์ง€ ์•Š๋Š”์ง€ ํ™•์ธํ•˜์‹ญ์‹œ์˜ค.

๋™์ผํ•œ ๋ฌธ์ œ๊ฐ€ ์—ฌ๊ธฐ์— ์žˆ์Šต๋‹ˆ๋‹ค.

@sk15973 package.json ํŒŒ์ผ์—์„œ react-native-router-flux ์ข…์†์„ฑ์ด ์บ๋Ÿฟ(^) ๊ธฐํ˜ธ๋ฅผ ํฌํ•จํ•˜์ง€ ์•Š๋Š”์ง€ ํ™•์ธํ•˜์‹ญ์‹œ์˜ค.

"dependencies": {
    "react-native-router-flux": "3.37.0",   // Good
    "react-native-router-flux": "^3.37.0", // Bad
}

์บ๋Ÿฟ ๊ธฐํ˜ธ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์ƒˆ๋กœ์šด npm install ๋ฅผ ์ˆ˜ํ–‰ํ•  ๋•Œ ์‹ค์ œ๋กœ v3.38.0์„ ์‚ฌ์šฉํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. ์ด๋Š” react-native-router-flux ๊ฐ€ ๋งˆ์ด๋„ˆ ๋ฆด๋ฆฌ์Šค์—์„œ ๋™์ž‘ ๋ณ€๊ฒฝ์„ ๋„์ž…ํ•˜์—ฌ semver๋ฅผ ์†์ƒ์‹œํ‚จ ๊ฒƒ์œผ๋กœ ๋ณด์ด๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.

@aksonov ํƒœ๊ทธ๋ฅผ ์šฉ์„œํ•ด ์ฃผ์„ธ์š”. ํ•˜์ง€๋งŒ npm install react-nativer-router-flux --save ์‚ฌ์šฉํ•  ๋•Œ ๊ธฐ๋ณธ์ ์œผ๋กœ ์บ๋Ÿฟ ^์ด ์‚ฝ์ž…๋˜๊ธฐ ๋•Œ๋ฌธ์— ์ด๊ฒƒ์€ ๋‹ค์†Œ ์‹ฌ๊ฐํ•œ ๋ฌธ์ œ๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ์‹œ๊ฐ„์ด ์ง€๋‚จ์— ๋”ฐ๋ผ ์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์˜ ์‚ฌ์šฉ์ž๋Š” npm install ์ˆ˜ํ–‰ํ•œ ํ›„ ์ˆ˜์ˆ˜๊ป˜๋ผ ๊ฐ™์€ ๋ฌธ์ œ์— ์ง๋ฉดํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ์‹œ๊ฐ„์ด ์—†์œผ์‹œ๋‹ค๋ฉด ์ถฉ๋ถ„ํžˆ ์ดํ•ดํ•ฉ๋‹ˆ๋‹ค :)

๋‚˜๋Š” 3.38์—์„œ ๊ฐ™์€ ๋ฌธ์ œ์— ์ง๋ฉดํ–ˆ๋‹ค.

@jonrh ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค, ๋‚˜๋Š” ๊ทธ๊ฒƒ์„ ๋ˆˆ์น˜ ์ฑ„์ง€

@EmiPC @jonrh ์ด ๋ฒ„๊ทธ๊ฐ€ 3.39.1์—์„œ ํ•ด๊ฒฐ๋˜์—ˆ๋‚˜์š” ???

@iiitmahesh ๋ถˆํ–‰ํžˆ๋„ ๋ชจ๋ฅด๊ฒ ์Šต๋‹ˆ๋‹ค. ๋ฒ„์ „ 3.37.0์€ React Navigation์œผ๋กœ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ํ•˜๋ฉด์„œ ์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๋งˆ์ง€๋ง‰์œผ๋กœ ์‚ฌ์šฉํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

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