feat:mypage 유저정보 수정 페이지 상단UI 구현

[tkv00]

내용

• 새 브랜치 feature/mypage 생성 후 pull 때문인지 이전 commit내용도 같이 PR된 것 같습니다.
• 25일 commit내용만 보시면됩니다.(commit 중에 밑에서 1개) b0356b0
• PR 이후 하단UI 작업 후 commit 하여 하단작업도 같이 merge되었습니다.

  상단UI

  const Input = styled.input`
  width: ${responsiveSize(120)};
  height: ${responsiveSize(40)};
  padding: ${responsiveSize("10")};
  font-size: ${responsiveSize("20")};
  border: none;
  font-weight: 400;
  border-radius: ${responsiveSize("12")};
  background-color: ${({ theme }) => theme.colors.gray01};
  @media (max-width: 480px) {
  width: ${responsiveSize(90)};
  height: ${responsiveSize(30)};
  font-size: ${responsiveSize(15)};
  }
  `;

  

---

하단UI

추가사항

• 위와 같이 미디어 쿼리를 이용하여 가로가 600px보다 작을때도 전체적인 비율이 꺠지지않도록 구현.
• 전체적인 코드가 하드코딩이라 추후에 컴포넌트 정리가 필요함.

[tkv00]

추가로 useComment 커스텀 훅 구현하였고 아직 community 페이지에 적용은 하지못했습니다.

[jihyun132]

수고하셨습니다~