일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 맥
- localserver
- linux
- IOS
- androidstudio
- webpack
- qunit
- 네트워크
- 리눅스
- avds
- picker
- PYTHON
- VirtualBox
- 센토스
- Chrome
- centos
- xcode
- build
- jest
- Android
- MAC
- ReactNative
- TensorFlow
- node
- react
- 개발
- MachineLearning
- vsCode
- unittest
- Today
- Total
목록Frontend (184)
로메오의 블로그
manifest.json { "name": "배경색상 변경", "description": "배경색상을 변경하는 크롬 확장 프로그램", "version": "1.0", "permissions": [ "activeTab", "scripting", "storage" ], "action": { "default_popup": "popup.html", "default_icon": { "16": "images/icon-16.png", "128": "images/icon-128.png" } }, "icons": { "16": "images/icon-16.png", "128": "images/icon-128.png" }, "background": { "service_worker": "service-worker.js" }..
CryptoJS는 AES, MD5, SHA1 를 지원합니다. AES 알고리즘 암호화하는 코드입니다. // 암호화 키 생성 var key = CryptoJS.enc.Hex.parse('MY-KEY'); // 암호화할 문자열 var plaintext = 'hello world'; // 암호화 var ciphertext = CryptoJS.AES.encrypt(plaintext, key, { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7 }); // 암호문 출력 console.log(ciphertext.toString()); // iE33TdrMlbG5ENb/fa819A==
Firebase 목록 React 목록 파일 설정 $ mkdir firebase $ cd firebase $ mkdir public $ mkdir public/js $ touch public/js/fireauth.js $ touch public/index.html $ touch App.js Node 서버 구성 App.js $ npm install express const express = require('express') const app = express(); const port = 3001; app.use(express.static('public')); app.get('', (req, res) => { res.sendFile(__dirname + '/index.html') }) app.listen(po..
Firebase 목록 React 목록 파일 설정 $ mkdir firebase $ cd firebase $ mkdir public $ mkdir public/js $ touch public/js/firebase.js $ touch public/index.html $ touch App.js Node 서버 구성 App.js $ npm install express const express = require('express') const app = express(); const port = 3001; app.use(express.static('public')); app.get('', (req, res) => { res.sendFile(__dirname + '/index.html') }) app.listen(po..
로컬 저장소와 원격 저장소 연결하기 ## 로컬 레파지토리 생성 $ git init project $ cd project ## 파일 생성 커밋 $ echo "hello" > new.txt $ git add new.txt $ git commit -m "first commit" ## 원격 레파지토리 확인 $ git remote -v ## 원격 레파지토리 연결 $ git remote add origin https://ID@bitbucket.org/ID/project.git ## 원격 레파지토리 확인 $ git remote -v master https://ID@bitbucket.org/ID/project.git (fetch) master https://ID@bitbucket.org/ID/project.git (p..
React 목록 App.tsx ... import {BackHandler, Alert} from 'react-native'; const App = () => { useEffect(() => { const backAction = () => { Alert.alert('', '앱을 종료하시겠습니까?', [ {text: '취소', onPress: () => null}, {text: '확인', onPress: () => BackHandler.exitApp()}, ]); return true; }; const backHandler = BackHandler.addEventListener( 'hardwareBackPress', backAction, ); return () => backHandler.remove(); }..
React 목록 Android 앱이름 설정 android/src/main/res 폴더에 국가별 values 폴더를 생성합니다. android/src/main/res/values-XX/strings.xml =계산기 각 폴더 strings.xml 파일에서 app_name을 설정합니다. iOS 앱이름 설정 Localizations에서 +를 누릅니다. 언어를 추가합니다. File > New > File... ios/APP_NAME/InfoPlist.strings 파일을 생성합니다. Localize를 누릅니다. 언어를 선택합니다. 모든 언어를 선택합니다. 언어 별로 *.lproj 폴더 생성됩니다. "CFBundleDisplayName" = "=Calculator"; 언어별 앱 이름을 추가합니다. React 목록
React 목록 react-intl 모듈 설치 $ npm install react-intl lang 구성 $ mkdir /src/lang $ touch /src/lang/lang.ko.ts $ touch /src/lang/lang.en.ts App.tsx ... import {Platform, NativeModules} from 'react-native'; import {IntlProvider} from 'react-intl'; import enMessage from './src/lang/lang.en'; import koMessage from './src/lang/lang.ko'; const App = () => { // 시스템 언어 가져오기 const getSystemLanguage = () => {..