본문 바로가기

전체 글93

[React Native] 갤러리&앨범 이미지 가져오기 앱 개발시 핸드폰 갤러리 이미를 가져다 사용하고자 할 때 expo 를 이용하는 앱개발에서는  imae picker 를 사용하면 쉽게 접근하여 적용하는 방법이 개발하는데 도움이 될 것 같아 내용을 정리해 보았습니다. 1.  Expo image picker 사용하기https://docs.expo.dev/tutorial/image-picker/ 라이브러리 설치하기 터미널에서 "npx expo install expo-image-picker" 앱에 image picker 사용설정import * as ImagePicker from "expo-image-picker";image picker에서 제공하는 launchImageLibraryAsync 라이브러리 사용 2.  라이브러리 사용방법이미지 불러오는 aync/awa.. 2024. 9. 21.
React- dayjs 활용 날짜가공하기 웹 또는 앱 서비스 제공시 날짜관련 하여 유용하게 활용할 수 있는 라이브러리인 dayjs 에 대해 알아보겠습니다. 서비스 제공에 있어서 날짜 계산, 시간 계산이 필요한 경우가 상당히 많은데 가벼우면서도 쉽게 사용할 수 있는 유용하여 몇 가지 예시를 들어 활용방법을 소개하겠습니다. https://day.js.org/en/ Day.js · 2kB JavaScript date utility library2kB JavaScript date utility libraryday.js.org 1.  설치하기일반적인 Node.js 패키지 설치와 동일npm install dayjs2.  사용하기라이브러리에서 기본 제공하는 기능오늘 날짜     const now = dayjs();다양한 날짜 포맷 지원 get - 특정 날짜.. 2024. 9. 9.
React Native앱개발-Async Storage사용하기 리액트 네이티브앱을 개발할 때 서비스용 데이터를 핸드폰에 저장하는 방법으로 Async Storage 를 사용하는 방법에 대해 알아보고자 합니다. 별도의 백엔드 서버 및 데이터베이스 구축없이 간단한 텍스트 데이터의 경우 핸드폰 저장장치에 저장하고 사용할 수 있습니다.사용하는 방법과 제약사항에 대해 구체적으로 알아보겠습니다. 1.  Async Storage 특징텍스트 데이터만 저장 가능Object 형식으로 저장해야 해서 저장할 데이터를 JSON 포맷으로 변경 : JSON.stringify() 저장된 데이터 불러오기 : JSON.parse()2.  설치하기expo 의 경우npx expo install @react-native-async-storage/async-storagereact navtive cli 이 .. 2024. 8. 24.
React Native 앱개발 - Expo Icon 사용하기 리액트 네이티브 앱을 Expo를 이용해서 개발시 앱에서 많이 사용하는 Icon 이용방법에 대한 설명입니다. 1.  패키지 설치Expo 를 통한 프로젝트 만들 때  npx create-expo-app 으로 시작할 때@expo/vector-icons 라이브러리도 같이 설치됨따라서 별도의 라이브러리 추가 설치 없이 사용 가능2.  기본 Icon Set 사용 가.  Icon 검색 가능한 페이지를 제공            https://icons.expo.fyi/Index @expo/vector-icons directory icons.expo.fyi 필요한 Icon 이름을 검색하거나 Filters 에서 선호하는 Icon Sets 를 선택하여 확인 가능예시로 가장 많이 이용하는 Ionicons 를 선택하여 조회 나.. 2024. 8. 19.
React Native(리액트네이티브) - 앱개발 Expo 로 시작하기 !! React Native는 Meta 에서 개발하고 관리하고 있습니다.하지만 실제 앱을 개발하는데 있어서 기본적인 기능만 제공하고 있고 커뮤니티를 통해 다양한 기능을 붙여서 사용할 수 있습니다. Expo 는 React Native를 이용한 앱을 개발하기 위한 툴과 편리한 기능을 통합하여 제공하고 있어 앱 개발을 처음하는 초보 개발자의 경우 개발편이성 측면에서 많은 도움이 되어 저와 같이 초보 개발자들이 Expo 를 이용한 앱 개발을 하는데 도움을 드리고자 앞으로 포스트 주제로 주요 기능을 다뤄보고자 합니다. 제가 작성한 내용이 최선은 아니지만 초보자로 Expo Document 를 보고 따라하기 어려운 분들에게 다소 도움을 드리고자 합니다. 일단 아래의 Expo Document 사이트를 한 번 둘러 보시고 E.. 2024. 8. 9.
앱 개발 코딩 - 나에게 맞는 것은??? 스마트폰 시대에서 많은 앱을 사용하면서 나 만의 앱을 만들어 보고 싶지 않으셨나요? 저는  회사의 업무도 개발파트는 아니지만 개발과 관련된 프로젝트관리 및 기획 업무를 하고 있습니다.비전공자로서 개발 업무의 이해도를 높이기 위해 개인적으로 코딩을 배워보고자 해서 작년초부터 조금씩 언어를 익혀가고 있습니다. 회사의 데이터분석 역량 강화 요구에 따라 파이썬으로 시작해서 간단한 웹페이지 개발까지 해보았고,궁극적으로는 나 만의 앱을 만들고 싶어서 어떻게 접근하면 좋을 지 몰라 유튜브, 웹 서핑 등 검색과 탐색을 해보았습니다.요즘 앱 개발이 쉬운 다양한 솔루션이 나오고 있습니다. 테스트로 간단하게 만드는 것 부터 복잡한 기능에 이르기까지 목적에 따라 선택을 하면 좋을 것 같습니다. 우선 저의 수준과 하고자 하는 .. 2024. 8. 2.
반응형