은젼의 뒤죽박죽 개발로그

안녕하세요! 웹 서버 개발 중 외부에서 https URL 을 사용해서 localhost 에 접속해야 하는 상황이 필요한 경우가 있습니다. ngrok 사용하여 localhost 를 외부에서 접속가능한 https URL 로 생성하는 방법입니다. ngrok 플랫폼 ngrok 플랫폼은 NAT 와 방화벽 뒤에 있는 사내 로컬 서버를 안전한 터널을 통해 공개 인터넷에 노출할 수 있도록 지원해주는 플랫폼. 방화벽에서 포트 포워딩 같은 네트워크 환경 설정 변경없이 로컬에 실행중인 서버를 외부에서 접근 가능합니다. 🧤 1. ngrok 설치 https://ngrok.com/ ngrok - Online in One Line Zero Trust Add SSO, Mutual TLS, IP Policy, and webhook s..

안녕하세요 😋 안드로이드 단말기에서 레이아웃 범위 표시는 화면의 레이아웃이 어떻게 구성되어 있는지 쉽게 확인하는 방법입니다. 저는 이 기능을 앱의 구성이 Native 인지, WebView 인지 확인할 때 가장 많이 사용합니다. 웹뷰(WebView) 인 경우 따로 레이아웃 범위를 표시해주지 않거든요~ 레이아웃 범위 표시 메뉴 위치 및 이 기능을 안드로이드 상단 빠른 설정창의 메뉴로 구성하는 방법을 포스팅하려 합니다. 제가 자꾸 까먹어서 내 블로그에 박제시켜놓기!! 🧤 레이아웃 범위 표시 활성화 하기 설정 > 개발자 옵션 > 레이아웃 범위 표시 활성화 하면 아래와 같이 바로 레이아웃 범위가 표시되는 것을 확인할 수 있습니다. 🧤 빠른 설정창에 레이아웃 범위 표시 메뉴 추가하기 안드로이드 상단 빠른 설정창의 ..

안녕하세요! Xcode 에 있는 내 프로젝트를 깃허브(GitHub) 에 올리는 방법 입니다. 일단 Xcode 를 켜주세요! 🧤 Xcode 에 깃허브(GitHub) 계정 등록 Xcode 켠 후, 먼저 XCode 에 깃허브(GitHub) 계정 등록을 해줘야 합니다. Xcode > Preferences... 클릭 Accounts 에서 IDs + 버튼 클릭 GitHub 선택 후 Continue 버튼 클릭 나의 GitHub 계정과 Token 입력 후 Sign in 버튼 클릭 GitHub 토큰 값 생성은 아래 포스팅을 참고해주세요 :) https://eunoia3jy.tistory.com/29 [GitHub] 안드로이드 스튜디오(Android Studio) 깃허브(GitHub) 계정 연동시 오류 (Invalid a..

Remote Config Firebase 의 Remote Config 는 사용자가 앱 업데이트를 다운로드하지 않고도 앱의 동작과 모양을 변경할 수 있는 클라우드 서비스입니다. https://firebase.google.com/docs/remote-config Firebase 원격 구성하기 앱 업데이트를 게시하지 않고도 일일 활성 사용자 수 제한 없이 무료로 앱의 동작과 디자인을 변경할 수 있습니다. firebase.google.com https://firebase.google.com/docs/remote-config/get-started?platform=android Firebase 원격 구성 시작하기 의견 보내기 Firebase 원격 구성 시작하기 iOS+ Android 웹 Flutter Unity ..

In App Messaging Firebase 의 In-App Messaging 은 특정 상황에 앱에 팝업을 띄울 수 있게 해주는 Firebase 의 참여 기능 중 하나입니다. Firebase 인앱 메세지를 사용하면 주요 앱 기능을 사용하도록 권장하는 타겟팅된 상황별 메시지를 보내 앱 활성 사용자의 참여를 유도할 수 있습니다. 앱에 SDK 라이브러리만 추가해주면 코드 구현 없이 가능하다는 장점이 있습니다. https://firebase.google.com/docs/in-app-messaging?hl=ko Firebase 인앱 메시지 | Firebase Documentation 상황별 메시지로 활성 앱 사용자의 참여를 유도합니다. firebase.google.com https://firebase.googl..

Firebase Realtime Database 를 이용해서 Android Kotlin 으로 간단한 채팅 앱을 만들어보았어요! 먼저 Firebase Realtime Database 는 이전 포스팅을 참고해주세요~ https://eunoia3jy.tistory.com/174 [Android/kotlin] 구글 Firebase Realtime Database 사용하기 Realtime Database Firebase의 Realtime Database는 NoSQL기반 cloud-hosted database입니다. 실시간으로 모든 클라이언트에서 데이터가 동기화 되어 사용할 수 있습니다. https://firebase.google... eunoia3jy.tistory.com 🎨 시나리오 ◽ 초기 진입 시 모든 채팅..

Realtime Database Firebase의 Realtime Database는 NoSQL기반 cloud-hosted database입니다. 실시간으로 모든 클라이언트에서 데이터가 동기화 되어 사용할 수 있습니다. https://firebase.google.com/docs/database/android/start Android에서 설치 및 설정 | Firebase Documentation Check out what’s new from Firebase at Google I/O 2022. Learn more 의견 보내기 Android에서 설치 및 설정 Firebase에 앱 연결 아직 추가하지 않았다면 Android 프로젝트에 Firebase를 추가합니다. 데이터베이스 만들기 F firebase.googl..

Firebase 출시 및 모니터링 기능 중 Firebase Crashlytics 를 사용하면 비정상 종료, 심각하지 않은 오류, '애플리케이션 응답 없음'(ANR) 오류에 관한 포괄적인 비정상 종료 보고서를 받아 볼 수 있습니다. 앱 Crash 를 좀 더 손쉽게 확인할 수 있는 오류보고 솔루션입니다. 🚨 Google Crashlytics 에 대한 사용설정 Firebase Crashlytics 를 사용하기 위해 먼저 Google Crashlytics 에 대한 사용설정을 구성해 줍니다. 프로젝트 개요 > 프로젝트 설정 > Google Crashlytics 사용설정 클릭 후 Google 애널리틱스 계정 선택 후 Google Crashlytics 사용 설정 버튼 클릭 🚨 Firebase Crashlytics 시..

안녕하세요! 이번 포스팅은 Jetpack Navigation 을 이용한 간단한 화면 이동을 구현해 보았습니당~ Jetpack Navigation Jetpack 은 Android 개발을 빠르게 도와주는 컴포넌트 라이브러리입니다. Jetpack Navigation 은 UI 를 통한 Navigation 편집이 가능하게 해주는 라이브러리로, 구글에서 권장하고 있는 네비게이션 중 하나입니다. 단순한 버튼 클릭부터 좀 더 복잡한 패턴(앱바, 탐색 창)에 이르기까지 여러 가지 탐색을 구현하도록 도와줍니다. 탐색 구성요소는 기존의 원칙을 준수하여 일관적이고 예측 가능한 사용자 환경을 보장합니다. 🚨 Jetpack Navigation 의 3가지 주요 구성요소 1. 탐색 그래프 : 모든 탐색 관련 정보가 모여있는 xml ..

프로그래머스 에서 코딩테스트 문제 신규 아이디 추천 를 풀어봤습니당~ 1단계입니당! https://programmers.co.kr/learn/courses/30/lessons/72410?language=java 코딩테스트 연습 - 신규 아이디 추천 카카오에 입사한 신입 개발자 네오는 "카카오계정개발팀"에 배치되어, 카카오 서비스에 가입하는 유저들의 아이디를 생성하는 업무를 담당하게 되었습니다. "네오"에게 주어진 첫 업무는 새로 programmers.co.kr 문제 설명 카카오에 입사한 신입 개발자 네오는 "카카오계정개발팀"에 배치되어, 카카오 서비스에 가입하는 유저들의 아이디를 생성하는 업무를 담당하게 되었습니다. "네오"에게 주어진 첫 업무는 새로 가입하는 유저들이 카카오 아이디 규칙에 맞지 않는 아..

안드로이드에서 제공하는 생체 인증 방식은 Fingerprint, Biometric 가 있습니다. Marshmallow(6.0) ~ Oreo(8.0) : Fingerprint Pie(9.0) 이상 ~ : Biometric Android API Level 29 부터는 Biometric 사용을 권장합니다. Biometric 를 사용한 지문인식를 Kotlin 으로 구현한 소스입니다. 작성한 파일 목록 입니다. 1. build.gradle(:app) 2. AndroidManifest.xml 3. BiometricActivity.kt 4. activity_biometric.xml build.gradle(:app) dependencies 에 implementation 'androidx.biometric:biometr..

프로그래머스 에서 코딩테스트 문제 신고 결과 받기 를 풀어봤습니당~ 1단계입니당! https://programmers.co.kr/learn/courses/30/lessons/92334?language=java 코딩테스트 연습 - 신고 결과 받기 문제 설명 신입사원 무지는 게시판 불량 이용자를 신고하고 처리 결과를 메일로 발송하는 시스템을 개발하려 합니다. 무지가 개발하려는 시스템은 다음과 같습니다. 각 유저는 한 번에 한 명의 programmers.co.kr 문제 설명 신입사원 무지는 게시판 불량 이용자를 신고하고 처리 결과를 메일로 발송하는 시스템을 개발하려 합니다. 무지가 개발하려는 시스템은 다음과 같습니다. 각 유저는 한 번에 한 명의 유저를 신고할 수 있습니다. 신고 횟수에 제한은 없습니다. 서로..

8장] 프레임워크와 라이브러리 🚨 프레임워크 • iOS 애플리케이션을 만든다고 생각하면 개발자는 버튼부터 한 땀 한 땀 코딩하지 않는다 -> 버튼은 이미 애플이 만들어놓음 • 이렇게 만들어놓은 코드를 개발자가 사용 • 프레임워크는 개발자에겐 '사전' 과 같은 개념이다 • 소프트웨어의 특정 문제를 해결하기 위해서 상호 협력하는 클래스와 인터페이스의 집합 • 작업(work)의 구조(frame)가 정해져 있는 라이브러리 (Frame+work) - 애플에서 제공해주는 프레임워크인 코코아(UIkit, AppKit 등)를 사용하면 애플의 애플리케이션을 더 쉽고 빠르게 만들 수 있다 - 자바 혹은 코틀린 언어를 사용하는 안드로이드 또한 안드로이드 프레임워크를 사용하면 안드로이드에 올라가는 애플리케이션을 쉽게 만들 수..

6장] 웹 (Web) 🚨 Web 웹의 4가지 이슈 • HTML, CSS, JavaScript 로 이루어진 웹의 기본적인 내용 • 브라우저 • 반응형 웹 • 하이브리드 애플리케이션 🚨 웹을 구성하는 3요소 • HTML • CSS • JavaScript HTML (Hyper Text Markup Language) • 유럽 입자 물리 연수소(CERN) 에서 시작 • '팀 버너스리' 라는 직원은 연구소 사람들이 서로 다른 운영체제(OS)나 애플리케이션을 사용하고 있다는 문제점을 발견 • 운영체제나 프로그램에 상관없이 일정한 형식이 언제나 동일하게 보이도록 하는 새로운 개념이 필요 -> HTML 문서는 운영체제에 상관없이 브라우저만 있으면 스마트폰에서도, PC에서도, 노트북에서도, 윈도우에서도, 맥에서도, iOS..

4장] API 와 JSON 🚨 API • 요청을 구분할 수 있도록 하는 체계 • 클라이언트, 서버와 같은 서로 다른 프로그램에서 요청과 응답을 주고 받을 수 있게 만든 체계 • 클라이언트 컴퓨터에서 요청을 보내고 서버 컴퓨터에서 요청을 받아서 응답을 준다 • 서버는 주소에 따라 요청의 종류를 정해놓아야 한다 • API 는 서버 개발자가 개발하고, 클라이언트 개발자는 그 API 를 사용한다 • API 를 통해 요청과 응답을 주고 받을 때는 데이터도 같이 담긴다 ex) 서버주소/A 의 형태로 요청이 오면 로그인 기능을 수행하고 응답 ex) 서버주소/B 의 형태로 신호를 보내면 서버가 회원 가입 기능을 수행하고 응답 API 의 4가지 요청 요소 : CRUD • C(Create) : 생성 요청(사진을 올리는 요..