티스토리

JS LEE

검색하기

블로그 홈

JS LEE

justbobby.tistory.com/m

강릉꿀주먹 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

람다식 함수 종류 기본적으로 일반 함수와 람다함수를 비교해보자. 아래는 기본적인 일반 자바 함수이다. 1 2 3 public int getNumber(int i){ return i + 1; } 위의 자바함수를 람다식 함수로 변경하면 아래와 같다. 1 2 3 (int i) -> { return i+1; } 이런 람다식 함수는 매개변수와 리턴값에 따라 표현 조금씩 다르게 할 수 있다. 구분 메서드 람다식 람다식(약식) 매개변수와 리턴값이 없는 경우 void method() { System.out.println(10); } () -> { System.out.println(10); } () -> System.out.println(10); 리턴값이 없는 경우 void method(int i) { System.out.println(.. 공감수 0 댓글수 0 2022. 8. 25.
JSX와 Babel JSX는 자바스크립트의 확장 문법이며, XML과 매우 비슷하게 생겼다. 또한 리액트로 프로젝트를 개발할 때 사용되므로 공식적인 자바스크립트 문법은 아니다. JSX의 형식은 아래와 같다. 1 2 3 4 5 6 7 function App(){ return ( Hello react ); } cs JSX 코드는 Babel을 이용하여 아래와 같은 일반 자바 스크립트 형태의 코드로 변환됩니다. 1 2 3 function App(){ return React.createElement("div", null, "Hello", React.createElement("b", null "react")); } Colored by Color Scripter cs 매번 컴포넌트를 랜더링할 때마다 JSX코드를 작성하는 것이 아니라 위 .. 공감수 0 댓글수 0 2022. 8. 22.
CDN 이란(리액트 REACT) 오랜만에 다시 블로그에 글을 작성해보려고한다... 이전에는 개발하면서 잘안되던 부분들을.. 고생하여 해결했던것들을 주로 작성했었는데.. 이번에는 리액트 공부를 하면서 하나씩 정리하는 식으로 작성해가려고 한다. CDN(Content Delivery Network) 웹에서 사용되는 다양한 컨텐츠(리소스)를 저장하여 제공할 수 있는 기술 물리적으로 떨어져 있는 사용자에게 컨텐츠를 최대한 빠르게 제공하기 위해서, 서버를 분산시켜 캐싱해두고 사용자의 요청이 들어오면 가장 가까운 서버에서 요청된 컨텐츠를 제공해주는 방식으로 빠르게 데이터를 전달해준다. CDN을 통해서 리액트와 리액트DOM 라이브러리를 사용하기 위해서 아래와 같이 추가해줍니다. 1 2 cs 구글에서 "react document cdn"을 검색하면 최.. 공감수 0 댓글수 0 2022. 8. 21.
javascript sms보내기 URL 파라미터 앰퍼샌드 뒤로 문자열 사라지는 문제 URL링크를 SMS으로 보내는 작업을 하는도중 URL뒤에 파라메터가 &이후로 잘리는 현상이 있었다. 예를 들어 파라메터 2개가 포함된 Test URL이 있다고 하고 예를 들어보겠다. ( checkMobile() 함수에 대해서는 맨아래 해당 링크를 확인해라. 단 모바일기기가 ios, android 두개만 있다고 가정하고 사용하면 좋을거 같다. 제3의 OS가 있다면 오작동을 할 수도있다.) 1 2 3 4 var testMsg = "테스트 URL 입니다.\n\n" var testURL = "www.test.com/test.jsp?param1=abc&param2=def"; location.href = 'sms:' + ( checkMobile() == 'ios' ? '&' : '?' ) + 'body=' + te.. 공감수 5 댓글수 1 2019. 7. 2.
모바일 웹 javascript SMS 문자보내기( location.href ) 하이브리드 앱을 개발하다보면 공유하기 기능으로 카카오톡, 라인, 페이스북, SMS 등을 지원한다. 이중에 SMS공유하기를 사용할때 이용하는 부분을 설명하려한다. 기본구조는 아래과 같다. 1 2 3 4 5 "sms:" + phone number(option) + "?body=" + text ex) "sms:01099999999?body=hellow" ex) "sms:?body=hellow" Colored by Color Scripter 전화번호의 경우는 옵션이다. 전화번호를 입력하면 바로 해당번호로 문자내용을 적어둔 상태로 문자를 바로 보낼수 있는 상태화면으로 간다. 하지만 전화번호를 입력하지 않으면 본인 핸드폰의 주소록 목록으로 가고 보낼 사람을 선택하면 보낼메세지 내용이 입력된 상태로 이동이 된다... 공감수 2 댓글수 2 2019. 7. 2.
javascript 안드로이드 아이폰 구분 하이브리드 및 웹 앱을 만들다보면 Android 와 IOS를 구분해야하는 부분들이 생긴다. 자바스크립트에서 접속자의 브라우저 정보 및 디바이스 정보를 가지고있는 User-Agent라는 객체를 사용하여 Android와 IOS를 구분할 수 있다. 다음은 User-Agent를 통해 얻어낸 Android, IOS 각 기기의 정보이다. Android Mozilla/5.0 (Linux; Android 9; SM-G955N Build/PPR1.180610.011; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/75.0.3770.89 Mobile Safari/537.36 IOS Mozilla/5.0 (iPhone; CPU iPhone OS 12.. 공감수 11 댓글수 0 2019. 7. 2.
Android SMS Retriever Hash key SMS Retriever를 통해서 SMS을 읽으려면 문자속에 11자리 Hash key가 포함이 되어야한다. Hash key를 얻는 방법은 2가지가 있고 key tool을 이용한 방법과 java 소스를 이용한 방법이 있다. 첫번째 Key Tool을 이용하는 방법으로는 1. 앱의 public key certificate를 아래의 커맨드를 통해 얻는다. 1 2 keytool -alias MyAndroidKey -exportcert -keystore MyProduction.keystore | xxd -p | tr -d "[:space:]" Colored by Color Scripter 2. PackageName + " " + public key certificate 을 만든다. 3. 위에서 만.. 공감수 1 댓글수 0 2019. 4. 30.
Android SMS Retriever API 사용하기 - SMS 인증번호 Google Play에서 SMS 또는 Call Log 권한 그룹을 비롯하여 위험성이 높거나 민감한 권한의 사용을 제한하는 정책을 내놓았다. 여기서 다루고 싶은 내용은 기존에 사용자 편의를 위해서 제공하는 기능이였던 SMS 읽기 기능이다. 이전에는 RECEIVE_SMS권한을 이용해서 SMS내용을 읽어서 인증번호를 자동입력을 해주었지만 이제는 해당 권한을 추가할 경우 스토어에 등록이 되지 않는다. 기존에 등록되어있던 앱을 경우에는 예외신청을 하지 않으면 Google Play에서 삭제 대상이 된다. RECEIVE_SMS권한을 통해서 SMS를 읽어오지는 못하지만 대신 구글에서 다른 방안을 제시하였다. 바로 SMS Retriever를 이용하여 권한허용 필요없이 문자를 읽을수있다.단 몇가지 제한사항들이 있다.. 공감수 2 댓글수 1 2019. 4. 30.
안드로이드 마시멜로우(Android 6.0) 권한요청 - Custom Dialog( 2/2 ) 이번 글에서는 System Dialog에서 거부를 한 이후에 다시한번 사용자에게 권한허용을 요청하는 Custum Dialog를 생성을 해보겠다. 목표는 아래와 같은 다이얼로그를 만드는것이다. 이전글에서 만든 java파일에 몇몇 메소드를 추가하고 Dialog를 커스텀할 파일들을 몇개 만들것이다. 1. PermissionUtil.java - checkPermissions_list() Custum Dialog를 보면 리스트뷰 형식으로 허용이 필요한 권한들이 나열되어있다. 요청한 권한들중에 계속해서 거부된 권한들을 리스트로 리턴한다. Custom Dialog를 생성할때 사용된다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 //배열로 들어온 권한중에 계속 거부상태인 권한들을 리스트로 리.. 공감수 1 댓글수 1 2019. 4. 11.
안드로이드 마시멜로우(Android 6.0) 권한요청 - System Dialog( 1/2 ) 이전에는 앱설치 할때AndroidManifest.xml에 등록해둔 필요권한을 보여주고 설치와 동시에 권한을 얻었지만 안드로이드 targetSDK23이상을 빌드하게되면서 앱에서 해당 권한이 필요할때 마다 사용자로부터 권한을 허가 받도록 해야한다. 모든 권한을 요청을 해야하는것은 아니고 구글에서 정의한 Dangerous Permission에 대해서만 권한을 허가하도록 해주면 된다. 개발소스를 보기전에 어떤 프로세스로 권한을 요청하는지 보자. 첫번째 - 권한 요청 ( System Dialog ) 두번째 - 권한 재요청 ( Custom Dialog ) - 첫번째에서 거절을 했을때 다시한번 사용자에게 권한을 요청한다. 첫번째에서 권한을 얻는 절차를 끝낼 수도 있지만 재요청하는 팝업창을 하나 더 만든 이유가 있다.. 공감수 0 댓글수 0 2019. 4. 10.
안드로이드 스튜디오 Failed to maintain projects LRU cache 에러 프로젝트를 복사해서 스튜디오에서 임포트해서 사용하려는데 아래의 에러가 나면서 EOFException이 발생하였다. Failed to maintain projects LRU cache for dir /Users/justin/Library/Caches/AndroidStudio2.3/resource_folder_cache 해결책 : Select "File" -> "Invalidate Caches/Restart..." -> "Invalidate and Restart" 이후 정상적으로 Clean/Rebuild 되면서 잘 작동된다. 공감수 0 댓글수 0 2019. 4. 9.
Android 64비트 대응하기 - ARM , X86, MIPS 안드로이드를 64비트를 대응을 해야한다는 소식을 보면서 어떻게 대응을 하여야하는 것인지를 찾아보던 중 64비트를 지원해줘야하는 cpu에는 ARM, X86, MIPS 3가지가 있었고 이것들 차이는 무엇일까... 찾아보게 되었다. 이것들은 무엇이고 내가 지원하는 기기들은 무엇일지... 처음에는 X86에 대해서는 Intel cpu라 하여 윈도우 폰들이다. 그래서 지원을 할 필요가 없는건가? 라는 생각도 하였다. 그래도 앱을 서비스하는데 리스크를 안고서 이건 지원안해 라고 할 수 없어서.. 조심스럽게 여러 블로그들을 찾아보게 되었다. 우선 안드로이드 디바이스는 제소사의 사정에 따라서 원하는 CPU를 골라 쓸수 있다. 가장 대표적인 ARM을 비롯하여 X86, MIPS를 지원한다. 1990년 초부터 X86/MIPS.. 공감수 3 댓글수 1 2019. 4. 8.
Android 64비트 지원 대응하기 구글은 64비트 지원에 대한 공지가 생겼다. 2019년 8월 1일 부터는 Google Play에 앱을 게시할때 32비트 버전 이외에 64비트 버전도 함께 제공되어야한다는 내용이다. 2017년 9월 iOS 11부터 32비트 앱은 앱스토어에서 지원 중단하고 64비트 앱만 지원하고 있다. 2019년 8월 1일부터 Google Play에 앱을 게시할 때 32비트 버전 외에 64비트 버전도 함께 지원이 되어야한다. 예외) Unity 5.6 또는 이전버전을 사용하는 기존게임에 대한 32비트 전용 업데이트를 허용 2021년 8월 1일부터 Google Play에서 64비트 지원없는 앱에 대한 서비스를 중단할 예정이다. 이에 따라 64비트 기기에서는 이러한 앱을 사용할 수 없다. 이때부터는 Unity 5.6 또는 이전버.. 공감수 1 댓글수 0 2019. 4. 8.
Android 카메라 사진 캐시영역(Cache-path) 저장하기 앱에 카메라 기능을 넣다보면 File영역에 저장하여 갤러리에 보이게끔 하는 경우도 있지만 카톡의 프로필 사진을 위해 사진을 찍을때는 사진을 찍고 편집하고 업로드 하면나면 찍고 작업한 사진파일은 따로 갤러리에 보이지 않고 처리되는 경우들이 많다. 이럴 경우 내부 저장소중 캐시영역에 파일을 저장하는 형식으로 하면 유용할 듯하여 작성하게 되었다. 캐시영역에는 임시 파일들이 저장되며 Context.getCacheDir()을 통해 내부 저장소의 캐시 디렉토리를 리턴한다. 경로 : /data/data/패키지이름/cache 1. file_paths.xml cache영역에 생성된 임시파일을 나중에 FileProvider.getUriForFile() 을 통해 Uri을 생성할때 사용된다. 이번 게시글의 맨 아래에 링크로 .. 공감수 1 댓글수 0 2019. 4. 5.
티스토리 사이트맵 등록 문제- 링크주소가 이상할때 티스토리 블로그를 시작하면서 구글서치 콘솔에 등록하기 위해 사이트맵을 등록하는 절차를 진행하는중 사이트맵 링크를 복사하는데 가이드 글을 과는 다른 사이트맵 링크 주소가 나와 당황스러웠습니다. 티스토리 블로그 주소가 아닌 카카오 주소로 표시된 사이트맵 링크로 떠서 사이트맵 등록을 진행할 수가 없었습니다. 사이트맵을 등록하고 게시글을 만들어 다운로드 링크 주소를 복사 했을때. 기대한것은 파란색 네모 박스의 "아이디.tistory.com" 티스토리 주소로된 링크였지만, 실제로는 빨간색 네모박스의 "k.kakaocdn.net" 카카오 주소로된 링크가 나왔습니다. 이런형태의 링크 주소가 나오게 된건 최근 티스토리의 에디터가 업데이트 되면서 이러한 문제가 발생하였습니다. 이전 에디터에서는 티스토리 주소의 링크로 잘.. 공감수 0 댓글수 0 2019. 4. 3.
Android FCM 구현하기(GCM에서 전환) - 1/2 FCM콘솔 GCM이 2019년 4월 11일로 서비스를 종료하기 때문에 GCM에서 FCM으로 전환을 해줘야한다. 배포된 앱이 업그레이드 되기 전까지 동일하게 서비스를 유지해줘야하기 때문에 기존에 사용하고 있는 GCM환경(Sender id/ server key)키를 유지해 줘야한다. 사실 같은 구글계정으로 유지할 것이 아니라 새로운 계정으로 사용하려면 아예 새롭게 FCM으로 새롭게 구성을 해줘도 괜찮다. 대신 GCM사용하던 server Key와 FCM에서 새로 생설될 server Key모두를 관리해줘야한다. 1. 프로젝트 추가 https://console.firebase.google.com/ 해당 페이지로 가서 프로젝트를 추가한다. 2. 프로젝트 이름 및 약관 기존에 GCM프로젝트를 연동하려면 Project name을.. 공감수 0 댓글수 0 2019. 4. 1.
Android FCM 구현하기(GCM에서 전환) - 2/2 소스구현 1. build.gradle 세팅 1 2 3 4 5 6 7 8 9 10 11 buildscript { dependencies { classpath 'com.google.gms:google-services:4.0.1' } } apply plugin: 'com.google.gms.google-services' dependencies { compile "com.google.firebase:firebase-messaging:17.3.4" } Colored by Color Scripter 2. AndroidManifest.xml 세팅 1 2 3 4 5 6 7 3. Push Type 3가지 ( Notification / Data / Notification+Data ) - FCM으로 넘어 오면서 주의할 부분이 있다... 공감수 1 댓글수 0 2019. 4. 1.
Android 7.0 (Nougat) 카메라(ACTION_IMAGE_CAPTURE) 및 사진 자르기(Crop) 구현 Nougat 안드로이드 7.0 버전에서 변경된 사항들이 있다. 개인 파일 보안 강화를 위해 Android 7.0 이상을 대상으로 하는 앱의 개인 디렉토리는 액세스가 제한된다. 앱 외부에서 file:// URI의 노출을 금지하는 StrictMode API정책을 적용하여, 파일 URI를 포함하는 인텐트가 앱을 통해 보내지면 FileUriException이 발생한다 애플리케이션 간에 파일을 공유하려면 content:// URI를 보내고 이 URI에 대해 임시 액세스 권한을 부여해야한다. 이 권한을 가장 쉽게 부여하는 방법은 FileProvider 클래스를 사용하는 방법이 있다. Uri.fromFile()의 리턴형인 file://을 사용하지말고 FileProvider.getUriForFile()의 리턴형인 c.. 공감수 0 댓글수 0 2019. 4. 1.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.