본문 바로가기

분류 전체보기95

React 모달 밖 영역 클릭시 닫기 (2가지 방법) > useState 사용 모달 바깥 부분(OutModal)에 투명한 배경을 뷰포트 크기로 깔고 이곳을 클릭했을때 모달을 닫아준다. 여기서 중요한점은 모달(DetailModal)과 모달 바깥 부분(OutModal)은 "형제"여야 하고, 모달의 z-index가 모달 바깥 부분보다 더 높아야한다. 즉 모달과 모달 바깥 부분은 다른 층에 존재하는 것이다. (이벤트 버블링을 막기 위해서!) // 모달을 사용하는 컴포넌트 function Container() { const [modal, setModal] = useState(false); const openModalPopup = () => { setModal(true); document.body.style.overflow = "hidden"; }; const clo.. 2023. 10. 10.
[iOS] Apple Distribution Certificate 업데이트하기 애플의 실제 하드웨어(아이폰, 아이패드)에서 우리가 만든 소프트웨어를 동작하기 위해 인증서가 필요하다. - Apple Development 개발을 위한 인증서, 해당 인증서를 발급받아 Xcode 에 등록하면 실제 기기에 앱을 동작시킬 수 있다. - Apple Distribution 앱 스토어에 등록을 위한 인증서, 해당 인증서를 발급받아 Xcode 에 등록 후 배포 과정을 거쳐야 앱 스토어에 앱을 등록할 수 있다. > Certificate 업데이트하기 1. Apple Developer(developer.apple.com/)에 접속하여 로그인 2. Certificates, Identifiers & Profiles에 접속하여 만료될 Certificates는 revoke로 제거한다. 3. Xcode 접속 > .. 2023. 10. 5.
안드로이드 http 프로토콜 접속 허용하기 안드로이드 스튜디오에서 웹뷰로 http 접속을 허용하려면 코드를 추가해야한다. 특히 개발서버에서 앱테스트를 진행하고자 한다면, 해당 설정 여부를 먼저 확인해주자 > 해결 AndroidManifest.xml 파일에 android:usesCleartextTraffic="true" 추가 웹뷰를 실행하려면 사실 맨 위에 있는 코드가 더 먼저 존재해야 한다. 웹뷰 자체를 열어주는 설정 코드! 2023. 10. 5.
[Xcode] http 프로토콜 접속 허용하기 iOS 9이상 버전부터 HTTP 접근을 허용하지 않는다. 따라서 리소스가 https 가 아니라면 불러오지 못한다. 특히 개발서버에서 앱테스트를 진행하고자 한다면, 해당 설정 여부를 먼저 확인해주자! > 해결 info.plist에 해당 코드를 직접 추가하거나 NSAppTransportSecurity NSAllowsArbitraryLoads App Transport Security Settings > Allow Arbitrary Loads를 추가. App Transport Security Settings이 없다면 마우스 우클릭하여 Add Row로 추가해주면 된다! [참고 URL] https://gent.tistory.com/130 https://daheenallwhite.github.io/ios/xcode/.. 2023. 10. 5.
git clone 시 Username for 'https://github.com' 물어볼 때 github을 잘 사용하고 있다가 갑자기 Username for 'https://github.com:'을 물어볼 때가 있다. 예전에는 터미널에서 말하는대로 git config 설정을 해주면 되었지만 $git config --global user.name "name" $git config --global user.email email 21년 8월부터 깃 토큰 인증 방식(Personal Access Token) 방식을 사용하고 있을테니 이메일과 이름 입력만으로는 아래와 같은 에러가 뜰 것이다. remote: Support for password authentication was removed on August 13, 2021. Please use a personal access token instead. r.. 2023. 9. 22.
table 태그에서 텍스트가 넘어갈 경우 > 이슈 table 요소와 overflow 속성의 공존은 불가능하다. 예시로 display: table/table-cell 등 너비값을 가진 table 요소에 overflow 속성을 선언하면 먹히지 않는 현상. tailwind CSS에서 truncate에 해당하는 옵션(overflow / text-overflow / white-space)을 td에 적용해도 해결이 안됐지만, table태그에 옵션을 추가하여 해결하였다! > 해결 table { table-layout: fixed; // 👍 border-collapse: separate; // 👍 td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 2023. 9. 19.
안드로이드앱 버전 업데이트 방법(AAB) 구글플레이스토어에 이미 출시되어 있는 앱의 버전을 업데이트 하는 방법을 정리한다. 할 때마다 잊어버려서 맘먹고 정리! 1. build.gradle(Module) 파일의 Version 정보 업데이트 1) 버전 정보 수정 - versionCode: 기존 값보다 큰 정수 설정(1단위로 수정하면 된다) - versionName: 기존 값보다 크게 X.X.X 형식으로 설정 2) SyncNow 클릭 2. 앱 빌드 1) Generate Signed Bundle/APK ... 클릭 2) AAB(Android App Bundle)가 선택된 상태에서 NEXT 클릭 3) Key Store와 key 의 비밀번호를 입력후, NEXT를 클릭한다 - "Remember Passwrods" 는 가급적 체크하지 말자(자세한 내용은 아래.. 2023. 9. 15.
Google Play의 대상 API 수준 요구사항 충족시키기 (Apps targeting Android 12 and higher are required to specify an explicit value for `android:exported`...) > 구글 플레이 스토어 SDK 타깃 버전 상향 이슈 (2024.07.24 업데이트)1. 23년 08월 31일까지 Android 13 (API 수준 33) 이상을 타겟팅 요구 2. 24년 08월 31일까지 Android 14 (API 수준 34) 이상을 타겟팅 요구구글 플레이 스토어에서 2023년부터 매년 최소 API 수준을 갱신하라고 요구하고 있는데,올해에는 신규 앱과 앱 업데이트는 Android 14 (API 수준 34) 이상을 타겟팅해야 Google Play에 제출할 수 있다고 한다. > 최신 SDK를 타겟팅해야하는 이유?각 앱은 매니페스트 파일에 targetSdkVersion(대상 API 수준)을 지정한다.새로운 Android 버전이 출시될 때마다 보안 및 성능 등의 Android 사용자 환경이 개.. 2023. 9. 15.
Could not create task ':app:minifyReleaseWithR8' 23년 8월 31일 플레이 스토어에서 SDK 타깃 버전을 상향하라는 이슈를 보고회사 프로젝트의 compileSdkVersion, buildToolversion, targetSDKVersion을 함께 높여주려 한다.https://developer.android.com/google/play/requirements/target-sdk?hl=ko Google Play의 대상 API 수준 요구사항 충족하기  |  Android DevelopersGoogle Play의 대상 API 수준 요구사항 충족하기 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. APK를 업로드하는 경우 Google Play의 대상 API 수준 요구사항을 충족developer.android.comhttps://d.. 2023. 9. 15.

티스토리툴바