본문 바로가기
반응형

전체 글362

카카오톡이나 페이스북에서 사용하는 HashKey 얻어오기 #Android 오늘은 KakaoTalk이나 FaceBook의 API를 이용할 때 사용하는 HashKey를 얻는 방법에 대해 정리해 보겠습니다. 보통 Debug용과 Release용 해쉬키가 모두 필요한데요. 각각의 해쉬키를 어떻게 얻는지 하나씩 정리해 보도록 하겠습니다. 1. Debug용 해쉬키 카카오SDK의 경우 이러한 해쉬값을 구하는 함수를 제공해 주고 있는데요. SDK를 implement하였다면, 아래 코드를 실행시켜주면 값을 얻어올 수 있습니다. var mHash = Utility.getKeyHash(this) 카카오 SDK를 사용하지 않더라도 어렵지 않게 해쉬키를 얻을 수 있는데요. 아래 코드를 이용해서, Logcat에서 해쉬키값을 얻어오는 것 입니다. "HashKey:" 다음에 나오는 키값이 바로 Debug용.. 2021. 5. 7.
Dotenv 로 관리하는 환경변수 # NodeJS 오늘은 NodeJS를 개발하면서 Dotenv로 환경변수를 관리하는 방법에 대해서 정리해 보도록 하겠습니다. 1. Dotenv 와 NodeJS의 환경변수 환경 변수는 Production 모드, Dev 모드 전환, DB 비밀번호, API 액세스 키 등 중요한 정보를 저장하는 데 사용합니다. NodeJS에서는 Dotenv 모듈을 활용하여 이러한 환경 변수를 .env 파일에 저장하고, process.env를 통해 쉽게 불러올 수 있습니다. 이렇게 해서 보안을 강화하고 설정을 간편하게 관리할 수 있습니다. 2. 모듈 설치 모듈을 설치하기 위해서 다음 명령어를 입력해 줍니다. npm install dotenv --save 3. '.env' 파일 생성과 환경변수 저장 제일 먼저 할 일은 프로젝트의 루트에 '.env'.. 2021. 5. 1.
Koa JS FrameWork을 이용한 RestAPI 만들기 # NodeJS 오늘은 Koa JS 프레임웍을 이용해서, UI없이 Get과 Post를 구현한 RestAPI서버를 만드는 방법에 대해서 알아보도록 하겠습니다. 먼저, Koa에 대해서 알아보도록 하겠습니다. 1. Koa Koa는 Express를 만들던 팀에서 개발한 새로운 웹프레임워크입니다. 좀더 경량의, 빠른 웹앱과 API를 지향한다고 하는군요. 공식페이지의 소개에도 나와있지만, Koa는 async function을 이용해서, 콜백헬에서 벗어나고, error핸들링을 원활하게 해준다고 합니다. Babel없이도 이용할 수 있는 async function과 await, 그리고 ES6를 바로 사용할 수 있는 프레임워크라는 점에서 매력적이라고 할 수 있을 것 같습니다. 위에서 언급한 것처럼, Expresss를 만들던 팀에서 만들었.. 2021. 5. 1.
WebStorm NodeJS Coding Assistance 활성화 방법 WebStorm을 이용해 프로젝트를 생성할 경우, NodeJS프로젝트로 생성할 때도 있지만, 그냥 Empty 프로젝트에 app.js만 생성해서 시작하는 경우도 있는데요. 이 때, NodeJS Coding Assistance 를 활성화하지 못하고 사용하는 경우는 어떻게 해야할까요? 오늘은 Coding Assistance를 활성화하는 방법에 대해서 정리해 보겠습니다. 1. Alt + Enter JetBrain 프로덕트들에서 가장 유용하게 쓰이는 단축키가 "alt+enter" 인데요. 이를 이용해서 CodingAssistance를 활성화 시킬 수 있습니다. 아래와 같이 모듈을 require해 주면되는데요. 꼭 path가 아니여도 되지만, 개인적으로 path를 많이 사용합니다. 자주 require하는 모듈중 하.. 2021. 4. 29.
NodeJS Get 과 Post 의 Parameter 와 QueryString 전달 방법 오늘은 NodeJS의 Get 과 Post의 Parameter를 전달하는 방법에 대해서 정리해 보도록 하겠습니다. 테스트시에는 Chrome Extention에 있는 postman을 사용하구요. NodeJS와 express가 설치되어 있다고 가정하겠습니다. NodeJS만 설치되어 있으신 분들은 아래 명령어로 express를 설치해 주세요. npm install express --save 1. Post Parameter받아오기 postParameter를 받아오기 위해서, body-parser를 사용합니다. >> https://github.com/expressjs/body-parser 아래 명령어를 터미널에 입력해서 body-parser를 설치해 줍니다. npm install body-parser --save .. 2021. 4. 28.
Babel 을 Webstorm 과 터미널 에 적용하는 방법 # Compiler ES6 오늘은 Babel에 대해서 알아보구요. 이것을 Webstorm에 적용하는 방법에 대해 정리하려고 합니다. 먼저 Babel이 무엇인지부터 알아보도록 하겠습니다. 1. Babel Babel은 ES6로 작성된 파일을 예전버전의 브라우저나 환경에서 사용이 가능하도록, 컴파일해주는 Compiler입니다. 아래는 공식문서에 나오는 예 인데요. 아래와 같이, Lambda식으로 사용한 함수를 예전버전으로 컴파일 해주는 것 이지요. //Input [1, 2, 3].map((n) => n + 3); //Output [1, 2, 3].map(function(n) { return n + 3; }); 특히나 예전버전 브라우저에 대한 호환성을 만들어주는 코드로 컴파일해준다는 면에서, 저같은 개인개발자에게는 꼭 필요한 것이기도 합.. 2021. 4. 28.
Javascript Prototype 에 관하여 정리해 봅니다 # JS 상속 자바스크립트는 prototype을 베이스로 한 언어라고 하는데요. ES2015에서부터 class라는 단어가 나오기 시작하였지만, 여전히 Javascript는 prototype 베이스의 언어입니다. 오늘은 이러한 JS의 prototype에 대해서 알아보겠습니다. 1. prototype 과 prototype Chain 1-1. prototype 과 prototype Chain prototype을 이해하기 위해서 아래의 객체를 보도록 하겠습니다. students라는 객체에는 fullName이라는 속성만 지정되어 있는데요. 'students.' 이라고 입력하면, 본적없는 속성들이 IDE에 아래와 같이 나열되는 것을 볼 수 있습니다. 이렇게 객체만 만들어도 접근할 수 있는 property에는 다음과 같은 값들이 .. 2021. 4. 27.
Javascript의 Promise를 알아보자 #ES6 비동기코드 하면 나오는 단어중 하나가 콜백헬입니다. 코드의 많이 중첩되어서, 가독성이 매우 떨어지는 문제를 애기하는 것으로 JavaScript 에서도 여러가지 대안들이 나왔었습니다. 이에 대한 대안중 하나가 Promise인데요. 이것은 Javascript es6에 채택이 되었습니다. 오늘은 이 Promise에 대해서 정리해 보겠습니다. 1. Promise 미래에 발생할 비동기 이벤트의 처리의 완료 또는 실패를 나타내는 일종의 Future 객체를 가르킵니다. 콜백헬에 빠지지 않고, 비동기 처리가 성공한 경우와 실패한 처리를 구분할 수 있게 해주는데요. Promise는 비동기 operation에 대한 상태들을 아래와 같이 정의하고 사용합니다. 상태 내용 pending Promise의 initial (초기)상.. 2021. 4. 27.
Reverse Commit SourceTree 에서 되돌리는 Git 오늘은 커밋한 버전을 유지하면서, 과거로 되돌리는 Git Revert을 정리하려고 하는데요. SourceTree에서 사용하는 쉬운방법을 보도록 하겠습니다. 1. UI에서 Reverse Commit 1-1. 직전단계로 Reverse SourceTree의 커밋리스트에서 우측마우스버튼을 클릭하여 컨텍스트 메뉴를 보이도록 하면, 아래와 같이 reverse commit을 찾을 수 있습니다. 그럼 아래와 같이 확인창이 뜨고, OK를 눌러줍니다. 아래와 같이, Revert"돌아갈 커밋" 으로 Commit이 된 것을 볼 수 있습니다. 2021. 4. 23.
ViewBinding 구현방법 정리 findviewById는 이제 오래된 유물같은 API가 되어버렸습니다. findViewById를 이용할 때 발생하던 NullException도 ViewBinding과 함께라면 더이상 걱정할 필요가 없게되었구요. 공식문서에서도 ViewBinding사용을 추천하고 있습니다. 오늘은 이 ViewBinding을 구현하는 방법에 대해서 보도록 하겠습니다. 1. Dependency설정 ViewBinding을 사용하기 위해서는 app레벨의 Build.gradle에서 설정을 해 주어야 하는데요. buildFeature를 아래와 같이 간단한 한줄을 추가하면, ViewBinding을 사용할 수 있게 됩니다. buildFeatures { viewBinding true } 2021. 4. 17.
DiffUtil 이용해서 업데이트 하는 RecyclerView 오늘은 DiffUtil에 대해서 정리해 보도록 하겠습니다. 1. DiffUtil 과 notifyDataSetChanged RecyclerView에 표현할 데이터를 업데이트하기 위해서 사용하는 것이 notifyDataSetChanged()라는 함수입니다. 표현할 데이터셋을 변경해주고 이것만 실행시키면 만사 오케이이기 때문인데요. 그런데, 뷰를 업데이트시키는 과정에서 비효율이 많이 발생합니다. 모든 데이터를 다시 그리기 때문인데요. 이를 개선하기위해, DiffUtil이 나왔습니다. 이것을 이용하면, 데이터들을 비교해서 변경된 부분만 효율적으로 업데이트 할 수 있습니다. 2. DiffUtil 구현 2-1. Adapter의 addAll 먼저 기존의 Adapter를 보겠습니다. 리스트에 뿌려줄 아이템들을 Acti.. 2021. 4. 15.
AWS Cognito 로 앱 로그인 구현을 준비하기 # UserPool 오늘은 AWS의 Cognito를 사용하는 방법에 대해서 알아보고, 추후 안드로이드 앱에서 적용할 수 있도록 설정해 보도록 하겠습니다. 먼저 Cognito에 대해서 간단히 알아보고 설정화면을 보도록 하겠습니다. 1. AWS Cognito 회원가입과 로그인 기능등의 유저인증기능을 서버에서 구현하는 것은 상당한 노력과 시간이 필요합니다. 그것을 AWS의 API를 이용해서 구현하여 보안문제에 들어가는 것을 시간과 인건비를 AWS의 요금과 바꾸는 서비스가 Cognito입니다. 큰 기업에서는 서버팀이더라도, 보안팀을 따로 두고 관리하는데요. 이 서비스를 이용하면, 꼭 이메일가입뿐만이 아니라, FaceBook등의 SNS서비스를 통한 가입도 구현이 가능해 집니다. 사실 Gmail서비스를 가지고 있는 Google의 Fi.. 2021. 4. 11.
S3 서비스에 대한 정리 # S3 버킷 AWS 오늘은 AWS의 S3서비스에 대해서 정리해보도록 하겠습니다. 1. S3 S3는 Simple Storage Service를 의미합니다. 간단한 저장 서비스라는 것이지요. 단순히 저장에 대한 서비스만 제공하는 것이 아니라, 저장한 데이터를 안전하게 분산하여서 99.999999999% Durability를 제공해준다고 합니다. 간단하게는 보면 S3는 우리가 저장하고자하는 파일과 폴더를 Bucket이라고 하는 단위에 저장하고, 이 Bucket은 여러 지역의 AWS서버들에 분산되어서 안전하게 저장되어집니다. 2. Bucket S3에서는 프로젝트별로 Bucket을 구분합니다. 각각의 Bucket안에 파일과 폴더들이 들어가게 되겠지요. S3의 공식문서를 보면, object라는 표현이 많은데요. S3에 저장하는 Fil.. 2021. 4. 10.
getLastLocation 으로 유저의 마지막 위치얻어오기 # Android 오늘은 Android의 location API중 유저의 마지막 위치를 알려주는 getLastLocation API와 주의할 점에 대해서 정리해 보도록 하겠습니다. 참고로 이 API를 이용하기 위해서는 위치권한을 동적으로 얻어야 하는데요. 위치권한관련해서 예전 Java시절의 권한얻는 글은 아래 링크를 참조해주시구요. 추후에 Kotlin으로 작성된 최근방식도 업데이트하도록 하겠습니다. >> Android 에서 동적 권한 얻기 #골치아픈 # Runtime Permission 1. getLastLocation 앱에서 위치정보를 필요로 할 때가 있는데요. 위치정보를 계속 실시간으로 업데이트 할 것이 아니라, 유저가 요청할 때 그때의 최신 위치를 기준으로 정보를 UI로 표현해주어야 할 때가 있는데요. 이 때 유용한.. 2021. 4. 7.
RecyclerView에서 고차함수 이용한 리스트아이템클릭 구현 인자로 함수를 받는 함수를 고차함수라고 하는데요. 영어로 HigherOrder Function이라고 하지요. 오늘은 이것을 이용해서 리스트의 아이템OnItemClickListener를 어떻게 이용하는지 정리해 보도록 하겠습니다. 먼저 기본적인 recyclerView를 설정하도록 하겠습니다. 참고로 여기서는 viewBinding을 사용하였습니다. viewBiding은 findviewById를 대체할 수 있는 방법인데요. 이와 관련해서는 다른 글에서 정리하도록 하겠습니다. 1. RecyclerView를 위한 기본적인 셋업 먼저 가장 기본적인 Recycler View를 세팅하도록 하겠습니다. 1-1. DataModel설정 먼저 Movie라고 하는 간단한 데이터클래스를 정의하겠습니다. 1-2. recyclerV.. 2021. 4. 2.
registerForActivityResult 구현방법 정리 # 예전 onActivityResult 오늘은 Activity간에 데이터를 주고받을 때 사용해야 하는 registerForActivityResult에 대해서 정리해 보도록 하겠습니다. 기존에는 사용하지 않던 API이어서 조금은 낯설지도 모르겠습니다. 1. 예전 구현방법 먼저, java로 작성한 예전구현 방법에 대해서 간단히 알아보고 가겠습니다. 이전 구현방법이 필요하지 않으시면 바로 2번의 새로바뀐 API구현 방법으로 가시면 됩니다. A액티비티와 B액티비티간에 데이터를 주고 받는다고 가정해 보겠습니다. 먼저 A액티비티에서, launch는 아래와 같이 했었습니다. startActivity가 아닌, startActivityForResult함수를 이용해서, intent와 임의의 RequestCode를 정의해서 두번째 인자로 전달해 주었구요. Int.. 2021. 4. 1.
자주 사용하는 ADB 명령어 정리 # logcat 오늘은 지난 ADB를 사용하는 방법에 대한 글에 이어서, 자주 사용하는 ADB명령어에 관해 정리해 보겠습니다. 참고로 지난 글은 아래 링크를 참조해 주세요. >> ADB(Android Debug Bridge)를 사용하는 방법 1. 앱 데이터 및 앱 삭제 1-1. 앱 데이터 삭제 앱 데이터 삭제는 아래명령어로 쉽게 할 수 있습니다. adb shell pm clear 1-2. 앱 삭제 adb uninstall 앱 데이터 삭제나 앱 삭제는 테스트를 위해서 자주 사용하는 명령어 인데요. 이렇게 삭제 함에도 불구하고, 안드로이드에서는 Cloud로 백업을 해서 SharedPreference값을 재설치해도 복원해서 사용하므로 데이터 값이 제거되지 않는 경우가 있습니다. 이럴 경우에는 Manifest에서 다음과 같이,.. 2021. 3. 9.
JSON to Kotlin Class 플러그인 통해 데이터 클래스 생성하기 API에 대한 작업을 하다보면, JSON형식의 데이터를 kotlin의 data클래스로 만들어야 하는 경우가 생깁니다. 비록 Kotlin이 Java에 비해 데이터 클래스의 코드길이를 상당히 줄여주었음에도, 이 단순 작업은 지루하면서도 시간이 걸리는데요. 이러한 단순작업을 간단하게 해주기 위해 플러그인을 사용할 수 있습니다. Kotlin Data 클래스를 위한 플러그인이 바로 Json To Kotlin Class플러그인 인데요. 오늘은 이것을 사용하는 방법에 대해서 정리해 보도록 하겠습니다. 1. Plugin 설치오기 안드로이드 스튜디오에서 플러그인을 얻어오기 위해서는 다음과 같은 과정을 거치면 되는데요. 가장 먼저 Preference창을 엽니다. 아래 이미지와 같이 좌측의 네비게이션 창에서 plugin을 .. 2021. 2. 21.

티스토리툴바