요약하기. 출처: 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 를 사용하여..

The terms “URI” and “URL” are often used interchangeably, but they are not exactly the same. A URI is an identifier of a specific resource. Like a page, or book, or a document. A URL is special type of identifier that also tells you how to access it, such as HTTPs, FTP, etc.—like https://www.google.com. If the protocol (https, ftp, etc.) is either present or implied for a domain, you should call..