밝을희 클태

문자 '^' - 정규식의 시작을 나타낸다, '$' - 정규식의 끝을 나타낸다 이메일 정규식 const Regex = /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/; 아이디 정규식 const Regex = /^[A-Za-z0-9]{4,20}$/; 문자열에 공백이 있으면 안된다. 알파벳 대소문자와 숫자만을 포함해야 한다. 길이는 4에서 20 사이여야 한다. 비밀번호 정규식 const Regex = /^(?=.*[!@#$%^&*(),.?":{}|])[A-Za-z0-9!@#$%^&*(),.?":{}|]{8,20}$/; 알파벳, 대소문자, 특수문자를 포함해야 한다. 길이는 8에서 20 사이여야 한다. 닉네임 정규식 const regex = /^[A-Za-z\uAC00-\uD7..

MySQL에서는 기본적으로 문자열 비교시 대소문자를 구분하지 않습니다. 그러나 대소문자를 구분하여 비교하려면 "BINARY" 키워드를 사용할 수 있습니다. SELECT * FROM users WHERE BINARY example = 'YourSearchTerm'; SELECT * FROM users: "users" 테이블에서 모든 열을 선택합니다. WHERE BINARY example = 'YourSearchTerm': "example" 열의 값과 'YourSearchTerm'을 대소문자를 구분하여 비교하여 조건을 만족하는 행을 검색합니다. 이렇게 하면 "example" 열의 값과 'YourSearchTerm'을 정확히 대소문자까지 일치하는 경우에만 검색 결과로 반환됩니다. 이 쿼리를 사용하여 대소문자를..

먼저 s3 bucket을 사용하기 위해선 bucket을 만들고 Access Key를 발급받아야 한다.https://gaebarsaebal.tistory.com/13 [AWS] AWS S3 bucket 정책 설정aws s3 bucket에 이미지 업로드를 하기 위해서 정책 설정 등 변경해야 할 것이 있다 s3 bucket 정책 설정 { "Version": "2012-10-17", "Statement": [ { "Sid": "PublicListGet", "Effect": "Allow", "Principal": "*", "Action": [ "s3:List*gaebarsaebal.tistory.comhttps://gaebarsaebal.tistory.com/14 [AWS] AWS S3 Access Key 발급,..

사용자 생성 없이 Access Key를 발급받으려 했는데 Root 사용자로 키를 발급받을 수 없다고 해서 새로운 사용자를 만들어 줘야 한다. 보안 자격 증명 선택 사용자에서 사용자 추가  사용자 이름을 설정해주고 다음 권한 옵션에 직접 정책 연결 선택 후 AmazonS3FullAccess 선택 사용자 생성 사용자 생성 후 해당 사용자로 들어가 액세스 키 만들기로 들어간다 아래 사진처럼 선택 후 다음 .csv 파일을 다운로드해 준다 csv파일 안에 key 값 들이 들어있다 완료되고 나서 사용자의 액세스 키와 비밀 액세스 키 를 볼 수 없으니. csv파일을 분실하면 안 된다

aws s3 bucket에 이미지 업로드를 하기 위해서 정책 설정 등 변경해야 할 것이 있다 s3 bucket 정책 설정 { "Version": "2012-10-17", "Statement": [ { "Sid": "PublicListGet", "Effect": "Allow", "Principal": "*", "Action": [ "s3:List*", "s3:Get*", "s3:Put*" ], "Resource": [ "arn:aws:s3:::your_bucket_name/*", "arn:aws:s3:::your_bucket_name" ] } ] } cors 설정 [ { "AllowedHeaders": [ "*" ], "AllowedMethods": [ "PUT", "POST", "DELETE", "GET..

brew로 설치 시 # 설치했던 버전 다 삭제 $ rbenv uninstall -f $ brew uninstall rbenv $ brew uninstall ruby_build # ruby 삭제 시도 시 Cocoapods는 Ruby 기반으로 동작하는 도구이므로, Ruby가 제거되면 Cocoapods도 작동하지 않을 수 있습니다. 그래서 제대로 삭제할 겸 cocoapods도 삭제 $ brew uninstall cocoapods $ brew uninstall ruby brew로 삭제를 해줘도 관련 설정파일들이나 폴더들이 남아 있다 $ rm -rf ~/.gem $ rm -rf ~/.bundle $ rm -rf ~/.rbenv

https://brew.sh/index_ko Homebrew The Missing Package Manager for macOS (or Linux). brew.sh Homebrew 설치 $ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" node 설치 $ brew install node # 체크 $ node -v $ npm -v cocoapods 설치 CocoaPods는 iOS 및 macOS 애플리케이션 개발을 위한 의존성 관리 도구입니다. CocoaPods를 사용하여 외부 라이브러리와 프레임워크를 쉽게 가져올 수 있으며, 프로젝트에서 사용하는 라이브러리의 버전 관리와 의존성 해결을..

IOS # Using npmnpm install --save @react-native-firebase/app# Using Yarnyarn add @react-native-firebase/app우선 firebase 설치해 주고project/ios/Podfiletarget 'project_name' do config = use_native_modules!밑에  코드를 추가해 준다 pod 'GoogleUtilities', :modular_headers => true pod 'FirebaseCore', :modular_headers => true pod 'FirebaseAnalytics' pod 'FirebaseAuth' pod 'FirebaseFirestore'$ pod install 초기화 코드#..

react native로 ios 앱을 개발 중 갑자기Constants.platform.ios.model has been deprecated in favor of expo-device's Device.modelName property. This API will be removed in SDK 45.이런 경고가 난다 그래서 expo-constants가 최신 버전이 아니라 그런가 싶어서 최신 버전으로 업데이트하니 아예 에러가 나버려 앱이 실행이 안 된다 무슨 건드릴 수 없는 값을 건드렸다 뭐 대충 그런 내용이었던 것 같았다.그래서 하루 종일 삽질을 아무리 해도 안돼서 공식 github에 들어가서 issue를 뒤져보니 나와 같은 내용이 나왔다issue issue2문제 원인내가 expo CLI를 사용하다가 exp..

설치$ npm install react-native-picker-select # React Native users$ npm install @react-native-picker/picker$ npx pod-install # Expo$ expo install @react-native-picker/pickerimportimport RNPickerSelect from 'react-native-picker-select';codefunction Category({ onChangeCategory }) { return ( onChangeCategory(value)} items={[ { label: "영화", value: "movie" }, { label: "책", value: "book" ..

react native와 라이브러리들을 업데이트하고 나니GestureDetector must be used as a descendant of GestureHandlerRootView. Otherwise the gestures will not be recognized. See https://docs.swmansion.com/react-native-gesture-이런 오류가 난다GestureDetector는 GestureHandlerRootView의 자식으로 사용되어야 한다해결 방안import { GestureHandlerRootView } from 'react-native-gesture-handler';export default function App() { return ( ... );}..

react-native-reanimated를 설치하고 나니 아래와 같은 에러가 난다Error: Reanimated 2 failed to create a worklet, maybe you forgot to add Reanimated's babel plugin?...babel.config.js을 수정하지 않아서 나는 오류다해결 방안babel.config.jsmodule.exports = { presets: ['module:metro-react-native-babel-preset'], plugins: ['react-native-reanimated/plugin'],};위와 같이 plugins를 수정해 준다

githubhttps://github.com/oblador/react-native-vector-icons설치$ npm install --save react-native-vector-icons라이브러리 연결 아래부터는 쉬운 방법이라는데 나는 해봤는데 안된다.... 아이콘 하나 설치하기 힘들다... 그래도 해보실 분들은 ... UIViewControllerBasedStatusBarAppearance UIAppFonts AntDesign.ttf Entypo.ttf EvilIcons.ttf Feather.ttf FontAwesome.ttf FontAwesome5_Brands.ttf FontAwesome5_Regular.ttf FontAwesome5_So..

0.7.0 이상 버전에서 폰트 적용하는 법구글폰트눈누폰트project root경로에서 assets/fonts/ 에 다운로드한 폰트를 저장하고없으면 만들어야 한다react-native.config.js 파일을 만들어서module.exports = {assets: ["./assets/fonts/"],![]};내용을 적는다 그리고$ npx react-native-asset 잘 됐겠지만 한번 xcode info에서 Fonts provided by application을 확인해서 내가 적용하고 싶은 폰트가 잘 link 됐는지 확인하자

프로젝트를 진행하면서 react native 0.71.8을 사용하고 있었는데0.72.1 버전으로 업그레이드를 했다그런데 코드에 아무 변화가 없는데 버전을 업데이트하고 나서 잘 작동하던 앱이 먹통이 됐다증상useState 변수들의 상태가 변하지 않음코드에 변수나 Text를 수정할 때 실행되는 hot reload에는 앱이 계속 먹통이지만 console.log를 코드의 아무 곳에 나 추가하면 앱이 너무나 잘 작동함 당연히 기존에는 잘 돼서 코드 문제 일 거라곤 전혀 상상도 못 하고 애꿎은 라이브러리들을 탓하면서 삭제하고 새로 깔고 버전 다운그레이드 하고 거의 이틀을 이 짓만 했다끝내 라이브러리들은 문제가 없음을 확인하고 코드를 들여다보기 시작했는데 ...const [isSwitch, setIsSwitch] =..

일단 flatlist의 전체 코드다   View style={{ flex: 1 }}> FlatList style={{ flex: 1 }} data={rememberBooks} keyExtractor={(item) => item.idx} renderItem={({ item }) => Item title={item.title} />} numColumns={numColumns} /> View> data의 예시다 const rememberBooks = [ { idx: 1, title: "Book 1" }, { idx: 2, title: "Book 2" }, { idx: 3, title: "Book 3" }, { idx: 4, title: "Book 4" }, { idx: 5, title: "Book 5" }, ..