UploadImage
구현은 마무리했기 때문에 디자인 나온대로 스타일링
-> 이미지 감싸는 박스 position은 relative
, 버튼 position은 absolute
로 줬는데 계속 짤려보여서 이 부분은 수정해야함!
App.tsx
에 바로 올리는 것이 아니라 UploadMtn.tsx
파일을 만들어서 여기서 컴포넌트 레이아웃 배치하고, 입력받은 데이터를 서버에 요청할 수 있도록 할 예정
div
엘리먼트로 만들어졌지만, flex
속성만 가진 것이 Flex 컴포넌트이고 그 외 속성을 가진 것이 Box 컴포넌트이다. 하지만 Flex 컴포넌트가 width
, height
를 가지고 있지 않기 때문에 Icon 컴포넌트, Typo 컴포넌트까지만 구역으로 인식하기 때문에 정중앙에 배치하는 것이 어려웠다. 그래서 임시로 css
속성으로 처리를 해서 중앙으로 배치했다.