일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- Spring
- 코딩테스트
- 2025 프로그래머스 코드챌린지 2차 예선
- 자바스크립트
- 코딩
- map
- React Native
- 리액트 네이티브
- java
- 파이어베이스
- javascript
- 코테
- firebase
- 프로그래머스
- 오블완
- 태그
- 티스토리챌린지
- React
- node.js
- 자바
- 프로젝트
- 리액트
- 스프링
- 백엔드
- project
- controller
- 리액트네이티브
- ReactNative
- expo
- PCCE
- Today
- Total
목록React Native (17)
양갱의 개발 블로그

안녕하세요 오늘은 저번 포스팅에 이어서 EAS로 Expo 프로젝트를 빌드하는 과정에 대해 알아보려고 합니다!창업팀에서 개발을 빨리 해야해서 Expo 프로젝트를 사용하고 빌드 및 배포까지 했어야 했어요.. android는 APK, ios는 testflight로 해야했습니다. EAS로 Expo 프로젝트를 빌드하는걸 하면서 gpt로 했다가 아주 혼났답니다.. 꼭 꼭 expo 문서를 확인하는게 제일 좋습니다!! EAS란?EAS(Expo Application Services)는 Expo 팀이 만든 Expo 및 React Native 앱을 위한 긴밀하게 통합된 클라우드 서비스 입니다.이전에 Expo에 대해서 정리한 내용이 있는데 확인 부탁 드립니다!https://gamza1013.tistory.com/133 [Ex..
non-std C++ exception 이라는 에러가 뜨면 당황할 것이다. 아까까지 잘되던 애플리케이션이 갑자기 C++에러라니 계속 리로드를 해도 같은 오류가 발생했다... 그래서 뤼튼 한테 물어봤다! https://wrtn.ai/share/fu24S41eoj react native 코드를 짜다가 non-std C++ exception이런 오류가 발... - 뤼튼 "non-std C++ exception" 오류는 C++ 예외 처리 메커니즘이 예상되지 않은 예외를 throw 한 경우 발생합니다. React Native는 JavaScript 코드를 실행하는 데 사용되는 기술이므로, 이 오류는 React Native 자체에서 wrtn.ai 뤼튼은 전체코드를 봐야한다고 했지만,, 내가 짠 코드의 파일은 한두개가..

checkbox 공식 문서 https://docs.expo.dev/versions/latest/sdk/checkbox/ 위 링크에 들어가서 snack 실행해보면서 확인 Normal checkbox 이 코드를 사용함 1. install 하기 npm install expo-checkbox 2.useState ture / false값으로 set해야함 const [isChecked, setChecked] = useState(false); 3. section css를 확인 section: { flexDirection: 'row', alignItems: 'center', }, 4. paragraph, checkbox css 확인 paragraph: { fontSize: 15, }, checkbox: { margin..
1. 아래 링크에서 회원가입 / 로그인한다 https://www.bigdatacloud.com/docs/api/reverse-geocode-to-city-api Reverse Geocoding to City API Returns detailed locality information for provided Latitude/Longitude coordinates www.bigdatacloud.com 2. API패키지에서 map API key를 생성한다. 3. 위 링크에서 값을 reqeust, response해주면 주소를 가져올 수 있다. 4. request는 위도, 경도, api 키 값을 보내주면 된다 5. response 값으로는 위 코드에서 확인하면 된다. (엄청 많음!!) 컴공이나 개발 프로젝트를 진행..

1. 보내는 페이지와 받는 페이지 함수 부분에 props를 선언해둔다(***중요***) ex) const PageName = (props) =>{ .... 이거나 export default function PageName(props) { .... 2. 데이터가 존재하면서 다음 페이지에 값을 보내고 싶다면 아래 코드로 이벤트와 동시에 보내주면 된다. navigation.navigate('다음 페이지', { 데이터 키값 : 데이터 값 }) 3. 데이터를 받는 다음 페이지에서는 값을 props로 읽어 오면된다. props.route.params.데이터 키값 react에서는 흔히 props라고 하는 것을 실행할 것이다! 참고는 아래에서 찾으면 된다 https://reactnavigation.org/docs/na..
react native를 개발할 때 알림창, 모달창을 가장 많이 띄우게 될 것인데 왜냐하면 사용자에게 현재 어떤 상황인지 알리는 방식도 있으며 사용자가 원하는 것을 수행하기 위해서는 예.아니오 등 여러 선택지를 제공해 줘야한다 이럴때 가장 많이 사용하는 게 Alert창이다 흔히 우리가 알고 있는 알림창인데 해당 알림창의 버튼을 클릭할 때마다 이벤트를 발생시키려면 일반 Alert창이면 안된다 그래서 알림창 커스텀이라고 생각하면 되는데 Alert.alert( "산책 끝", "산책을 끝내려면 확인을 눌러 카메라를 실행하여 사진찍어주세요(취소 시 적립이 안되고 저장되지 않습니다)", [ // The "Yes" button { text: "사진찍기", onPress: () => { setStart(true) //..