Browser Rendering: JS + DOM + CSSOM There's a thing called the Critical Rendering Path (CRP), which is the pipeline for rendering a page. In other words, it's the steps the browser needs to take to create pixels into the screen from your HTML, CSS, and JavaScript code. Now, CSS and HTML are so-called render-blocking resources, meaning, they need to be fetched and fully parsed before we can rende..

출처: 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..