양갱의 개발 블로그

컴포넌트를 추가하려면 []배열에 넣으면 된다 ​ 내가 하고 싶은 부분은 ​ 버튼은 클릭할 때마다 컴포넌트를 추가해주고 싶다 즉 버튼을 클릭할 떄마다 컴포넌트 내가 만든 태그들을 추가할 수 있다ㅏ ​ 가장 중요한 부분은 useState와 어디에 넣을지가 중요하다! 배열을 넣어주는 concat이 있다! const [insertTag, setInsertTag] = React.useState([]); useState를 꼭 [] , 배열로 해줘야 한다 그래야지 추가가 된다!! ​ 그리고 버튼을 클릭하면 onPress안에 set을 넣으면 된다ㅏ ​ concat은 해당 배열에 추가 또 추가 붙여넣기 라고 볼 수 있다 ​ setInsertTag 에 insertTag.concat으로 계속 추가해준다 {insertTag}..

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 값으로는 위 코드에서 확인하면 된다. (엄청 많음!!) 컴공이나 개발 프로젝트를 진행..

//전화번호 정규식 const validatePhone = phone => { const regex = /^01([0|1|6|7|8|9]?)-?([0-9]{3,4})-?([0-9]{4})$/; return regex.test(phone); } //생일 정규식 const validateBirth = aBirth => { const regex = /^([0-9]{4})-?([0-9]{2})-?([0-9]{2})$/; return regex.test(aBirth); }​ //시간 정규식 const validateTime = time => { const regex =/^([01][0-9]|2[0-3]):([0-5][0-9])$/; return regex.test(time); } 팀원이 작성한 정규식이다! ​ 처..

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..

toFixed(숫자) ​ ex) ​ number = 123456.78901234567 ​ number.toFixed(5) ​ 소수점 아래 5개만 두고 나머지 자르기 ​ result = 123456.78901 ​ 변수1 = 12.321654987 변수2 = 변수1.toFixed(5) console.log(변수2) // 12.32165 이렇게 출력될 것입니당 https://squll1.tistory.com/entry/javascript-%EC%86%8C%EC%88%98%EC%A0%90-%EC%9E%90%EB%A6%AC%EC%88%98-%EC%A7%80%EC%A0%95%EC%9E%90%EB%A5%B4%EA%B8%B0 [javascript] 소수점 자리수 지정(자르기) toFixed() toFixed()함수를 ..

react native를 개발할 때 알림창, 모달창을 가장 많이 띄우게 될 것인데 왜냐하면 사용자에게 현재 어떤 상황인지 알리는 방식도 있으며 사용자가 원하는 것을 수행하기 위해서는 예.아니오 등 여러 선택지를 제공해 줘야한다 이럴때 가장 많이 사용하는 게 Alert창이다 흔히 우리가 알고 있는 알림창인데 해당 알림창의 버튼을 클릭할 때마다 이벤트를 발생시키려면 일반 Alert창이면 안된다 그래서 알림창 커스텀이라고 생각하면 되는데 Alert.alert( "산책 끝", "산책을 끝내려면 확인을 눌러 카메라를 실행하여 사진찍어주세요(취소 시 적립이 안되고 저장되지 않습니다)", [ // The "Yes" button { text: "사진찍기", onPress: () => { setStart(true) //..