본문 바로가기

2018/049

[책] Learning React [책] Learning React 알렉스 뱅크스,이브 포셀로 공저/오현석 역 리액트를 사용하는 전체 사이트 https://github.com/facebook/react/wiki/Sites-Using-React 예약어와 className 자바스크립트에는 개발자가 임의로 변수나 객체 이름 등에 사용할 수 없는 예약어가 있다. ES2016 기준으로 그 예약어 목록은 다음과 같다. break case class catch const continue debugger default delete do else export extends finally for function if import in instanceof new return super switch this throw try typeof var void wh.. 2018. 4. 25.
Amazfit bip 한글화 Amazfit bip 한글화 한글화 미핏을 사용하는데, 3.3.1 버전부터는 자동 펌웨어 업데이트가 되므로, 3.3.0 버전을 사용해야 합니다. (이 부분을 몰라, 한글화 작업을 2번해야 했습니다…) 다운로드 Mi Fit 3.3.0 APK Download by Anhui Huami Information Technology Co.,Ltd. - APKMirror 에서 3.3.0 버전을 다운로드 합니다. 3237 버전으로 설치했습니다 Gadgetbridge | F-Droid - Free and Open Source Android App Repository 에서 가젯브릿지를 다운로드합니다. Releases · sukso96100/amazfit-bip-kr · GitHub 에서 fw, res, ft를 다운로드 합.. 2018. 4. 24.
[책] 반응형 웹 디자인 [책] 반응형 웹 디자인 Do it! 반응형 웹 디자인 김운아 저 다양한 반응형 웹사이트를 만날 수 있는 곳: 미디어 쿼리(http://mediaqueri.es) 검색 엔진 최적화(SEO: Search Engine Optimize) inline-block 은 diplay 속성의 값 중 inline 속성값처럼 요소들이 한 줄로 보이고, 태그에도 사용할 수 있는 속성값입니다. 함수명파라미터적용 요소 calcwidth 속성에서 사용할 수 있는 모든 값, 연산 기호모든 대상 #wrap div { width: calc(100%-100px); } 브라우저 기술 지원 현황을 확인할 수 있는 사이트 : Can I Use…(https://caniuse.com/) em, rem em 단위는 자신의 부모 박스에 글자 크기가.. 2018. 4. 23.
React App 빌드시 sourcemap 파일 제외하기 React App 빌드시 sourcemap 파일 제외하기 https://github.com/facebook/create-react-app/issues/2005 I figured it out. Looks like we have to eject to disable the source maps inside of our production webpack config. Steps are outlined below.. 1. Eject your create-react-app by running npm run eject 2. Open /config/webpack.config.prod.js 3. Remove or comment out line 53 containing devtool: 'source-map'.. 2018. 4. 22.
React App Github Deploy React App Github Deploy https://github.com/gitname/react-gh-pages gh-pages 설치 $ npm install gh-pages --save-dev package.json 수정 package.json 파일에 scripts를 추가합니다. predeploy : 배포 이전 빌드를 위한 스크립트 입니다. deploy : 배포를 위한 스크립트 입니다. // package.json { "scripts": { "start": "cross-env NODE_PATH=src NODE_ENV=development node scripts/start.js", "build": "cross-env NODE_PATH=src NODE_ENV=production node scripts.. 2018. 4. 21.
firestore & storage 사용하기 firestore & storage 사용하기 firestore 에는 문서를 저장하고, storage 에는 파일을 저장합니다. firestore에 파일도 저장할 수 있지만 2MiB 제한이 있습니다. firstore 저장소 사용하기 데이터베이스 선택: Cloud Firestore 또는 실시간 데이터베이스 프로젝트 생성 firebase console에서 새 프로젝트를 생성합니다. 웹 앱에 Firebase 추가를 눌러서 config 정보를 확인할 수 있습니다. firebase 설치 yarn 으로 설치하였습니다. $ yarn add firebase 파일 추가 프로젝트에서 firebase를 사용하기 위한 파일들을 추가합니다. 위에서 얻은 정보를 입력합니다. apiKey 등등. // firebaseConfig.js .. 2018. 4. 20.