반응형

Screen 2

[React Native] React Navigation - Stack Navigation

React Native React Navigation - Stack Navigation React Native 앱 개발에서 필수라고 할 수 있는 React Navigation 화면 전환 기능을 사용해 보겠습니다. React Navigation 아래 여러 종류의 Navigation이 있는데, 그 중 Stack Navigation입니다. React Navigation 설치 npm install @react-navigation/native React Native 프로젝트 폴더 터미널에서 위와 같이 입력을 해주시고요 Dependencies도 같이 설치 해주셔야 합니다. npm install react-native-reanimated react-native-gesture-handler react-native-sc..

[React Native] 스토리북(Storybook) 스크린(Screen) 띄우기

React Native 스토리북(Storybook) 스크린(Screen) 띄우기 앞서 React Native 프론트 개발을 컴포넌트들을 스토리북(Storybook)에 추가하는 방식들을 설명 드렸습니다. 스토리북을 사용해서 React Native 프로젝트를 실행하면 Storybook이 자동으로 실행되어 생성한 컴포넌트(component) 들만 확인이 가능했어습니다. 스토리북에서 컴포넌트들을 추가했으면 이제 스크린에 컴포넌트들을 띄워 앱을 만드는 방법을 해보겠습니다. 제가하는 방식이 정답이 아닐 수도 있고 맞을 수도 있는데, 제가 사용하는 방법을 보여드리겠습니다. 따라하시면 간편하게 화면(screen)을 띄울 수 있습니다. Storybook을 설치하고 실행할때에 프로젝트에 있던 App.js를 삭제해주었었습니..

반응형