환경세팅 설치 Android 1. 안드로이드 스튜디오 설치 안드로이드 스튜디오 를 설치하고 아래 항목들을 체크해준다. Android SDK Android SDK Platform Android Virtual Device 2. Android SDK 설치 안드로이드 스튜디오 SDK Manager에서 Android 10.0 버전을 체크하여 설치해준다. Inter x86 Atom_64 System Image or Google APIs Inter x86 Atom System Image “SDK Tools” 탭으로 이동하여 아래 두가지 항목을 체크한 후 Apply 해준다. “Android SDK Build-Tools” 29.0.2 “Android SDK Command-line Tools (latest)” 3. 환경 변수 아래 명령어를 통해 환경변수가 잘 지정되었는지 확인한다. 명령어들 상태 확인 아래 명령어를 통해 환경 세팅이 잘되었는지를 확인할 수 있다. [실행 결과] 팁들 실행 오류 …

시작하며 근육맨 이라는 모바일 어플리케이션 프로젝트를 진행하며 개발 언어로 React Native 를 채택했고, 소셜 로그인 기능을 추가하게 되었다. [사전 준비] RN >= 0.60 (RN <= 0.59의 경우 패키지 설치법이 상이할 수 있습니다. 카카오 애플리케이션(프로젝트) 추가 먼저 Kakao Developers 사이트에 접속해 내 애플리케이션 메뉴에서 애플리케이션 추가를 해줍니다. 1-1. 앱 이름, 사업자명 입력 시 간단히 애플리케이션을 생성할 수 있습니다. 2. 기본값으로 카카오 로그인이 비활성화 되어 있기 때문에 애플리케이션 > 카카오 로그인 메뉴에서 활성화 시켜줍니다. 3. 카카오 로그인 활성화 부분 하단에 있는 Redirect URI를 설정해줍니다. 공식 문서에서는 아래 두가지의 규칙을 지켜 Redirect URI를 설정해야 한다고 가이드하고 있습니다. Redirect URI는 HTTP/HTTPS 프로토콜 및 80, 443 포트를 허용합니다. Redirect…

시작하며 매 프로젝트를 구축할 때마다 하는 고민 ‘공통 모듈을 어떻게 관리할까?’. 이번 프로젝트를 진행하면서도 어김없이 이 질문에 대한 고민을 해보았다. 규모가 꽤 있는 Vue 프로젝트를 시작 단계부터 참여했던 경험이 없었기 때문에 여러 아티클을 찾아보았다. [환경] Vue2 + Nuxt.js 플러그인으로 작성하기 Vue 공식문서에서는 플러그인에 대해 설명하고 있다. 공통으로 사용할 js 파일을 이나 선호하는 곳에 만들어준다. 사용은 이렇게 타입스크립트를 사용하지 않는 Nuxt 환경이라면 다음 방법도 가능하다. Nuxt에서 제공하는 함수를 사용하는 건데 예제 코드는 아래를 참고하면 된다. 내가 위 방법대로 시도하다보니 Typescript의 벽에 부딪혔다. 파라미터로 받아오는 Vue에 대한 타입을 지정하라고 하는데 는 절대 쓰기 싫어서 ,, 다른 방법을 찾아보았다. Nuxt Typescript 공식 문서에서 plugins를 등록하는 가이드를 찾을 수 있었고 결과를 미리 말하…