PWA Progressive Web App manifest.json setting manifest.json short_name: 사용자의 홈 화면 또는 실행기와 유사하게 아이콘 내에서 사용되는 애플리케이션의 이름 정의 name: 시작 화면 및 프롬프트에서 앱 스토어 또는 브라우저에 표시되는 이름. 경우에 name속성이 생략되어 short_name표시된다. icons: 사용자의 홈 화면, 실행기, 작업 전환기, 스플래시 화면 등에 표시되는 아이콘 집합 (또는 하나의 아이콘) start_url: 사용자가 시작할 때 볼 수있는 애플리케이션 페이지의 URL display:이앱은 주소 표시 줄을 치우고, 새 창에서 실행하고, 전체 화면으로 이동할 수 있다. fullscreen: 브라우저 UI없이 앱을 열 수 있으며 사용자 기기의 전체 화면을 차지할 수 있다. standalone: 사용자가 기본.. 2021. 1. 7. Solve initialization error when importing firebase in react Firebase Resolve Error Firebase App named '[DEFAULT]' already exists (app/duplicate-app) 리액트에서 파이어베이스 모듈 사용하기 & 초기화 import * as firebase from 'firebase' 로 firebase 모듈을 import 한다. fireabase.app 이 로드 되었는지 존재 여부를 체크 한뒤 initializeApp 을 실행하면 정상 적으로 작동된다. 2021. 1. 7. How to style custom scrollbars with css css로 스크롤바 커스텀 스타일링 하는 방법 ::-webkit-scrollbar — 전체 스크롤바. ::-webkit-scrollbar-button — 스크롤바의 버튼 (위쪽과 아래쪽을 가리키는 화살표). ::-webkit-scrollbar-thumb — 드래그 가능한 스크롤 핸들. ::-webkit-scrollbar-track — 스크롤바의 트랙 (진행률 표시 줄). ::-webkit-scrollbar-track-piece — 핸들로 덮이지 않은 트랙 (진행률 표시 줄) 부분. ::-webkit-scrollbar-corner — 가로 및 세로 스크롤바가 모두 만나는 스크롤바의 하단 모서리. ::-webkit-resizer — 일부 요소의 하단 모서리에 표시되는 드래그 가능한 크기 조정 핸들 ie, fi.. 2021. 1. 7. How to set input placeholder color 인풋 placeholder 색상 설정하는 방법 &::placeholder 로 색상값을 지정해주면 된다. 크로스브라우징이 필요할 경우에 webkit, ms 프리픽스를 붙여서 사용하면 된다. 대부분의 브라우저에서 placeholder 텍스트의 모양은 기본적으로 반투명 또는 밝은 회색이 사용된다. placeholder의 텍스트의 색상과 입력 배경 사이의 명암비가 저시력 상태를 경험하는 사람들이 읽을 수있을 만큼 충분히 높은지 확인하고 사이에 충분한 차이가 있는지 확인하는 것이 중요하다. 색상 명암비는 자리 표시 자 텍스트의 광도와 입력 배경색 값을 비교하여 결정된다. 텍스트 콘텐츠에는 4.5 : 1, 제목과 같은 큰 텍스트에는 3 : 1의 비율이 필요하다. 큰 텍스트는 18.66px 및 굵은 폰트 이상 또는 .. 2021. 1. 7. prevent zooming when the input focus on mobile Prevents zooming when the input area is focused on mobile 모바일 인풋 포커스 클릭시 화면 확대 방지하기 모바일에서 인풋 영역 포커스 또는 클릭시 화면이 자동으로 확대되는 현상이 있다. 모바일 브라우저가 확대되는 이유는 사용자가 읽을 수 있도록 텍스트를 더 크게 만들기 위해서라고 한다. 이 현상을 막기 위해서는 미디어쿼리를 사용해 해당 엘리먼트의 폰트사이즈를 충분히 크게 설정해주면 된다. font-size: 16px; 2021. 1. 7. javascript return false, breack 차이 Return 명령문은 함수 실행을 종료하고, 주어진 값을 함수 호출 지점으로 반환한다. 함수 내부의 값을 함수 외부로 출력시키거나 함수를 강제로 종료시키는 기능을 한다. 함수 안에서 return 명령문을 만날경우 함수의 실행은 그 지점에서 중단된다. 값을 제공한 경우 함수를 호출한 곳으로 돌아가서 그 값을 반환하여 계속 실행을 한다. break 현재 반복문, switch 문, 또는 label 문을 종료하고, 그 다음 문으로 프로그램 제어를 넘긴다.. 여러번 반복되는 for, switch, while 등의 루프의 경우에 해당 루프에서 아예 빠져나가게 된다. 이때 return과 구분되는 차이는 어디까지 빠져나가는가 중단되는가에 대한 차이이다. return breack 차이점 return의 경우 해당 메서드 .. 2021. 1. 7. 이전 1 ··· 75 76 77 78 79 80 81 ··· 87 다음
