부트캠프 React 과정 9.11

김진우·2023년 9월 11일
0

오늘의 목표

  • 팀프로젝트 진행

알게 된것

  • 오늘 헤더에 로고와 menu 버튼과 프로필이미지 위치를 맞추던중
    처음에 마진을 왼쪽도 주고 오른쪽도 주고 일관성있게 하지않아서 반응형을 위해서 위치를 맞추는게 어려움이 있었다. 이 반응형 작업을 하면서 css적인 부분이나 처음 UI를 잡아 나갈때부터 가장 중요하게 위치를 잘 잡고 전체 큰 레이아웃 부터 하나하나 일관성 있게 UI를 그려나가야 될거 같다고 많이 생각을 했습니다.
    또한 저희는 이번에 tailwind를 사용했는데 반응형을 하면서 항상 sm(작은사이즈) md(중간사이즈) 이렇게 정해놓은 사이즈에 보여주고싶은걸 하나 지정을 해놨을때 만약 아래처럼

``

ex)sm:w-[147px] sm:mt-[20px]
md:w-[147px] md:mt-[24px]
``

항상 그즉시 sm을 수정했으면 md일때 변화가 없는지 확인하고 md값을 원래 값을 넣어주면서
sm을 변화해도 md가 변화되지 않도록 계속 확인을 해야지 나중에 수정하는 시간이 오래 걸리지 않는다는 것을 알게 되었고 반응형 작업을 오늘 끝내었는데 처음 해보는 부분이라 처음에는 어려움도 많이 있었지만 해보고 나니 다음번에는 확실히 더 능숙하고 꼼꼼하게 할수있을거라고 생각했습니다.

느낀점

  • 오늘은 오전부터 반응형 작업을 이어서 쭉나가고 오후에는 협력사 채용 설명회를 듣고 계속 반응형 작업을 하였다. 오늘 반응형 작업을 마무리 하였고 협력사 채용 설명회를 듣고 이력서를 적을때 어떻게 더넣어야되고 내가 신입으로써 회사에서는 어떤걸 요구를 하는지 또한 어떤 자세를 가지고 어떤 마음가짐으로 해야될지에 대해서 알게되어서 좋은 시간이었던거 같습니다

0개의 댓글