์๋ ํ์ธ์. ์ฌ๋ฌ๋ถ๋ค๊ป React Native ์ง์์ ๊ณต์ ํด๋๋ฆด Wintho ์ ๋๋ค.
์ ๋ Computer Vision์ ์ ๊ณตํ์ฌ, ์๋์ฐจ ์ ๊ณ์์ ์์จ์ฃผํ ์์คํ ์ ๊ฐ๋ฐํ๊ณ , ํ์ฌ๋ ๋ก๋ด ์ ๊ณ์์ ์ฌ๋ฌผ์ธ์, ์ฅ์ ๋ฌผ ํํผ ๋ฑ์ ์์์ฒ๋ฆฌ Alg.์ ๊ฐ๋ฐํ๋ ๊ฐ๋ฐ์์ ๋๋ค.
์๋ก์ด ์์ญ์์์ ๊ฐ๋ฐ Stack์ ์์๋ณด๊ณ ์ ์ทจ๋ฏธ๋ก ์ฑ ๊ฐ๋ฐ์ ์์ํ์ต๋๋ค. Java์ Swift ์ธ์ด๋ก Android/iOS ๋ค์ดํฐ๋ธ ์ฑ ๊ฐ๋ฐ๋ ํด๋ดค์ง๋ง, React Native ๋งํผ ์ง์ ์ฅ๋ฒฝ์ด ๋ฎ๊ณ ๊ฐ๋ฐ์ด ์ฉ์ดํ API๋ ์๋ค๊ณ ์๊ฐ๋ฉ๋๋ค. ์ฌ์ด ๋ฐ๋ค๊ฐ ๋จ ํ๋์ ์ฝ๋๋ก iOS/Android ๋์ ๊ฐ๋ฐ์ด ๊ฐ๋ฅํ๋ค๋ ๊ฑด ๋ํ ๋์ ์๋ ๋ฉ๋ฆฌํธ๊ฒ ์ฃ ? :):)
์ธ๊ตญ์์๋ ์ด๋ฏธ Mega Trend์ ํ๋ฆ์ ํฉ๋ฅํ์ฌ ๊ฐ๋ฐ์๋ค์ Community๋ ๊ธ์ฆํ๊ณ ์๋ React Native์ ๋๋ค. ๊ตญ๋ด์์๋ React Native์ ๋ช ์ฑ์ ๋นํด ๊ทธ ์ธ์ง๋๊ฐ ๋ฎ์ ๊ฒ์ด ํ์ค์ด๊ณ ์. ๋ง์ ๋ถ๋ค๊ป React Native์ ํ๋ฅญํจ์ ๊ณต์ ํด๋๋ฆฌ๊ณ ์ ๋ณธ ๊ฐ์๋ฅผ ์ ์ํ๊ฒ ๋์์ต๋๋ค. ์์ ์ ํตํด ๋ชฉ๋ง๋ผํ๋ ์ง์์ ์ต๋ํ์๋ ์ ์ตํ ์๊ฐ์ด ๋์๊ธธ ๋ฐ๋ผ๋ฉฐ, ๊ทธ๋ฅผ ํตํด ๊ตญ๋ด์์๋ React Native ๊ฐ๋ฐ์๋ค์ Community๊ฐ ํ์ฑํ ๋๊ธธ ๋ฐ๋๋๋ค.
๊ทธ๋ผ ๊ฐ์์์ ๋ต๊ฒ ์ต๋๋ค. ๊ฐ์ฌํฉ๋๋ค. ^^;
Courses
Reviews
- Practical React Native for iOS/Android App Development - Intermediate
- Practical React Native for iOS/Android App Development - Basic
- Practical React Native for iOS/Android App Development - Basic
- Practical React Native for iOS/Android App Development - Intermediate
- Practical React Native for iOS/Android App Development - Basic
Posts
Q&A
ios ์๋ฎฌ๋ ์ดํฐ ์คํ ์ค๋ฅ ๋ฉ๋๋ค.An error was encountered processing the command (domain=com.apple.CoreSimulator.SimError, code=405)
์กฐ๋ฏผ์ ๋, ์๋ ํ์ธ์. ์ง์๊ณต์ ์ Wintho์ ๋๋ค.๋ต๋ณ์ด ๋ฆ์ด์ ธ ์ฃ์กํฉ๋๋ค. ๋ฌธ์ ๊ฐ ํด๊ฒฐ๋์ จ๊ธธ ๋ฐ๋๋๋ค๋ง, ์์ง ๊ณ ๊ตฐ๋ถํฌ ์ค์ด์๋ผ๋ฉด ์ํด์ ๋ง์ ๋๋ฆฝ๋๋ค. ํด๋น ๋ฌธ์ ๋ Xcode์ ์บ์๋ก ์ธํด ๋ฐ์ํฉ๋๋ค. ํผ์จ ์ข์๋จ์ ์ ํ ์์ด์ฝ ๋๋ฅด์๋ฉด '์ด ๋งฅ์ ๊ดํ์ฌ' ๋ผ๋ ํญ์ด ์๋๋ฐ ํด๋ฆญํด์ ๋ค์ด๊ฐ๋ณด์๋ฉด, ์๋จ์ '์ ์ฅ ๊ณต๊ฐ' ์ด๋ผ๋ ํญ์ด ์์ ๊ฒ๋๋ค. '๊ด๋ฆฌ' ๋ฒํผ์ด ๋ณด์ด์คํ ๋ฐ ํด๋ฆญํด์ ๋ค์ด๊ฐ์ ์ ์ข์ธก ๋ฉ๋ด์์ '๊ฐ๋ฐ์'๋ฅผ ๋๋ฌ์ฃผ์๊ณ 'Xcode ์บ์'์ 'ํ๋ก์ ํธ ๋น๋ ๋ฐ์ดํฐ ๋ฐ ์ธ๋ฑ์ค'๋ฅผ ์ญ์ ํ ํ์ ์๋ฎฌ๋ ์ดํฐ๋ฅผ ์ข ๋ฃ(์ปค๋งจํธ+Q)ํ์๊ณ ๋ค์ ์คํํด๋ณด์๊ธฐ ๋ฐ๋๋๋ค. react-native run-ios --simulator="iPad Pro (12.9-inch)" ๊ฐ์ฌํฉ๋๋ค.
- 0
- 1
- 4.4K
Q&A
Could not find "store" in the context of "Connect(AuthForm)"
๋ฏผ์ ์๋น ๋ฅ๋์๋, ์๋ ํ์ญ๋๊น. ์ง์๊ณต์ ์ Wintho์ ๋๋ค.๋ต๋ณ์ด ๋ฆ์ด์ ธ ์ฃ์กํฉ๋๋ค. ํด๋น ๋ฌธ์ ๊ฐ ํด๊ฒฐ๋์ง ๋ชปํด ์ง๋ ์งํ์ ์ด์๊ฐ ์์๋ค๋ฉด ์ํด์ ๋ง์ ๋๋ฆฝ๋๋ค.ํด๋น ๋ฌธ์ ๋ App Component๋ฅผ Provider๋ก ๊ฐ์ธ์ง ์์์ ๋ฐ์ํ๋ ์ค๋ฅ์ ๋๋ค. Provider๋ action์ dispatchingํ๊ฑฐ๋ state data๋ฅผ ๋ฐ๊ธฐ ์ํด store์ ์ ๊ทผํ ์ ์๋๋ก ๋์์ค๋๋ค. store์ provider๊ฐ ํด๋น ๋ชจ๋๋ก๋ถํฐ ์ ๋๋ก import ๋์๋์ง ํ์ธ์ด ํ์ํ ๋ฏ ํฉ๋๋ค. import React from 'react'; import {AppRegistry} from 'react-native'; import App from './app/index'; import {name as appName} from './app.json'; import { createStore, applyMiddleware, compose } from 'redux'; import { Provider } from 'react-redux'; import promiseMiddleware from 'redux-promise'; import reducers from './app/store/reducers'; import thunkMiddleware from 'redux-thunk'; const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose; const createStoreWithMiddleware = createStore(reducers, composeEnhancers( applyMiddleware(promiseMiddleware, thunkMiddleware) )) const appRedux = () => ( Provider store={createStoreWithMiddleware}> App/> Provider> ) AppRegistry.registerComponent(appName, () => appRedux); ๊ฐ์ฌํฉ๋๋ค.
- 1
- 1
- 681
Q&A
launchImageLibrary ๊ฐ ์๋ํ์ง ์์ต๋๋คใ
HappyJay๋, ์๋ ํ์ธ์. ์ง์๊ณต์ ์ Wintho์ ๋๋ค. react native image picker๊ฐ ๋๋์ ์ธ ์ ๋ฐ์ดํธ๊ฐ ์ด๋ฃจ์ด์ง๋ฉด์,ํ์ฉ๋ฒ์ด ๋ง์ด ๋ฐ๋์๋๋ฐ uri ์ ๊ทผ ๋ฐฉ๋ฒ๋ ๋ฐ๋์๋ค์. ๋ฏผ์ ์๋น ๋ฅ๋์๋๊ป์ ์ฝ๋ฉํธ ํด์ฃผ์ ๊ฒ์ฒ๋ผ response.assets ๋ฐฐ์ด์ ์ ๊ทผํ์๋ฉด ๋ฉ๋๋ค.Image๋ฅผ ํ๋ pickํ์ ๋์๋, response.assets[0].uri๋ก ์ ๊ทผ ํ์๋ฉด ๋ฉ๋๋ค. ์ฐธ๊ณ 01 : react-native-image-picker githup pagehttps://github.com/react-native-image-picker/react-native-image-picker/commit/c8f8481eb2c08e8f160ae80177e51c693e887969(์ฌ์ง) ์ฐธ๊ณ 02: https://github.com/react-native-image-picker/react-native-image-picker#the-response-object (์ฌ์ง) ํ์ฌ ๋ฒ์ ์ react-native-image-picker๋ก๋ Multiple Image ์ ํ์ ๊ฐ๋ฅํฉ๋๋ค๋ง,Typescript์ Hooks์ ๊ฐ๋ ์ด ํ์ํฉ๋๋ค.react-native-multiple-image-picker๋ฅผ ์ฌ์ฉํ์ ๋ ๋๊ณ (์ฐธ๊ณ : https://github.com/baronha/react-native-multiple-image-picker),react-native-image-picker๋ฅผ ์ฌ์ฉํ์ ๋ค๋ฉด ๋ค์์ ์์ ์ฝ๋๋ฅผ ์ฐธ๊ณ ํ์๊ธฐ ๋ฐ๋๋๋ค.https://github.com/react-native-image-picker/react-native-image-picker/tree/main/example/src(์ฌ์ง) ๊ฐ์ฌํฉ๋๋ค.
- 0
- 2
- 1.2K
Q&A
[Stack] Header Bar ์ปค์คํฐ๋ง์ด์ง์ ์๋๋ก์ด๋๋ ์๋๋ ๊ฑด๊ฐ์ ? ใ ใ
๊ถํ์๋, ์๋ ํ์ญ๋๊น. ์ง์๊ณต์ ์ Wintho์ ๋๋ค. ์ง๋ฌธ ์ฃผ์ ๋ด์ฉ์ ๋ํ ๋ต๋ณ ๋๋ฆฌ๊ฒ ์ต๋๋ค. iOS๋ณด๋ค ์ฑ๊ฐ์๊ธด ํ์ง๋ง ์๋๋ก์ด๋๋ header bar configuring์ด ๊ฐ๋ฅํฉ๋๋ค. headerTitle: ์ด ์๋๋ผ,headerTitle: props => ๋ก ์๋ํด๋ณด์๊ธธ ๋ฐ๋ผ๋ฉฐ, ์๋๋ก์ด๋๋ ios์ฒ๋ผ headerTitle์ด default๋ก ๊ฐ์ด๋ฐ ์ ๋ ฌ์ด ๋์ง ์์ต๋๋ค. ๋ฐ๋ผ์, logo.js ํ์ผ์์ Image ํ๊ทธ์ style์ alignSelf: 'center'๋ฅผ ์ถ๊ฐํด์ฃผ์๊ธฐ ๋ฐ๋๋๋ค. @logo.js ... render () { return ( style={{width: 40, height: 40, alignSelf: 'center'}} source={Logo} /> ) }... ๊ฐ์ฌํฉ๋๋ค.
- 0
- 3
- 296
Q&A
[Stack] Header Bar ์ปค์คํฐ๋ง์ด์ง์ ์๋๋ก์ด๋๋ ์๋๋ ๊ฑด๊ฐ์ ? ใ ใ
๊ถํ์๋, ์๋ ํ์ญ๋๊น. ์ง์๊ณต์ ์ Wintho์ ๋๋ค. ์ง๋ฌธ ์ฃผ์ ๋ด์ฉ์ ๋ํ ๋ต๋ณ ๋๋ฆฌ๊ฒ ์ต๋๋ค. iOS๋ณด๋ค ์ฑ๊ฐ์๊ธด ํ์ง๋ง ์๋๋ก์ด๋๋ header bar configuring์ด ๊ฐ๋ฅํฉ๋๋ค. headerTitle: ์ด ์๋๋ผ,headerTitle: props => ๋ก ์๋ํด๋ณด์๊ธธ ๋ฐ๋ผ๋ฉฐ, ์๋๋ก์ด๋๋ ios์ฒ๋ผ headerTitle์ด default๋ก ๊ฐ์ด๋ฐ ์ ๋ ฌ์ด ๋์ง ์์ต๋๋ค. ๋ฐ๋ผ์, logo.js ํ์ผ์์ Image ํ๊ทธ์ style์ alignSelf: 'center'๋ฅผ ์ถ๊ฐํด์ฃผ์๊ธฐ ๋ฐ๋๋๋ค. @logo.js ... render () { return ( style={{width: 40, height: 40, alignSelf: 'center'}} source={Logo} /> ) }... ๊ฐ์ฌํฉ๋๋ค.
- 1
- 2
- 357
Q&A
React Navigation ์ ์ ์ค๋ฅ
๊น๋ถ๋ฆ๋, ์๋ ํ์ธ์. import๋ฅผ ํ ๋ ์ค๊ดํธ ์ฌ์ฉ ์ฌ๋ถ๋, ๋ค๋ฅธ ํ์ผ์์ exportํ๋ ๋ฐฉ๋ฒ์ ๋ฐ๋ผ ์์ดํฉ๋๋ค. default๋ก export๋ฅผ ํ๊ฒ ๋๋ฉด importํ ๋ ์ค๊ดํธ๋ฅผ ์ ์ฐ๊ณ ์, ๊ทธ๋ ์ง ์์ ๊ฒฝ์ฐ์๋ importํ ๋ ์ค๊ดํธ๋ฅผ ์ฐ๊ฒ ๋ฉ๋๋ค. e.g.case1) exportํ๋ ํ์ผ์์ -> export class example extends Component { ...} importํ๋ ํ์ผ์์ -> import { example } from '[exportํ๋ํ์ผ๊ฒฝ๋ก]'case2) exportํ๋ ํ์ผ์์ -> export default class example extends Component { ...} importํ๋ ํ์ผ์์ -> import example from '[exportํ๋ํ์ผ๊ฒฝ๋ก]' routes.js ์์ฑํ๊ณ AuthStack.Navigator๋ก ํ๋ฉด ํธ์ถํ ๋ ์ค๋ฅ ๋ผ๊ณ ํ๋๊ฒ ์ ํํ ์ด๋ค ๋ถ๋ถ์ธ์ง์? ๊ฐ์์์๋ 'compont' ๋ผ๋ ๊ฒฝ๋ก๋ฅผ ์ฌ์ฉํ์ง ์๋๋ฐ, ํน์ ๊ฒฝ๋ก๋ ํ์ผ ์ด๋ฆ์ ๋ถ๋ถ์ ์ผ๋ก ์์ ์์ฑํ์ ๊ฑฐ๋ผ๋ฉด, import์ ๋ฌธ์ ๊ฐ ๋ ์ ์์ต๋๋ค. ๊ฐ์ฌํฉ๋๋ค.
- 0
- 1
- 1.2K
Q&A
์๋ฌ๊ฐ ๋ฉ๋๋ค...
์ด์ ํ ๋, ์๋ ํ์ธ์. ์ง๋ฌธ ์ฃผ์ ๋ด์ฉ์ ์ฐพ์๋ณด๋, android gradle์ด JDK์ ์ถฉ๋ํ๋ ์ด์์ธ ๊ฒ ๊ฐ์ต๋๋ค.์ฐธ๊ณ : https://stackoverflow.com/questions/58293436/could-not-compile-settings-gradle-react-native react-native init [pjt] ๋ก ์ ๊ท ํ๋ก์ ํธ ์์ฑํ์ จ๋ค๊ณ ํ์ จ๋๋ฐ, ๋ฒ์ ๋ช ์๋ ๋ฐ๋ก ํ์ง ์์ผ์ ๊ฑด์ง์?? ๋ฒ์ ํธํ์ฑ์ ๋ฌธ์ ๋ก ๋ณด์ ๋๋ค๋ง, ๋ง์ฝ ๋ฒ์ ๋ช ์๋ฅผ ์ํ์ ๊ฑฐ๋ผ๋ฉด ๊ฐ์์์ ์๋ด๋๋ฆฐ ๋ฒ์ ์ผ๋ก ์ ๊ท ์์ฑํด๋ณด์๊ธฐ ๋ฐ๋๋๋ค. ๊ฐ์๋ฅผ ๋ฐ๋ผ๊ฐ์ ๋ ๋๊ณ , ๊ฐ์์๋ฃ๋ก ์ฌ๋ ค๋ ์ฝ๋์ package.json์ ๋ณด์๋ฉด ๋ชจ๋ ๋ฒ์ ์ ํ์ธํ์ค ์ ์์ผ์ญ๋๋ค. ๊ฐ์ฌํฉ๋๋ค.
- 0
- 1
- 512
Q&A
react-native init error
KYUNGMIN KIM๋, ์๋ ํ์ธ์. ์ง์๊ณต์ ์ Wintho ์ ๋๋ค. ์ฐ์ pod ๊ด๋ จ ์๋ฌ๋, ruby gem์์ ๊ธฐ์ธํ๋ ๊ฒ ๊ฐ์ต๋๋ค. => https://github.com/CocoaPods/CocoaPods/issues/1890 755๋ก local ํด๋์ ํ์ผ ์ฝ๊ธฐ/์ฐ๊ธฐ ๊ถํ์ ์ค๋ณด์๊ธฐ ๋ฐ๋๋๋ค.=> sudo chmod 755 /usr/local ์๋ ์ ์ฒจ์ฌ์ง์ ์๋ฌ๋ pod ๊ด๋ จ ์๋ฌ๊ฐ ํด๊ฒฐ๋๋ฉด ๋ฌธ์ ์์ ๊ฒ์ผ๋ก ๋ณด์ ๋๋ค๋ง.๊ทธ๋๋ ๋ฌธ์ ๊ฐ ํด๊ฒฐ๋์ง ์๋๋ค๋ฉด, ์๋กญ๊ฒ ํ๋ก์ ํธ๋ฅผ ์์ฑํด๋ณด์๊ธฐ ๋ฐ๋๋๋ค. ๊ฐ์ฌํฉ๋๋ค.
- 0
- 4
- 793
Q&A
์ค์น ์ค๋ฅ
eeej42๋, ์๋ ํ์ธ์. ์ง์๊ณต์ ์ Wintho์ ๋๋ค.ํด๋น ์ง๋ฌธ์ ๋ต๋ณ ๋๋ฆฝ๋๋ค. ์ ๋ ๊ฐ์ธ ํ๋ก์ ํธ ์งํํ๋ค๊ฐ ๋์ผํ ๋ฌธ์ ์ ๋ง์ฃผ์ณค์ต๋๋ค. ๋ช ์๊ฐ ์ ์ Babel์ด 7.15 ๋ฒ์ ์ผ๋ก ์ ๋ฐ์ดํธ ๋์๋๋ฐ, ๊ทธ ๋ฒ๊ทธ์ธ ๊ฒ์ผ๋ก ๋ณด์ ๋๋ค. 1. ๊ธฐ์กด ํ๋ก์ ํธ์์ ์ฐ๊ณ ๊ณ์๋ @babel/core (๋๋ ํ ๋ฆฌ: [project]/node_modules/@babel/core) ์ ์ฒด๋ฅผ ์ ํ๋ก์ ํธ์ ๋ณต์ฌํด์ ๋ถ์ฌ๋ฃ๊ธฐ ๋๋ 2. @babel/core๋ฅผ 7.14 ๋ฒ์ ์ผ๋ก downgrade ํ๋ ๋ฐฉ๋ฒ์ผ๋ก ํด๊ฒฐ ๊ฐ๋ฅํฉ๋๋ค. ์ฐธ๊ณ : https://stackoverflow.com/questions/68659516/react-native-property-body41-of-blockstatement-expected-node-to-be-of-a-type ๊ฐ์ฌํฉ๋๋ค.
- 0
- 1
- 189
Q&A
launchImageLibrary ์ด๋ฏธ์ง ๋ก๋ ์ ๋จ
eeej42๋, ์๋ ํ์ธ์. ์ง์๊ณต์ ์ Wintho ์ ๋๋ค.ํด๋น ์ง๋ฌธ์ ๋ต๋ณ ๋๋ฆฝ๋๋ค. ์ ์ฒด ์ฝ๋๋ react native image picker ๋ฒ์ ์ ์๋ ค์ฃผ์๊ฒ ์ด์??๋ฐฉ๊ธ launchImageLibrary ํจ์๋ก ํ ์คํธ ํด๋ดค๋๋ฐ, ํน๋ณํ ์ด์์ ๋ณด์ด์ง ์์ต๋๋ค.. ๊ฐ์ฌํฉ๋๋ค.
- 0
- 1
- 289