출처: https://knulab.com/archives/1185 배경이미지 브라우저에 꽉 채우기 – KNULAB 브라우저 뷰포트에 배경이미지가 꽉 차게 보여지려면 아래와 같이 min-height 값을 설정한다. Full Background Cover body, html { margin: 0; padding: 0; height: 100%; } .bgimg { border: 0; padding: 0; background-image: url('ima knulab.com 브라우저 뷰포트에 배경이미지가 꽉 차게 보여지려면 아래와 같이 min-height 값을 설정한다. Full Background Cover 첫번째 방법 html { background: url(images/bg.jpg) no-repeat cen..

요약하기. 출처: uxplanet.org/how-to-improve-an-e-commerce-checkout-experience-ui-ux-case-study-e56139a6dc5d

How to do initial setting Structure of Database How to make CRUD function Efficient State management How to make table How to do initial setting(how to find database) Creates and initializes a Firebase app instance. firebase.js import firebase from "firebase/app"; import "firebase/database"; import dotenv from "dotenv"; dotenv.config(); var firebaseConfig = { apiKey: process.env.REACT_APP_APIKEY..

Source from: react.vlpt.us/basic/27-useful-tools.html

The steps to take 1. Create an account on console.aws.amazon.com 2. Create a user and a new bucket. Note the accessKeyId, the secretAccessKey and ARN 3. Add policy to the bucket and the user, add CORS to the bucket. 1) policy { "Version": "2012-10-17", "Statement": [ { "Sid": "AddCannedAcl", "Effect": "Allow", "Principal": { "AWS": [ "arn:my arn" ] }, "Action": [ "s3:PutObject", "s3:PutObjectAcl..

px: font 에 따라 글씨 크기가 달라진다. em: 선택된 폰트에 상관없이 항상 고정된 사이즈를 가진다. 부모의 폰트사이즈에 상대적으로 계산된다. 부모의 폰트 사이즈에 곱한 값. (개발자도구에서 확인 가능) rem: root 에 지정된 폰트사이즈에 따라 크기가 결정된다. 즉, html 이나 body 에서 따로 사이즈를 지정하지 않으면 기본적으로 html font-size 가 100% 로 지정되는데, 이는 브라우저에서 지정한 폰트사이즈를 따라간다는 말. 브라우저 환경에서 폰트사이즈를 변경하면 이에 따라 웹 폰트 사이즈가 변경된다. v: viewport related %: parent related 결론 픽셀은 왠만하면 사용하지 말자. 고정값이 필요할 경우엔 rem 을 사용하자. vh, vw 를 사용하여..