[자바스크립트] 자바스크립트(JavaScript) 전화번호, 생일, 시간 정규식, 하이픈 자동 생성 코드

//전화번호 정규식 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); } 팀원이 작성한 정규식이다! ​ 처..

• format_list_bulleted 프론트/Javascript, Typescript
• · 2023. 7. 8.
• textsms

[리액트네이티브] react-native 값 다음 컴포넌트로 전달하기 (Expo)

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

• format_list_bulleted 프론트/React Native, React
• · 2023. 7. 8.
• textsms

[자바스크립트] 자바스크립트(JavaScript) 소수점 뒷자리 자르기

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()함수를 ..

• format_list_bulleted 프론트/Javascript, Typescript
• · 2023. 7. 8.
• textsms

[리액트 네이티브] react native 확인 취소 알림창(Alert) 띄우기

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

• format_list_bulleted 프론트/React Native, React
• · 2023. 7. 7.
• textsms

[리액트 네이티브] React-Native GPS로 사용자의 위치 가져와서 이동한 거리 선긋기 (Expo)

프로젝트로 ​ 애완동물과 산책하는 거리를 보여주는 프로젝트이다 ​ 그래서 사용자가 산책을 시작하면 서버에 데이터를 보낸다 ​ 사용자 + 산책시간 + 현재위치 (위도, 경도) ​ 를 서버로 보낸다. ​ 이렇게 만들것인데 ​ 일단 이 기능의 시나리오는 ​ 사용자가 산책하기 버튼을 클릭 사용자 + 날짜 + 산책시간(현재시간) + 현재위치(위도, 경도)를 보냄 (서버) 산책하기 테이블에 저장 [ 번호 + 사용자 + 시작시간 + 종료시간(null) ] 을 저장 모달창으로 주의 사항 및 안내할 내용을 보여준다 확인버튼을 누르면 모달창은 사라짐 산책하는 동안 onUserLocationChange로 변화하면 연결해주는 선그어주기? (GPS)기능 필요 산책 종료 버튼 클릭 사진찍을 수 있는 모달창 띄우기 확인을 누르면 ..

• format_list_bulleted 프론트/React Native, React
• · 2023. 7. 7.
• textsms

[Spring] 다국어 처리 properties파일 리소스 파일, 다양한 언어 처리 하기

교재 : 스프링 코딩 공작소 https://thebook.io/080266/0414/ 스프링 코딩 공작소: 12.1 다국어 처리의 개요 더북(TheBook): (주)도서출판 길벗에서 제공하는 IT 도서 열람 서비스입니다. thebook.io 다국어 처리 로케일(locale)에 따라 다양한 언어를 지원하는 서비스 => 코드를 수정할 필요 없이 웹 브라우저의 로케일을 기준으로 각 언어에 해당하는 메시지로 변경하는 서비스 로케일이란? 사용자의 언어, 국가뿐만 아니라 사용자 인터페이스에서 사용자가 선호하는 사항을 지정한 매개변수의 모임이다. ex) 나라별로 언어, 글자, 날짜나 시간의 양식, 통화 기호, 문자열 정렬 순서 등이 다름 다국어 처리 하려면 자유롭게 설정 할 수 있도록 " MessageSource "..

• format_list_bulleted 백/Spring, Spring Boot
• · 2023. 7. 6.
• textsms