분류 전체보기817 [책] 반응형 웹 디자인 [책] 반응형 웹 디자인 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. 프로처럼 트렐로 사용하기 프로처럼 트렐로 사용하기 How to use Trello like a pro 의 내용을 보면서 프로처럼 사용해 보겠습니다. 트렐로의 기본 정보는 Getting Started Guide 에서 확인할 수 있습니다. 여기에서는 가장 많이 찾은 유용한 정보와 팁을 모았습니다. 더블클릭으로 리스트 추가하기 (Double click to add list) from Adding lists to a board빈 화면을 더블클릭하면 리스트를 추가할 수 있는 팝업이 열립니다. Position도 정할 수 있습니다. 1로 변경하면 가장 왼쪽에 리스트가 생성됩니다. 키보드 단축키 (Keyboard shortcuts) from Using keyboard shortcuts in Trello? 키를 눌러서 단축키를 확인 할 수 있습.. 2018. 4. 7. 트렐로 키보드 단축키 (Keyboard shortcuts) 트렐로 키보드 단축키 (Keyboard shortcuts) 트렐로 단축키 키보드 단축키 (Keyboard shortcuts) from Using keyboard shortcuts in Trello? 키를 눌러서 단축키를 확인 할 수 있습니다. 물론, https://trello.com/shortcuts 에서도 확인 할 수 있습니다. 카드 이동하기 트렐로는 리스트와 카드로 이루어져 있습니다. 카드의 이동은 화살표와 j, k로 이동할 수 있습니다. 보드 메뉴 열기 b 키를 눌러서 보드 메뉴를 열수 있습니다. 검색 하기 / 키를 눌러서 검색창으로 포커스를 이동할 수 있습니다. 카드 보관 c를 눌러서 카드를 보관할 수 있습니다. 보관한 카드는 more → Archived Items 에서 확인 할 수 있습니다. 완.. 2018. 4. 6. 이전 1 ··· 9 10 11 12 13 14 15 ··· 137 다음