React6 [React Native] React Hook useState 완벽 정리 함수형 Compoent에서는 State 상태관리, LifeCycle 생명주기를 사용할 수 없어서 Hook이라는 개념을 사용한다고 설명드렸어요 함수형, 클래스형 Component에 대한 설명은 아래 게시글에 정리해두었으니 한번 읽어보시면 좋을것 같아요! [React Native ] Component , Props 한번에 끝내기 Component와 Props는 React Native를 시작하면서 가장 기본적이면서 중요한 개념이에요 Component와 Props가 무엇이고, 왜 필요한지 그리고 이 두개가 어떻게 연관되어 있는지 자세히 알아볼게요 Component란? sycho-lego.tistory.com React Native를 사용하면서 가장 기본적이면서도 중요한 State Management 중 하나는 .. 2023. 9. 6. [React Native] Component Props 한번에 끝내기 Component와 Props는 React Native를 시작하면서 가장 기본적이면서 중요한 개념이에요 Component와 Props가 무엇이고, 왜 필요한지 그리고 이 두개가 어떻게 연관되어 있는지 자세히 알아볼게요 Component란? Component는 UI를 독립적인 단위로 분리하여 재사용 가능한 코드 조각으로 보는 것입니다. 한 마디로, 앱의 각 부분(버튼, 입력창, 카드 등)을 component라고 생각하면 됩니다. 네이버 메인 페이지를 예를 들어서 설명해볼게요 네이버 홈화면에 로그인 버튼이 있습니다. 로그인 버튼은 홈 뿐만 아니라 여러 서비스에서 공통으로 사용한 기능일거에요. 로그인이 필요한 화면, 서비스마다 버튼 구현을 모두 할 생각하면 벌써부터 귀찮아요. 개발자는 귀차니즘이 많아야 한다는.. 2023. 9. 5. [React Native] Core Component React Native는 많은 Text, Image, 스크롤 등 다양한 Component를 제공하고 있어요 이러한 컴포넌트를 잘 활용하면 모바일 UI에서 원하면 화면을 손쉽게 구성할 수 있습니다 이번 포스팅에서는 React Native에서 제공하는 Core Component에 대해 소개하고 관련 예제를 살펴보겠습니다. 예제 코드는 Expo 환경에서 작성했습니다. Expo가 어떤건지는 아래 포스팅에 자세히 작성했으니 궁금하신 분들은 확인해주세요! [Reative Native] Expo CLI와 React Native CLI 개념 React Native 개발을 처음 시작할 때 제일 많이 하는 고민이 어떤 개발환경으로 Setting할까 인것 같아요 보통 Expo CLI / Reat Native CLI 둘 중 .. 2023. 9. 4. [React Native] EXPO Mac 개발환경 구축 , Hello world 이번 포스팅에선 Expo Cli 개발을 위한 환경세팅 작업을 하려고 합니다. 제 개발환경인 Mac을 기준으로 설명드리는데 혹시 Window 개발환경 설정이 필요하시다면 댓글로 작성해주세요! 개발환경 설정하고 제가 제일 좋아하는! 를 만들어보겠습니다! 새로운 걸 시작하면서 Hello World를 해보는 건 너무 설레는 것 같아요. (저만 그런가요..) 포스팅 관련된 모든 코드는 아래 Github Repository에서 확인할 수 있습니다 GitHub - choseungyoon/ReactNative_Study_Chapter_1: ReactNatvie Chapter 1 학습 자료입니다. ReactNatvie Chapter 1 학습 자료입니다. . Contribute to choseungyoon/ReactNat.. 2023. 9. 4. [React Native] Expo CLI와 React Native CLI 개념 React Native 개발을 처음 시작할 때 제일 많이 하는 고민이 어떤 개발환경으로 Setting할까 인것 같아요 보통 Expo CLI / Reat Native CLI 둘 중 하나를 선택하는데 이번 포스팅에서는 위 두 개념에 대해 한번 알아보겠습니다! Expo CLI란? Expo CLI란 React Native 앱을 쉽고 빠르게 구축하는 종합선물세트 라고 할 수 있어요 Expo 의 장점은? 기본적으로 제공하는 API와 라이브러리가 많아 진입장벽이 낮습니다. 그래서 앱 개발 초기과정을 단순화해주고 개발속도가 빨라집니다. Beginner에서 친화적이라고 볼 수 있어요 iOS개발을 위한 Xcode , Android개발을 위한 Android studio 설치할 필요가 없어요 Expo Go 어플만 있으며 기기.. 2023. 9. 4. [React Native] Reative Native란? 개념, 동작원리, 장점과 단점 Reative Native란? Facebook, 지금의 Meta가 개발한 오픈 소스 모바일 애플리케이션 프레임워크입니다. 모바일의 경우 보통 iOS, Android가 각각 개발되어 배포 됩니다. 그럼 iOS 개발을 위한 Object C나 Swift , Android 개발을 위한 Java나 Kotlin 공부가 필수인데요 Reactive Native는 Javascript 하나만 알고 있다면 iOS, Android 개발을 모두 해야할 필요 없이 하나의 개발로 두가지 Platform을 선점할 수 있습니다 즉 Croos Platform을 지원합니다 Reative Native를 사용하여 서비스 중인 App은? Showcase · React Native Thousands of apps are using React N.. 2023. 9. 4. 이전 1 다음 반응형
