DeveloperJun

새로운 개인 개발자 계정의 앱 테스트 요구사항 ​ ​ ​ 구글 Play Console 고객센터 내용에 따르면, 2023년 11월부터 Google Play에 새로운 앱을 게시할 때 적용되는 요구사항이 변경된다고 합니다. ​ 요약하면, 개인 계정으로 2023년 11월 13일 이후에 만든 앱은 14일 이상 지속적으로 테스트에 참여하겠다고 선택한 비공개 테스터를 필수로 20명을 모아 테스트를 진행해야 한다고 합니다. ​ 해당 조건이 충족이 되면 프로덕션 신청을 할 수 있게 됩니다. ​ 사실 개인 개발자로써 안드로이드 20명의 테스터를 모은다는 것은 하나의 큰 부담으로 느껴질 수 있습니다. (저 역시 너무 큰 부담이네요..) ​ 현재 인도에서는 대출을 빌미로 사용자가 상당한 부채를 지게 하는 사기성 앱이 확대되고..

[오류 내용] 현재 구현되어 있는 구글 로그인은 구글 로그인 후 타겟 웹 페이지로 Redirect하는 방식으로 로그인을 완료해야하는 Flow이다. 이 과정에서 구글 로그인 페이지로 이동을 하면 disallowed_useragent 에러가 발생이 되어 더 이상 로그인 절차를 진행 할 수 없었다. [오류 원인] 구글이 2016년 10월 20일부터 WebView로 구글 인증을 하지 못하도록 막았기 때문이라고 한다. (참고자료) ​[발생 문제] 구글 인증을 위해서는 userAgent 값을 수정하여 우회가 필요하였다. userAgent 값을 수정하여 우회 하는 방법을 사용하였을 경우, React에서 사용되는 모바일 체크 관련된 기능이 대부분 userAgent를 통해 체크를 하다보니 aos/ios 의 구분이 필요한..

Backend CI/CD 자동 배포 구축 지난번에는 cloudfront를 활용한 frontend 자동배포구축을 해보았습니다. https://developerjun2.tistory.com/170 React 프로젝트 Aws cloudfront, bitbucket pipelines 로 자동배포하기 React 프로젝트 자동배포 실제 Front Web 프로젝트를 서비스하기 위해 어떻게 배포하나요~? 관리 중인 git을 통해 commit or push 만으로도 실제 서비스 배포가 적용되면 얼마나 편할까요? AWS Cloudfront와 developerjun2.tistory.com 이번에는 backend 프로젝트를 자동 배포해보려고 합니다. 자동 배포를 사용할 경우, 개발을 집중 할 수 있었고 심신안정에 좋으며(부담..

React 프로젝트 자동배포 실제 Front Web 프로젝트를 서비스하기 위해 어떻게 배포하나요~? 관리 중인 git을 통해 commit or push 만으로도 실제 서비스 배포가 적용되면 얼마나 편할까요? AWS Cloudfront와 Bitbucket pipelines를 통해 자동 배포를 간단하고 빠르게 구성해보겠습니다. 준비물은 사용 중인 bitbucket 사용중인 AWS 계정 각각의 대한 설명은 추후에 여유 생기면 보완하여 작성하도록 할게요! React 프로젝트 생성 아주 간단하게 사용될 기본 React 프로젝트를 생성해보겠습니다. 우선 테스트로 사용될 Bitbucket Repository를 생성해주었습니다. 단순히 Repository 생성! create-react-app cloudfront-pi..

nestjs 에러 해결 새로운 프로젝트를 빠르게 구성하다보니, 단순히 typeorm 연결 구성에서 부터 에러가 발생하였다. 역시 마음이 급하다보니.. 그동안 ormconfig 파일로 따로 빼서 구성을 빠르게 하는 것만으로도 삽질을 이렇게 하다니.. import { TypeOrmModuleOptions } from '@nestjs/typeorm'; ^^^^^^ SyntaxError: Cannot use import statement outside a module 요런 에러가 발생하기도 하고, process.env.PORT 이런식의 구성으로 사용을 하게 되면 dotenv.config(); ^ TypeError: Cannot read property 'config' of undefined 이런 에러가 발생하기..

vsCode 설정 및 에러잡기 코딩을 위해 설정을 하던 중 협업과 관련하여 점점 eslint가 중요해지기 시작했다. 간단하게 세팅을 하고 바로 사용하면 될 줄 알았으나 에러가 크게 뙇!! 나 같은 경우는 nest js 의 exception filter를 커스텀 하여 사용하려고 코딩하던 중 회사 설정과 집 설정이 달라 세팅하던 중 에러를 뿜뿜 뱉고 있었다. 거슬리는 빨간 줄 표시들.. F8 을 누르면 에러 내용을 바로 볼 수 있다. 첫 줄 부터 바로 볼 수 있는 이 에러.. 급하게 세팅을 하다가 eslint 만 설치하고 prettierr를 설치 하지 않았다면 이 것보다 더 최악의 에러가 발생 한다. 컨트롤 + 쉬프트 + X (윈도우 기준) 버튼을 눌러 이 친구도 설치를 해주고!! .eslintrc.js 파..

call 이란? call() 메소드는 주어진 this 값 및 각각 전달된 인수와 함께 함수를 호출합니다. 라고 MDN에 작성되어 있습니다. 예를 들어 아래와 같은 코드가 있다고 가정해보겠습니다. var title = "환영합니다."; var house = { title: "집이예요~", room: { title: "방입니다.", getTitle: function() { return this.title; } } } 아래와 같이 실행하면 각각 어떤 결과가 나올까요~? var fn = house.room.getTitle; fn(); // 환영합니다. house.room.getTitle(); // 방입니다. house.getTitle = house.room.getTitle; house.getTitle(); //..

호이스팅이란? 함수 앞에서 함수를 호출하는 것을 뜻합니다. (네?) "건설 현장의 이런 엘리베이터 보신 적 있으신가요? 건설 현장에서는 호이스트라고 합니다. 저는 공사장에서 호이스트를 타고 매일 일해본적이 있기에 이 사진을 보자마자 기억을 오래 할 수 있었습니다." (TMI) 호이스팅을 검색하면 아래와 같은 내용들을 찾아볼 수 있습니다. - 코드가 실행하기 전 변수선언/함수선언이 맨 위로 끌어올려진 것 같은 현상 - 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미 - 함수는 실행되기 전에 함수 안에 필요한 변수값들을 모두 모아서 유효 범위의 최상단에 선언 등등.. 여기서의 공통적인 핵심은 '미리' 또는 '맨 위'입니다. 호이스팅을 단순히 실행하면 맨 위로 올라간다? 미리 할당..

퀵 정렬(Quick Sort)이란? 기준키를 기준으로 작거나 같은 값을 지닌 데이터는 앞으로, 큰 값을 지닌 데이터는 뒤로 가도록 하여 작은 값을 갖는 데이터와 큰 값을 갖는 데이터로 분리해가며 정렬하는 방법입니다. 이전에 만나봤던 합병정렬과 비슷하게 두 영역으로 분리하여 비교하는 정렬 방법입니다. 이렇게 두 영역으로 분리하여 각각을 해결하고 다시 합치는 전략을 분할 정복 방법이라고 합니다. 퀵 정렬의 원리를 좀더 간단하게 단계별로 나누면 아래와 같습니다. 1. 피벗을 설정한다. 2. 피벗보다 큰 수는 오른쪽 작은 수는 왼쪽에 배치한다. 3. 피벗을 기준으로 두개의 배열로 나눈다. 4. 각각의 배열을 1번부터 재귀적으로 반복한다. // 위치 변경 const swap = (arr, leftIndex, ri..

병합 정렬이란 합병 정렬 또는 병합 정렬이라고 불리며 O(n log n) 비교 기반 정렬 알고리즘입니다. 일반적인 방법으로 구현했을 때 이 정렬은 안정 정렬에 속하며, 분할 정복 알고리즘의 하나입니다. 정렬하고자 하는 데이터의 모임을 비슷한 크기의 두 부분으로 반복하여 나눈 뒤, 나누어진 부분 데이터들을 정렬한 다음에 다시 병합하면서 하나의 정렬된 데이터 모임으로 만드는 방법입니다. // 합병 정렬 const merge = (left, right) => { let arr = []; while (left.length && right.length) { if (left[0] < right[0]) arr.push(left.shift()); else arr.push(right.shift()); } return [..