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

최영진·2022년 11월 24일
0
  • 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 만 따로 적용 가능!!

profile
안녕하시오.

1개의 댓글

comment-user-thumbnail
2022년 11월 25일

어제 하루도 너무 고생하셨어요~

답글 달기