부트캠프 React 과정 7.18

김진우·2023년 7월 18일
0

오늘목표

  • 팀프로젝트 UI완성하기 (O)
  • 세부 기능 하나씩 시작하기

오늘 어려운점


  • 오른쪽 위에 있는 돋보기가 박스 위 상단에 고정되게 할려고 했다.
    position을 사용해서 부모에 absolute를주고 자식에도 absolute를 주었는데 아래 부분에 있는
    카테고리 란까지 침범받아서 모양이 일그러져서 잘 되지 않았다.
    이걸 해결하기 위해서 이두부분이 묶여있는 div에 position: relative;를 지정해주고
    paading값을 주었고 방금만든 styled div부분에 padding 값을 주고 돋보기 모양 styled에
    top과 right값을 조정해서 원하는곳에 들어가게 하였다.

느낀점

  • 오늘 내가 맏은 역할 UI그리는 부분을 완성했는데 css는 알면 알수록 정말 어려운거 같다.
    저번 프로젝트를 함으로써 어떻게 해결을 해나가볼까라는 생각은 들지만 아직 내가 정확하게 잘 이해를 한게 아닌건지 하나하나씩 부족한 부분이 있었던거 같다. 그래도 이렇게 배운 부분에 대해서는 확실하게 알고 가고 다음에는 더 발전할수있게 해야겠고 이제 firebase에 기본값을 올려놓고 내가원하는 부분만 불러오는걸 시도를 해야되는데 firebase는 저번프로젝트때 사용하고 한번도 안해본거라서 다시 기본적인 부분 공부를 해보고 정예반 수업에도 firebase문서를 읽고 유추해 나가는 부분에대해 공부했는데 영상이 올라오면 다시한번 복습을하고 그방식대로 한번 도전을 해봐야 겠다고 생각했습니다.

1개의 댓글

comment-user-thumbnail
2023년 7월 18일

항상 좋은 글 감사합니다.

답글 달기