반응형 분류 전체보기573 [Android] Color Argb 에서 투명도 %에 따른 코드 layout xml 에서 쓰거나 values/colors.xml 에서 쓰거나 코드에서 쓸때 예를 들면 하얀색에 30% opacity 를 준다고 했을 때 아래와 같이 쓰면 됩니다. android:textColor="#4Dffffff" 6자리면 RGB 8자리면 ARGB 투명도에 해당하는 앞 두자리 hex코드가 아래 목록을 보고 작성하면 됩니다. 100% — FF 95% — F2 90% — E6 85% — D9 80% — CC 75% — BF 70% — B3 65% — A6 60% — 99 55% — 8C 50% — 80 45% — 73 40% — 66 35% — 59 30% — 4D 25% — 40 20% — 33 15% — 26 10% — 1A 5% — 0D 0% — 00 검은색에 opacity 50% 이.. 2020. 4. 7. [Centos] centos6,7 timezone 변경하기 CentOS timezone config files and directories 1. / usr / share / zoneinfo / – 시스템 시간대 디렉토리에는 시간대 이름 별 파일이 포함됩니다. 예를 들어, / usr / share / zoneinfo / America / New_York 파일은 뉴욕의 시간대를 나타냅니다. 2. / etc / localtime – 파일 localtime 또는 / usr / share / zoneinfo / 디렉토리에있는 시스템의 올바른 시간대 파일에 대한 심볼릭 링크입니다. - 시간을 확인하는 command $ date $ ls -l /etc/localtime CentOS 7 에서 현재 timezone 변경 # 아시아의 타임존 리스트 보기 $ timedatectl .. 2020. 4. 7. [React] Copy to Clipboard 사용 React 에서 Copy to Clipboad 쓰기 간단하게 라이브러리 설치해서 쓰면 됩니다. $ npm install --save react react-copy-to-clipboard 사용 방법 import { CopyToClipboard } from 'react-copy-to-clipboard' render() { const url = window.location.href; // url 복사 Copy URL to the clipboard } onCopy event 도 있습니다. this.setState({copied: true})}> codepen demo : https://codepen.io/nkbt/pen/eNPoQv?editors=0010 2020. 4. 3. [React] 이미지 tag 에서 Public 폴더의 이미지 사용하기 React Public 폴더 이미지 경로 public 폴더에 copy.png 라는 이미지가 있을 때 react.js 파일에서 2020. 4. 3. [React] Nginx 배포 시 하위 Route 에서 404 에러 날때 React 개발 시 잘 됐는데 nginx 로 배포했는데 root index는 잘 나오는데 단순한 localhost/login 이런것도 404 로 나올 때 우선 봐야할 게 nginx.conf 에서 try_files 살펴봐야 합니다. server { listen 80; localhost / { root /app/build; index index.html; try_files $uri $uri/ /index.html; } } 저의 경우엔 try_files 설정만 넣으니까 잘되네요. 2020. 4. 3. [Nginx] nginx.conf 에 Proxy 설정 nginx.conf 에 Proxy 설정 upstream app { server localhost:8080; } server { listen 80; localhost / { root /app/build; index index.html; try_files $uri $uri/ /index.html; } localhost /api { proxy_pass http://app; } } localhost / app { proxy_pass http://app; } proxy 설정이 없을 때는 그냥 localhost/api 이지만 위와 같은 설정이 있을 때는 해당 서버의 8080 포트로 넘긴다는 설정입니다. 예를들면 react 등 에서 fetch('/api/something')... 처럼 사용했을 때 경로에 /api 가.. 2020. 4. 3. [React] package.json 의 version, name 가져오기 create-react-app package.json 의 version 가져오기 방법 1. import packageJson from '/package.json'; console.log(packageJson.version); console.log(packageJson.name); 방법 2. create-react-app 의 버전이 1.1.0 이상이어야 합니다. 저는 .env.development 와 .env.production 만 사용합니다. package.json 을 보면 { "name": "hello-bryan-app", "version": "0.2.0", "private": true, "dependencies": { // 생략 여기서 name 과 version 을 js 에서 가져오는 방법입니다. ... 2020. 4. 3. [React] Route 사용하기 Url Parameter parsing, class 에사 사용하기 React Route get Parameters url query string 기존에 react app 이 없으면 여기서 하나 생성 해보세요. 2020/01/17 - [React,Node,js] - React + express 연동설정. 처음부터 따라하기 일반적으로 create-react-app 을 하면 index.js 안에 아래와 같이 App.js 를 가져옵니다. ReactDOM.render(, document.getElementById('root')); 여기서 Router 를 하나 생성 해보죠. index.js 에서 위 코드를 아래와 같이 바꿀겁니다. import Root from './Root'; ReactDOM.render(, document.getElementById('root')); 그럼 sr.. 2020. 4. 2. [Centos] nodejs npm 설치하기 Centos nodejs npm install # epel repository 추가 $ yum install epel-release # npm 과 nodejs 설치 $ yum install -y npm nodejs # 버전 확인 $ node -v $ npm -v 특정 버전 설치하려면 $ curl -sL https://rpm.nodesource.com/setup_10.x | sudo -E bash - # setup_9.x 또는 setup_8.x 등으로 입력 # 설치 npm 도 설치됨. $ yum install nodejs -y 2020. 4. 1. [Docker] react + nginx + Dockerizing 따라하기 Docker Nginx에 React 띄워서 배포 Dockerfile 을 이용해서 Docker image 를 만들고 container 를 실행해보겠습니다. Docker base 이미지는 nginx:latest React 는 build 후 build 폴더만 배포 0. 준비물 host pc에 nodejs 와 npm 이 설치되어있어야 합니다. Centos : 2020/04/01 - [React,Node,js] - [Centos] nodejs npm 설치하기 윈도우 : 2019/12/27 - [React,Node,js] - Node js, NPM 설치하기 (윈도우10) host pc에 create-react-app 이 설치가 안되어있다면 2020/03/27 - [React,Node,js] - [React] Cre.. 2020. 4. 1. 이전 1 ··· 39 40 41 42 43 44 45 ··· 58 다음 728x90 반응형
