내일배움캠프 4기 React 18일차(기초프로젝트)

1. link script 적용

• SPA 적용시 index.html 에 링크 script 를 넣어줘야함.
  그래야 초기에 다운로드가 됨
• 홈페이지가 로딩 되자마자 바로 실행되는 script 는
  바로 export 할시 html 이 다운되기도 전에 타겟을 하기 때문에
  null 이 나온다.
  그렇게 때문에 로딩이 다 된 후! 라는 전제를 깔아주어 실행시켜야 함.

2. 폼의 중앙 위치시키기

position: absolute;
top: 50%;
left: 50%;
border: 1px solid #eee;
box-shadow: 0 0 11px #a1a1a1;
transform: translate(-50%, -50%);

top 과 left 에서 50%씩 보내고 transform 으로 반씩 위로 올려준다.

이렇게 해야 어떤 사이즈의 화면에서든 중앙에 위치하게 된다.

left 만 따로 적용 가능!!