[프로젝트 과정] 최종프로젝트 15일차: 이미지업로드삭제 문제 해결, 메인페이지 헤더 디자인, 배경 이미지와 컴포넌트 함께 적용

🐰 4.9

 

프로필 이미지 업로드 삭제 문제 해결 !

- form 태그 안의 button이라 자동으로 닫히는 문제가 있었던 거 같다. 그렇다고 type="submit"을 준 것도 아니었는데..

- button에 type="reset"을 주고, 업로드한이미지 url 상태 초기값으로 기존 프로필 이미지를 넣어주는 식으로 해결

 

 

tailwind css 를 활용해 폰트 적용, div 에 배경이미지 적용함

-

이번에 쓴 글처럼 Tailwind css를 활용해 배경 이미지 적용하고 헤더 컴포넌트를 임포트해 같이 사용

폰트도 추가  tailwind 로 폰트적용법도 알게됨

 

헤더는 레이아웃 헤더와,   메인/어바웃 등 페이지에 적용될 컴포넌트 헤더를 분리시켜버렸다

2개의 헤더 인데.. 이게 맞을진 모르겠다

하나의 헤더로 합치고 조건부 렌더링을 할수있을지....

 

 

그리고 px 단위로 맞춰가면서.

우선은 1920px 을 기준으로 맞춤

하지만 다른 기준 브레이크포인트가 있어야 함을 알게됨