Conventional Commits 컨벤셔널 커밋, 커밋메시지 컨벤션 feat: 새로운 기능 fix: 버그 수정 build: 시스템 또는 외부 종속성에 영향을 미치는 변경사항 (npm, gulp, yarn 레벨) style: 코드 의미에 영향을 주지 않는 변경사항 ( white space, formatting, colons ) ci: ci구성파일 및 스크립트 변경 chore: 패키지 매니저 설정할 경우, 코드 수정 없이 설정을 변경 docs: documentation 변경 perf: 성능 개선 refactor: 버그를 수정하거나 기능을 추가하지 않는 코드 변경, 리팩토링 test: 누락된 테스트 추가 또는 기존 테스트 수정 revert: 작업 되돌리기 2021. 1. 8. How to put google GA tag in nextjs & React script 의 dangerouslySetInnerHTML 을 통해 gtag tracking ID 를 적용한다. `https://www.googletagmanager.com/gtag/js?id=${GA_TRACKING_ID}` 2021. 1. 7. 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. 이전 1 ··· 71 72 73 74 75 76 77 ··· 83 다음
