본문 바로가기
반응형

전체 글49

[React Native] 3. React Navigation React Native는 웹이 아닌 모바일 앱 개발이다. 때문에 여러 화면으로 구성되어 있고 화면 전환을 쉽게 구현해야하는데 이때 네이게이션은 환면 전환을 위한 핵심 라이브러이다.  React Native에서 네비게이션을 구현하기 위한 많은 라이브러리가 존재하는데 그중 가장 일반적인것이 React Navigation이다.  React Navigation은 몇가지 장점을 제공한다.  다양한 네비게이션 유형: Stack, Tab, Drawer 등 제공.커스터마이징 가능: 헤더, 애니메이션, 전환 방식 등을 사용자 정의.iOS와 Android 모두 지원: 네이티브 스타일의 일관된 네비게이션 구현 가능.  1. 설치 방법npm install @react-navigation/native react-native-s.. 2025. 1. 28.
심심해서 대충 끄적이는 캐나다 밴쿠버에서 우버이츠 부업해본 후기와 꿀팁 얼마전 우버이츠 배달 부업을 한번 해봤다. 요즘 퇴근하고나면 딱히 하는일도 없고 주식, 코인에 들어갈 시드머니는 더 높이고 싶은데 무슨 방법이 있을까 생각해보니 우버이츠를 친구가 추천해주더라 마침 내차도 전기차라 기름값도 안들겠다 바로 앱 깔고 배달 드라이버 신청 넣어봤다. 차보험, 운전면허, 개인 백그라운드정보 뭐 이런거 좀 보내주면 하루 이틀정도 있다가 승인해주는데 이거는 나중에 시간이 된다면 따로 정리해서 올려보도록 하겠다. 수익을 위해서는 우버이츠 앱이 아닌 우버 드라이버라는 앱이 따로 있는데 앱을 켜면 내주변 지도와 함께 시작이라는 버튼이 게임하는거 마냥 달려있다. 이걸 누르고 동네를 돌아다니다보면 콜이 잡힌다. 단가는 2~3킬로 왔다갔다하고 5~6불정도하고 가끔 10킬로 넘어가는 오더가 있는데.. 2025. 1. 25.
[React Native] 2. 기본 컴포넌트 Hello, World!App.js 파일을 열고 아래 코드를 작성해 본다import React from 'react';import { Text, View, StyleSheet } from 'react-native';export default function App() { return ( Hello, World! );}const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#f5f5f5', }, text: { fontSize: 24, color: '#333', },});  코드 .. 2025. 1. 15.
[React Native] 1. 개발 환경 설정 필요한 도구 설치 1. Node.js React Native CLI와 패키지 관리를 위해 필요http://xpay.nexigroup.com/monetaweb/3ds2/gatheringDeviceInfo  2. 패키지 매니저npm 또는 yarn을 사용Node.js를 설치하면 npm은 기본적으로 포함된다  3. React Native CLIReact Natvie 프로젝트를 생성하는 도구npm install -g react-native-cli  4. 안드로이드 스튜디오 & Xcode 설치Xcode는 App Store에서 다운가능안드로이드 스튜디오https://developer.android.com/studio Android 스튜디오 및 앱 도구 다운로드 - Android 개발자  |  Android Studi.. 2025. 1. 14.
리액트(React)와 리액트 네이티브(React Native) 차이점 사용 목적 리액트 (React) : 웹 어플리케이션 개발 목적HTML DOM을 조작하며, 브라우저에서 실행되는 SPA(Single Page Application)를 만듦 리액트 네이티브 (React Native) :iOS와 안드로이드용 모바일 개발 목적HTML이 아님 네이티브 컴포넌트를 사용, 네이티브 앱을 만듦   렌더링 방식 리액트 (React) : HTML과 CSS를 조합한 웹 UI를 생성브라우저 내에서 가상 DOM을 사용하여 렌더링예시:React 코드 Hello, World! Click Me  리액트 네이티브 (React Native) :네이티브 UI 컴포넌트를 사용하여 네이티브 앱을 생성가상 DOM 대신 JavaScript와 네이티브 컴포넌트 간의 브릿지를 통해 UI를 업데이트예시:React.. 2025. 1. 14.
2024년 삶의 질을 2배 향상 시켜줬던 알리익스프레스 꿀템 추천기 上 2024년은 유독 알리익스프레스 제품들을 많이 구입해서 써왔던 것 같다. 그중 저가임에도 돈이 아까웠던 제품도 있고, 매우 만족하면서 쓰는 제품도 있는데 그중 가장 만족했던 전자기기 위주로 정리를 해보려고 한다.  제품 선정은 개인적인 만족도와 해당 상품 페이지의 리뷰 (리뷰갯수/평점)을 참고해서 리스트를 꾸렸다. 1. Base us 베이스어스 USB C 허브 요즘은 맥북을 비롯해서 윈도우 노트북들도 USB C위주로 포트가 구성되어 나오는 것들이 많다. 때문에 USB A이나 HDMI 같은 포트를 달아야 할 때는 상당히 난감한 경우가 많은데 USB C허브를 따로 구입하여 해결했다.나 같은 경우는 USB A포트 그리고 HDMI 포트가 필요해서 구입했지만For HDMI, 4K@60Hz ×1 USB-A 3.1 .. 2025. 1. 3.
캐나다에서 아멕스 카드를 쓰는 이유 (아멕스 MR의 가치 비교) 캐나다에서 크레딧 카드를 찾아보면 항상 추천 카드에는 아멕스 카드가 있다. 하지만 아멕스는 카드사에서 요구하는 수수료가 높은 탓에 받지 않는 상권 (특히 한국 중국 가게들)이 많아 결제할 때 불편할 것 같은데도 사람들은 입을 모아 추천한다.  대체 아멕스 카드에 어떤 매력이 있길래? 그이유를 알아보았다. 캐나다의 크래딧 카드들은 크게 두 가지 방식의 리워드를 지급한다.  하나는 캐시백이고 다른 하나는 포인트 적립인데 아멕스 카드는 Membership Rewards라는 MR 포인트를 지급하는 카드이다.  1%, 2%, 5% 달러를 돌려주는 캐시백과 다르게 포인트들은 카드사마다 달러로 환산했을 때의 벨류가 전부 다 다른데 각 카드사들의 리워드들을 비교하여 얼마나 가치 있는지 먼저 정리를 해보았다. 비교대상인.. 2024. 9. 9.
테슬라 모델3 하이랜드 악세사리 추천 그동안 직접 써보고 괜찮았던 아이템들 위주로 정리한 10가지 악세서리들이다. 여기서 다루는 아이템들은 모든 테슬라 오너들이 애용하는 국민템까지는 아니지만 그래도 유용하게 쓸 수 있는, 적어도 돈이 아깝다는 생각은 들지 않는 아이템들로만 꾸려보았다. 보다가 마음에 드는 제품이 있으면 찾기 쉽게 관련 링크를 걸어두었으니 링크를 클릭하면 해당 제품 페이지로 이동한다. 국민템에 속하는 테슬라 필수 악세사리는 이전 포스팅에서 다뤘으니 아래 링크로 들어가서 확인! 테슬라 모델 3 악세사리 필수 편 테슬라 모델3 하이랜드 필수 악세사리 추천이번에 모델 3 신형 하이랜드가 출시되면서 길거리에도 많은 신차들이 보이는 것 같다.  전에 올린 테슬라 악세사리 글들이 꽤나 관심을 받고 있는데 그전 포스팅은 모델 Y를 위한 포.. 2024. 9. 9.
테슬라 모델3 하이랜드 필수 악세사리 추천 이번에 모델 3 신형 하이랜드가 출시되면서 길거리에도 많은 신차들이 보이는 것 같다.  전에 올린 테슬라 악세사리 글들이 꽤나 관심을 받고 있는데 그전 포스팅은 모델 Y를 위한 포스팅이라 모델 3 하이랜드에는 완벽하게 호환이 되지 않는 제품들도 간혹 있어 헷갈려하는 사람도 많은 것 같다.  그래서 이번에는 내가 써던 제품들 중 추천하는 제품들 위주로 모델 3에 맞춰서 추천하는 포스팅을 작성해보려 한다.  포스팅은 대다수의 테슬라 오너들이 사용하는 필수 악세사리와 그 정도까진 아니지만 나름 쓸만한 추천 액세서리 파트로 나누어 작성되었다.  모든 악세사리 제품들은 직접 구입 후 사용해 마음의 들었던 제품들로 구성되었고 그중 리뷰 평점이 4.5 이상인 제품들로 선별하였다. 필수 악세사리 1. 화면 터치보호기 .. 2024. 9. 7.
[알리 익스프레스] 테슬라 악세사리 구매기 - 우산형 앞유리 햇빛 가리개 여름철 가장 고통스러운 순간은 차가 뜨거운 햇빛에 달궈지는 순간이 아닐까 생각한다. 테슬라 지붕만큼 틴팅을 짙게 할 수 없는 윈드실드(앞유리)는 직사광선을 그대로 받아들이기 때문에 차 내부가 빨리 달궈진다. 특히 캐나다는 앞유리 틴팅이 불법이라 1도 틴팅을 못하기 때문에 더욱 뜨겁다 안 그래도 직사광선 엄청 센데.. 물론 앱으로 에어컨을 조작할 수 있어 차에 타기 10분 전 에어컨으로 실내 온도를 낮춰놓거나 아니면 일정 온도 이상으로 못 올라가게 설정해 둘 수 있는 실내과열방지 기능이 있긴 한데, 실내과열방지는 배터리 잡아먹는 괴물이고.. 또 그렇게 온도를 낮춰도 햇빛에 달궈진 가죽시트는 여전히 뜨겁다. (특히 검은색 기본 시트라면 정말 정말 뜨겁다)  뭣보다 차 내부 온도가 53도 이렇게 찍히는 걸 보.. 2024. 9. 6.
반응형

티스토리툴바