본문 바로가기

전체 글187

[JavaScript] 천 단위 콤마 찍기 (DB에서 / JS에서) 개발 환경 --------------------------------- OS : Mac 개발 툴 : intelliJ 개발 언어 : javascript 프레임워크 : nuxt.js --------------------------------- 화면에 금액과 같이 구분점이 필요한 숫자 데이터를 표시할 때는 적절한 위치에 콤마를 찍어줘야한다. 두가지 방법이 있다. 1. DB에서 데이터를 조회해올 때 콤마 찍기 (mySql) 아래와 같이 FORMAT 함수를 사용해서 컬럼명을 넣고 0을 넣어주면 천 단위로 콤마를 찍어준다. select FORMAT(COST, 0) from TEST_TABLE 1. JavaScript에서 콤마 찍기 가져온 숫자 데이터를 화면에 뿌릴때 숫자 세자리 단위로 콤마를 찍어 표시하고 싶다면 .. 2024. 3. 28.
[Vue.js] NextTick 개발 환경 --------------------------------- OS : Mac 개발 툴 : intelliJ 개발 언어 : java 프레임워크 : nuxt.js --------------------------------- DOM(웹 페이지)에서 데이터가 업데이트 되어 페이지가 렌더링되거나 UI가 변경될 때 즉, DOM에 접근하는 작업을 하는 경우 Vue가 다시 DOM을 바로 인식하지 못하는 경우가 있습니다. 이런 경우 자바스크립트의 비동기 특성으로 오류가 발생합니다. nextTick 메서드는 DOM을 다시 인식하기까지 기다려줍니다. 모든 데이터의 업데이트 및 화면 렌더링을 마친 후 DOM에 다시 접근합니다. 아래는 nextTick 사용 예시입니다. const nextTickTest = async .. 2024. 2. 2.
[Vue.js] 모바일에서 File <input> 태그 사용 시 카메라 / 비디오 옵션 제거 개발 환경 --------------------------------- OS : Mac 개발 툴 : intelliJ 개발 언어 : java 개발 프레임워크 : vue3 빌드 도구 : Gradle --------------------------------- 문제 상황 : 90%가 webView인 앱에서 모바일 기기 내 파일을 가져와 서버에 업로드해야한다. 이렇게 파일 찾기 input 태그를 넣으면 아래 옵션들이 다 뜬다. 1. 사진 보관함 2. 사진 또는 비디오 찍기 3. 파일 선택 이때 2. 사진 또는 비디오 찍기 옵션을 제거하려면 ? 이렇게 아래 값을 추가했다. accept="image/*" capture="none" iOS 앱에서는 여전히 안된다. 모바일 내 웹뷰에서 기기의 카메라에 접근하는 것을 제.. 2024. 2. 2.
[iOS] IOS 앱 배포 시 언어 설정 변경 개발 환경 --------------------------------- OS : Mac 개발 툴 : xcode 개발 언어 : Swift xcode version : 15.0.1 min iOS version : 14.1.1 --------------------------------- iOS 앱을 배포하였는데 앱 기본 정보에 언어가 EN으로 박혀 있었다. 언어 설정을 따로 한 적이 없었는데! App Store Connect에서도 사용가능한 국가는 지정할 수 있지만 언어 선택은 따로 없다 이 언어 설정은 xcode 프로젝트 내 설정을 변경해줘야 한다. 아래 경로를 찾아가서 xcodeproj 파일을 editor로 열어준다. 난 vscode로 열어줬다. app_name.xcodeproj 그런 다음 "develop.. 2024. 1. 15.
[Android] Google play store 배포된 apk 키해시 구하기 개발 환경 --------------------------------- OS : Mac 개발 툴 : Android Studio 개발 언어 : Kotlin targetSdk : 34 minSdk : 24 --------------------------------- sns로그인 기능을 심은 android 앱을 google play store에 배포할 때 우리는 배포된 apk 의 키해시가 필요하다. project 소스에서 구하는 키해시는 업로드 인증서 지문에 대한 키해시다. 우리가 필요한건 앱서명 인증서 지문의 키해시이다. google play console에서 앱서명에 들어간 후 sha-1 인증서 지문을 복사하자 복사한 인증서 지문을 아래 명령어에 넣고 실행하면 base64로 인코딩된 키해시를 구할 수 있다.. 2024. 1. 9.
Xcode: 카메라, 갤러리 접근 권한 및 WkWebView 파일 업로드 action sheet 한글화 개발 환경 --------------------------------- OS : Mac 개발 툴 : xcode 개발 언어 : Swift xcode version : 15.0.1 min iOS version : 14.1.1 --------------------------------- 이번 포스팅에서는 iOS에서 카메라, 갤러리 접근 권한 설정 및 WkWebView 에서 파일 업로드 시 action sheet가 기본으로 영문으로 되어 있는데 이를 현지 언어로 변경할거다. 1. 카메라, 갤러리 접근 권한 설정 카메라, 갤러리 접근 권한 설정은 info.plist에서 설정한다. 이렇게 설정해두면 앱에서 사용자가 카메라, 갤러리에 접근하려 할 때 권한요청 팝업이 표시된다. info.plist source code.. 2023. 12. 5.
JS <-> Native : Java exception was raised during method invocation 에러 개발 환경 --------------------------------- OS : Mac 개발 툴 : Android Studio 개발 언어 : Kotlin targetSdk : 34 minSdk : 23 --------------------------------- js native 통신중 위와 같은 에러를 만났다 나의 경우는 Js에서 android 메서드를 호출하고 android에서 js메서드를 callback으로 바로 호출했더니 에러가 났다. 별도의 쓰레드를 태워야한다. 나는 runOnUiThread 를 사용했다. runOnUiThread { //코드 } 2023. 11. 28.
iOS : DT_TOOLCHAIN_DIR cannot be used to evaluate LIBRARY_SEARCH_PATHS, use TOOLCHAIN_DIR instead 개발 환경 --------------------------------- OS : Mac 개발 툴 : xcode 개발 언어 : Swift xcode version : 15.0.1 min iOS version : 14.1.1 --------------------------------- xcode를 15.0.1로 업데이트 하고 프로젝트를 실행하니 빌드 에러가 발생하였다. DT_TOOLCHAIN_DIR cannot be used to evaluate LIBRARY_SEARCH_PATHS, use TOOLCHAIN_DIR instead 찾아보니 Xcode를 업데이트 하면서 cocoaPod도 같이 업데이트 해줘야 하나보다 cocoaPod를 업데이트 해주자 gem install cocoapods --pre //최신 .. 2023. 11. 26.
[Kotlin] 앱 알림 설정 열기 개발 환경 --------------------------------- OS : Mac 개발 툴 : Android Studio 개발 언어 : Kotlin targetSdk : 34 minSdk : 23 --------------------------------- 이번 포스팅에서는 android 앱에서 앱 설정 화면을 열어보겠다. Oreo 버전을 기점으로 이전 버전과 이후 버전의 처리 방식이 다르다. 구분해서 작업해주면 된다. fun loadSetting() { val intent = if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) { notificationSettingOreo(this@MainActivity) } else { notificationSetting.. 2023. 11. 22.
[SWIFT] 앱 설정으로 이동하기 개발 환경 --------------------------------- OS : Mac 개발 툴 : xcode 개발 언어 : Swift xcode version : 14.2 min iOS version : 13.0 --------------------------------- 앱 실행 중 사용자에게 알림 설정 카메라 권한 등 설정등을 요청해야할 때가 있다. (보통 앱 실행 시 또는 그 권한 이 필요할 때 권한 요청을 하는데 사용자가 한번 거절하면 다시 띄울 수 없다. 설정 페이지로 이동시켜서 설정해야한다.) 이럴 경우 아래의 소스로 앱에서 앱 설정 화면을 이동시킬 수 있다. guard let url = URL(string: UIApplication.openSettingsURLString) else { re.. 2023. 11. 18.
[Android] Android ID와 Device Id의 구분 이번 포스팅은 Android Id와 Device Id에 대해 알아보려 한다. Android ID 먼저 Android Id는 기기를 처음 boot할때 무작위로 생성되는 64비트숫자이며 기기 수명동안 유지된다. 따라서 공장 초기화를 하지않는 이상 변경되지 않는 값이다. 그래서 Android id를 디바이스를 구분하는 고유번호로 사용할 수 있는데 공장 초기화를 하지 않았는데도 Android Id가 변경되는 케이스가 있다. Android 8.0 (api level 26, oreo) 에서 약간 변경사항이 있는데 Android_id값이 원래는 공장초기화 시에만 변경되었다면 이제는 앱의 서명키가 바뀌어도 변경된다. 배포되어 있는 앱의 서명키가 바뀔 일은 희박하지만 debug.apk와 release.apk의 andro.. 2023. 11. 5.
[Android] 화면 전환 시 activity가 다시 시작되는 현상 개발 환경 --------------------------------- OS : Mac 개발 툴 : Android Studio 개발 언어 : Kotlin targetSdk : 34 minSdk : 23 --------------------------------- 처음에 마주했을 때 되게 당황했던 상황이다. 화면 방향이 전환되면 webView activity가 다시 시작해서 처음 화면으로 돌아가는 것 처럼 보인다. 이때는 manifest.xml 파일에서 해당 activity에 아래의 옵션을 걸어주자 android:configChanges="orientation|keyboardHidden|screenSize" 2023. 11. 4.

티스토리툴바