분류 전체보기 81

react-native splash 0.68 + 이상 버전에서 에러 처리 방법

Make로 작업하시는 분들에 한해 에러 처리 방법입니다. Make를 사용안하시는 분들은 1단계 방법추가하시고 SplashScreen.show(this, R.style.SplashScreenTheme, true); 3번째 매개변수 전달하면 됩니다. react-native-splash-screen 설치 yarn add react-native-splash-screen react-naitve link react-native-splash-screen @bam.tech/react-native-make 설치 yarn add @bam.tech/react-native-make react-native set-splash --path 경로 --resize center --background 색상 하시게 되면 아래와 같이 M..

React Native 2022.04.25

flex 속성을 이해하기 좋은 사이트... Flexbox Froggy

Flexbox Froggy에 오신 것을 환영합니다! Flexbox Froggy는 Froggy와 친구들 돕는 CSS 코드 게임입니다. 오른쪽의 justify-content 속성을 이용하여 개구리가 수련잎으로 이동할 수 있도록 도와주세요. 이 속성은 다음의 값들을 인자로 받아 요소들을 가로선 상에서 정렬합니다 flex-start: 요소들을 컨테이너의 왼쪽으로 정렬합니다. flex-end: 요소들을 컨테이너의 오른쪽으로 정렬합니다. center: 요소들을 컨테이너의 가운데로 정렬합니다. space-between: 요소들 사이에 동일한 간격을 둡니다. space-around: 요소들 주위에 동일한 간격을 둡니다. http://flexboxfroggy.com/#ko Flexbox Froggy A game for ..

Web/CSS 2022.04.19

포스트맨 사용시 url 변경할 때 사용하기 좋은 팁... 전역변수 설정

포스트맨 사용시 API url, token, 테스트 아이디를 변수화하여 처리하는 방법입니다. 최근 프로젝트 중에 개발자서버(cafe24)를 사용하다가 서버이전(AWS, NCloud 등)으로 이전시에 편하게 Url을 수정해서 사용할 수 있는 방법입니다 귀찮은 상황이 생길시 fix해두고 편하게 사용할 수 있습니다 (프로젝트 포스트맨을 생성할때 셋팅을 해두시면 두고두고 후회 안할 팁입니다) 1. 우선 'Collection'탭에서 프로젝트에 해당하는 폴더를 생성하면 우측 상단에 'No Environment'라고 표시가 됩니다. 2. 'Collection'탭 아래에 'Environments'탭을 클릭해주세요. 3. 기본으로 'Globals'가 있으며, '+'버튼을 눌러 새로 생성할 수 있습니다. 'Globals'..

Web 2022.03.25

jQuery FilePond - 파일업로드 및 이미지 최적화

jQuery FilePond는 JavaScript 라이브러리인 FilePond용 편리한 jQuery 어댑터로, 무엇이든 업로드할 수 있고, 더 빠른 업로드를 위해 이미지를 최적화하며, 훌륭하고 액세스 가능하며 매끄럽고 부드러운 사용자 경험을 제공합니다. 또한 이미지 편집이 필요하십니까? Pintura는 최신 JavaScript 이미지 편집기 를 찾고 있습니다. Pintura는 자르기 종횡비 설정 , 크기 조정 , 회전 , 자르기 및 이미지 뒤집기 를 지원 합니다. 무엇보다도 FilePond와 아름답게 통합됩니다. Learn more about Pintura Pintura Image Editor, a Powerful JavaScript Image Editor SDK A powerful JavaScript ..

Web/JavaScript 2022.02.22

소셜로그인 진행시 Android hasykey 추출 3가지 방법

소셜로그인 진행시 Android HashKey 추출방법 공유드립니다. 아시는분들도 계실테지만 참고만해주세요 mac & window 별로 정리해두었습니다. 1. android Debug keystore 안드로이드에서 디버그 key 추출 하는 방법이다. -alias 설정된 android 이름이고 건드리지 않았다면 androiddebugkey가 default 이다 -keystore 에는 deebug.keystore 위치 경로를 작성해주고 실행을 하면 키를 발급받을수있다. Mac keytool -exportcert -alias androiddebugkey -keystore ~./android/app/debug.keystore -storepass android -keypass android | openssl sh..

React Native 2022.01.21

Mac 에서 사용 가능한 MySQL, PostgreSQL, SQLite 데이터베이스 관리 Tool TablePlus

TablePlus는 MySQL, PostgreSQL, SQLite, Microsoft SQL Server 등과 같은 여러 데이터베이스를 동시에 관리할 수 있는 우아한 UI를 갖춘 현대적인 기본 도구입니다. 지원되는 데이터베이스 현재 TablePlus를 사용하여 다음 작업을 수행할 수 있습니다. PostgreSQL MySQL MariaDB SQLite Microsoft SQL Server Amazon Redshift Oracle (Only macOS) CockroachDB Snowflake (macOS and Windows) Cassandra Redis Vertica MongoDB (Beta) Percona, Yugabyte DB 등과 같이 위에 나열된 데이터베이스와 동일한 프로토콜을 사용하는 모든 데이터..

DataBase 2022.01.20

NPM libs colors, faker 사용 주의

colors, faker 모듈 쓰시는분 꼭 참고하세요. 사건개요 - colors, faker 모듈 개발자가 오픈소스 커뮤니티를 대기업이 무임승차해서 돈 버는게 못마땅함. - 열받은 개발자가 무한루프 코드를 npm 업로드 - 난리가 남(주당 다운로드가 2천만건 ) 처음에는 ua-parser-js 처럼 개발자 권한 탈취된줄 알았음 - 알고보니 개발자가 일부러 그런것을 발견 - Github가 개발자의 npm, github 권한을 회수하고 npm 모듈 버전을 강제로 되돌렸다고하네요 https://www.bleepingcomputer.com/news/security/dev-corrupts-npm-libs-colors-and-faker-breaking-thousands-of-apps/

React Native 2022.01.12

Google에 사이트맵 제출

Google에서는 사이트가 크롤링될 때마다 사이트맵을 확인하지는 않습니다. 사이트맵을 처음 발견했을 때만 확인하며 이후에는 사이트맵을 변경했다는 사실이 핑된 경우에만 확인합니다. 사이트맵을 새롭게 변경했거나 업데이트했을 때만 Google에 알립니다. 변경되지 않은 사이트맵을 여러 번 제출하거나 핑하지 마세요. 사이트맵에서 페이지를 업데이트한 경우 페이지를 입력란으로 표시합니다. 다른 XML 파일에도 이와 비슷한 입력란이 있습니다(Atom XML의 경우 ). 이 날짜를 계산하는 방법도 알아보세요. Google에 사이트맵을 제공하는 데 몇 가지 방법이 있습니다. 사이트맵 보고서를 사용하여 사이트맵을 제출합니다. 핑 도구를 사용합니다. 브라우저나 명령줄에서 이 주소로 GET 요청을 보내 사이트맵의 전체 URL..

Etc 2022.01.04