Framework/React Native

๐Ÿ“ก WebView Bridge ํ†ต์‹ ์ด๋ž€?React Native ←→ WebView (์›น ํŽ˜์ด์ง€)๋‘ ํ™˜๊ฒฝ์ด ์ด๋ฒคํŠธ ๊ธฐ๋ฐ˜์œผ๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ์ฃผ๊ณ  ๋ฐ›๋Š” ํ†ต์‹  ๊ตฌ์กฐ๋ฅผ ๋งํ•œ๋‹ค. ์ง์ ‘์ ์œผ๋กœ ํ•จ์ˆ˜ ํ˜ธ์ถœ์ด ๋ถˆ๊ฐ€๋Šฅํ•˜๋ฏ€๋กœ,์ค‘๊ฐ„์—์„œ ๋ฐ์ดํ„ฐ๋ฅผ ์ „๋‹ฌํ•˜๋Š” "๋ฉ”์‹œ์ง€ ๋ธŒ๋ฆฟ์ง€(message bridge)"๋ฅผ ๋งŒ๋“ค์–ด์„œ ์„œ๋กœ ์†Œํ†ตํ•œ๋‹ค. ๐Ÿค” ์™œ ๋ธŒ๋ฆฟ์ง€๊ฐ€ ํ•„์š”ํ•œ๋ฐ?โœ… ๋„ค์ดํ‹ฐ๋ธŒ ๊ธฐ๋Šฅ์„ ์›น์—์„œ ์‚ฌ์šฉํ•˜๊ณ  ์‹ถ์„ ๋•Œโˆ™ WebView ์•ˆ์—์„œ ์‚ฌ์ง„ ์—…๋กœ๋“œ ๋ฒ„ํŠผ →๋„ค์ดํ‹ฐ๋ธŒ ์นด๋ฉ”๋ผ ์‹คํ–‰์›น๋งŒ์œผ๋กœ๋Š” ์นด๋ฉ”๋ผ๋ฅผ ์ผค ์ˆ˜ ์—†์œผ๋ฏ€๋กœ, ๋„ค์ดํ‹ฐ๋ธŒ ์ฝ”๋“œ๊ฐ€ ๋Œ€์‹  ์‹คํ–‰ํ•ด์•ผํ•œ๋‹ค. โœ… ์›น์—์„œ ํ† ํฐ / ์‚ฌ์šฉ์ž ์ •๋ณด ๊ณต์œ โˆ™ ์›น๋ทฐ ๋กœ๊ทธ์ธ ์„ฑ๊ณต → RN ์•ฑ์— accessToken ์ „๋‹ฌ์•ฑ์€ ํ•ด๋‹น ํ† ํฐ์„ ์ €์žฅํ•˜๊ณ  API ์š”์ฒญ์— ์‚ฌ์šฉ.(๋‹จ, ๋„ค์ดํ‹ฐ๋ธŒ์—์„œ ํ† ํฐ์„ ์‚ฌ์šฉํ•˜์ง€ ์•Š์„ ๊ฒฝ์šฐ์—๋Š” ๋”ฐ๋กœ ์ €์žฅ์„..
ma.caron_g
'Framework/React Native' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๊ธ€ ๋ชฉ๋ก