본문 바로가기
반응형

전체 글265

다이어리 앱을 만들면서 연습해보자. - Write 화면 구현하기 이전글 처음부터 다시 해보는 npx create-react-native-app dear-diary with ios 세팅! 나만의 프리셋 다이어리 앱을 만들면서 연습해보자. - 모듈설치 /Home / Write Screen 다이어리 앱을 만들면서 연습해보자. - mongoDB 연동(Realm open/스키마 정의 하기) Write 화면 구현하기 Emoticon 버튼 생성 TextInput 키보드 입력 처리하기 Emoticon 버튼 눌렀을 때, CSS 변경하기 키보드의 엔터 눌렀을 때, SAVE 버튼 눌렀을 때 처리하기 How do you feel now? {emotions.map((emotion, index) => ( emotionPress(emotion)} > {emotion} ))} Save 전체 코드.. 2023. 2. 17.
react-native 에서 아이콘 표시하는 두가지 방법 첫번째 방법은 react-native-vector-icons 사용하기 설치/사용예제포함 - react-native-vector-icons 설치 후 , 아이콘이 엑박으로 보이는 경우 두번째 방법은 @expo/vector-icons 사용하기 사용방법 별도의 설치는 필요없고, expo 프로젝트라면 import하여 사용할 수 있다. 사용할 수 있는 아이콘 리스트는 여기 에서 확인할 수 있다. 또한 vector-icons는 사용자 정의 아이콘도 지원한다. import * as React from 'react'; import { View, StyleSheet } from 'react-native'; import Ionicons from '@expo/vector-icons/Ionicons'; export defaul.. 2023. 2. 16.
<View> 의 onLayout 을 사용하면서 <NavigationContainer>와도 공존하기 의 onLayout 을 사용하면서 와도 공존하기 그야말로 좌충우돌 우당탕탕 좌절의 연속이다. realm 을 사용하려 함으로서 시작되었다. realm 을 초기화(open() )하려면 expo-splash-screen 이 필요했고 splash-screen이 종료되면 최상위 View 의 onLayout 에 realm 초기화 함수를 넣으라고 가이드에 되어있었다. 그런데 난 최상위 컴포넌트가 NavigationContainer 인걸?! 그래서 View 로 감싸도 보고 바꿔도 보고 했는데 결국에 찾은 해결책은 이거다. NavigationContatiner 안에 아무것도 없는 View를 넣어두는 것. 이게 올바른 방법인지는 나 혼자 공부하고 있어, 알 수는 없으나 어쨌든 다음으로 넘어갈 수 있게 되었다. 2023. 2. 16.
[더치커피원액추천] 달콤향기 블랜딩 대용량 콜드브루 원액 1L 답례품 행사용 더치커피 원액 쓰디쓴 커피를 찬양하던 나에게, 같은 아아도 다 같은 아아가 아니라는 것을 알게해준 더치커피 원액이다. 커피 두잔 값으로 내가 원하는 만큼 물과 섞어 마시게되니 가성비와 가심비를 모두 잡은 쵀애 인생템. 코딩할때 얼음 가득 든, 커피잔을 끼고 산다면 마음에 들어 할 것임. 원래는 더치커피 납품용으로 판매되는건데, 나는 커피마시는 하마이니 가뿐하게 대용량으로 주문한다. 1리터는 일주일 조금 넘게 마시는 듯. 카페하시던 사장님이 직접 로스팅도 하고 더치커피 원액도 추출하시는거라 믿을만 하다. 언커먼 로스팅하우스 더치커피 원액 추천 2023. 2. 16.
다이어리 앱을 만들면서 연습해보자. - mongoDB 연동(Realm open/스키마 정의 하기) 이전글 처음부터 다시 해보는 npx create-react-native-app dear-diary with ios 세팅! 나만의 프리셋 다이어리 앱을 만들면서 연습해보자. - 모듈설치 /Home / Write Screen mongoDB 연동(Realm open/스키마 정의 하기) Realm (by mongoDB) 설치 npm install realm #for mac, ios npx pod-install ios mongoDB와 연동할 수 있는 SDK로 realm을 설치합니다.(휴대폰 내부에 DB가 필요할 때 사용) 모델 정의하기 (define model) 레퍼런스에 있는 example schema 를 보고 작성합니다. const FeellingSchema = { name: "feelling", proper.. 2023. 2. 14.
다이어리 앱을 만들면서 연습해보자. - 모듈설치 /Home / Write Screen 시작 이전글 2023.01.31 - [개발로그/ReactNative] - [dear-diary] 처음부터 다시 해보는 npx create-react-native-app dear-diary with ios 세팅! 나만의 프리셋 리엑트 네비게이션, 스타일컴포넌트 , 설치 리엑트 네비게이션 설치 #리엑트 네비게이션 설치 npm install @react-navigation/native #의존성 모듈 설치 npx expo install react-native-screens react-native-safe-area-context #for ios npx pod-install ios 리엑트 네비게이션 설치 후 오류가 있다면 여기를 참조해보자. 리엑트 네비게이션에 대한 정리는 여기 해두었다. 리엑트 네비게이션-스택 네.. 2023. 2. 13.
[앱 배포] ReactNative로 개발 IOS 첫 빌드 및 배포 방법 정리 이 글은 이미 시뮬레이터와 USB를 통한 디바이스 테스트는 마쳤다고 가정합니다. 앱스토어 배포전에 필요한 준비단계들을 알아보고 실제 배포까지 해볼 예정입니다. ReactNative로 개발한 앱을 IOS 앱스토어에 배포하는 것을 기준으로 작성되었습니다. ReactNative로 개발했다면 eas cli라는 관리 툴이 존재하며 상당 부분을 자동으로 간략하게 진행할 수 있습니다. xcode를 이용하는 native 방식과는 차이가 있습니다. 사전에 필요한 것들. 사전에 필요한 것들은 꼭 미리해야하는 것은 아니지만, 어차피 해야 하는 것들이며 필요한 시점에 진행해도 무관합니다. 그럼에도 사전에 필요한 것이라고 해둔 것은 진행흐름 상에 막히는 것을 최소화하려고 별도로 정리했습니다. 개발자 등록 2023년 2월 , 이.. 2023. 2. 12.
snowball 개인정보처리방침 ('netflify'이하 'netflify')은(는) 「개인정보 보호법」 제30조에 따라 정보주체의 개인정보를 보호하고 이와 관련한 고충을 신속하고 원활하게 처리할 수 있도록 하기 위하여 다음과 같이 개인정보 처리방침을 수립·공개합니다. ○ 이 개인정보처리방침은 2023년 1월 1부터 적용됩니다. 제1조(개인정보의 처리 목적) ('netflify'이하 'netflify')은(는) 다음의 목적을 위하여 개인정보를 처리합니다. 처리하고 있는 개인정보는 다음의 목적 이외의 용도로는 이용되지 않으며 이용 목적이 변경되는 경우에는 「개인정보 보호법」 제18조에 따라 별도의 동의를 받는 등 필요한 조치를 이행할 예정입니다. 제2조(개인정보의 처리 및 보유 기간) ① < s.. 2023. 2. 9.
반응형

티스토리툴바