Front-End (5) 썸네일형 리스트형 [Android (Kotlin)] 네이버 지도 API 연결하기 안드로이드 앱에서 네이버 지도 API 를 연결해보겠습니다. 1. 우선 네이버 클라우드 플랫폼 에 접속해 회원가입을 합니다. (네이버 간편 로그인으로 해도 무방합니다) 2. 아래와 같이 오른쪽 상단에 나와있는 메뉴 버튼을 클릭해, 서비스 > Application Services > Maps 를 클릭합니다. 3. 이용 신청하기 버튼을 클릭하면, 아래와 같이 Application 보드가 나옵니다. Application 등록 버튼을 클릭해서 Application 이름을 설정하고, Maps > Mobile Dynamic Map 을 선택합니다. 이외에, 필요한 API 들을 자유롭게 체크하시면 됩니다. 4. Android Studio 에서 프로젝트를 하나 생성하고, 이 때 만들어진 패키지 이름을 아래와 같이 네이버 .. [Android] 회원가입 및 로그인 구현 시 이메일 형식 검사 회원가입 및 로그인에서 이메일을 입력할 때 이메일 형식을 검사해 형식이 맞지 않을 경우 경고문구를 띄우는 기능을 구현해보겠습니다. 1. 먼저 이메일 형식을 검사할 이메일 정규식은 아래와 같습니다. // 이메일 검사 정규식 private val emailValidation = "^[_A-Za-z0-9-]+(\\.[_A-Za-z0-9-]+)*@[A-Za-z0-9]+(\\.[A-Za-z0-9]+)*(\\.[A-Za-z]{2,})$" 2. 이메일 형식 검사를 하는 checkEmail() 함수를 만들어보면 아래와 같습니다. - 이메일을 입력하는 EditText에 입력한 값을 email 변수에 저장합니다. - 이메일 정규식과 email 값의 패턴이 맞는지 검사해 true, false 리턴값을 받습니다. - 이메일 .. [React] Firebase Authentication 을 이용한 로그인 / 회원가입 - 로그인과 회원가입 기능을 Firebase 에서 제공하는 Authentication 을 이용하여 구현해보았습니다. 앞선 포스트에서 Login.js 와 Join.js 내용에서 수정하였습니다. 관련 포스트는 아래 링크로 확인할 수 있습니다. 2022.11.11 - [React] - React & Firebase / Firestore 연동 React & Firebase / Firestore 연동 - 리액트를 활용해 웹 사이트를 만들 예정이다. 이에 앞서, 가장 기본적인 회원가입 및 로그인을 구현해 볼 것이다. Back-End 로 node.js, spring 등 고민했지만 아무래도 Firebase 가 비교적 간단하면서도 jeinie-developer.tistory.com #1 Login.js (로그인 기능 구.. [Android] Kotlin & Firebase/Firestore 연동(회원가입 및 로그인 구현) - Kotlin 으로 SNS 안드로이드 앱을 만들 예정입니다. 제일 기본이 되는 회원가입 및 로그인을 Firebase 를 이용하여 구현해보겠습니다. #1 Firebase 연동을 위한 기본 Setting 1 ) Firebase/Firestore database 를 사용하기 위해 안드로이드 스튜디오에서 기본 셋팅을 해줍니다. // build.gradle (:app) dependencies { implementation 'androidx.core:core-ktx:1.9.0' implementation 'androidx.appcompat:appcompat:1.5.1' implementation 'com.google.android.material:material:1.7.0' implementation 'andro.. [React] Firebase / Firestore 연동 - 리액트를 활용해 웹 사이트를 만들 예정입니다. 이에 앞서, 가장 기본적인 회원가입 및 로그인을 구현해 볼 것입니다. Back-End 로 node.js, spring 등 고민했지만 아무래도 Firebase 가 비교적 간단하면서도 편리할 것 같아 이로 정했습니다. #1 Firebase 계정 생성 1) 이는 구글 계정으로 간단하게 생성할 수 있습니다. 다음과 같이 Add project 를 눌러 프로젝트를 생성합니다. 2) 생성한 프로젝트에 들어가서 왼쪽에 Authentication 에 들어가서 Sign-in method 에서 로그인 방법을 설정합니다. 우선 Email/Password 로 설정하였습니다. #2 firebase_config.js firebase_config 파일을 만들어 firebase 및 f.. 이전 1 다음