Final Project 8일차 ✍🏻

Sprint2

• 일부 레이아웃 수정
• footer 레이아웃
• footer 개인별 이름에 github 링크 연결
• footer 완료

---

깨져버린 레이아웃

이전에 만들었더 레이아웃이 이상하게 변해있었다.
팀원이 반응형으로 만들겠다고 이것저것 건드렸는데... 내가 만든 것들도 일부 이상하게 위치가 변해 있었다.
변한부분은 크게 없었지만 생각보다 까다로운 부분이라 고치는데 좀 애를 먹었다.
나도 레이아웃을 좀 안정적으로 만들지 못해 이러한 일이 생긴 것 같아 이번 기회에 반응형도 생각하면서 다시 좀 보수를 했다.
생각보다 고치는데 시간이 많이 걸린듯...

이미지 업로드 기능을 구현했는데 또 다른 문제가 발생했다.
이미지는 올라가는데 사진 크키가 다 다르다 보니 올릴때마다 이상하게 사진이 올라가게 된다.
css만으로 해결할 수 있을거라 생각했는데 아니였다.
생각보다 복잡해 지금 머리가 많이 아픈상태이다....

---

빠르게 해결 할 수 있는 것부터!!

이미지 리사이징에 대해 한참을 보았는데 잘 이해가 가지 않아 일단은 빠르게 해결 할 수 있는 부분을 해결하기로 했다.
메인페이지에서는 footer 컴포넌트만 남아 있어 footer를 빠르게 만들었다.
프로토타입과는 조금 달라졌는데 생각보다 쓸데 없는 것들이 많이 들어가, 과감하게 제거하고 심플하게 만들었다.
css는 너무 어려운게 이 간단한거 만드는데 생각보다 시간이 걸렸다...
프로젝트 끝나고 css도 꼭 다시 공부해야겠다!

---

에러핸들링

크루분께서 에러핸들링을 꼭 작성하라고 하셨다.
팀원들은 이미 깃허브에 적고 있었는데 나는 딱히 적을게 생각이 나지 않았는데 오늘 <input>태그 오류가 발생하여 에러핸들링을 작성하였다.
간략하게 요약하면 <input>태그안에 작성한 핸들러가 들어가 있었는데 에러메시지(Error: input is a void element tag and must neither have children nor use dangerouslySetInnerHTML.) 가 떠 구글링을 해보니 <input>안에는 텍스트를 입력 할 수 없어 발생하는 오류라고 했다.
스타일컴포넌트 변경 과정에서 잘 못 들어 간 것같은데 그래도 잘 해결되서 다행이다~