TIL] 2022/10/06

아침에 일어나 늦잠을 잤다는 것을 바로 체감했습니다.
정신없이 공부방에 갈 준비를 마친 뒤,
공부방으로 가는 길에 오늘 해야 할 일들을 머릿속에서 정리했습니다.


점심을 먹은 후, 스프린트를 진행했습니다.
스프린트에서 나온 주된 내용은 현재 중요한 부분을 집중해야 한다는 것이었고
현재 중요한 부분은 배너를 만들고 배너를 통해 새로운 페이지를 진입하는 것이었습니다.
따라서, 기존에 영후님이 배너를 혼자 담당하셨는데 제가 함께 붙어서
배너 작업을 진행하기로 결정됐습니다.


스프린트가 끝난 후에 프론트엔드 팀만 따로 모여서 회의를 진행했는데
회의의 주제는 스터디와 업무 분배였습니다.
매일 정기적으로 모던 자바스크립트 튜토리얼 스터디를 진행하기로 결정됐고
티켓을 기능단위로 세분화하여 한 사람당, 한 티켓만 진행하기로 결정됐습니다.


회의가 끝난 후, 기존 배너에 swiper를 적용해 여러개의 배너가 노출되게끔
작업을 진행했습니다.
swiper는 처음 사용해서 우선 공식문서를 읽으며 프로젝트에 swiper를 적용했는데
예상치 못한 문제가 발생했습니다.
기능은 정상적으로 동작했지만 global css설정으로 인해 height이 잘 설정되지 않았습니다.
따라서, emotion으로 Swiper를 상속하여 css를 수정하는 작업을 진행했고
생각했던 방향대로 배너가 노출되었습니다.
하지만, 이펙트가 마음에 들지 않아 이펙트를 수정하는 부분에서 또 다른 문제가 발생했는데
배너에 있는 사진들이 여러장으로 나열되는 이슈가 발생했습니다.
확인을 해보니 global css설정으로 인한 이슈여서
height를 해결한 방법으로 emotion을 통해 SwiperSlide를 상속하여 해결했습니다.


집에 도착 후, JSX에 대한 부분을 정리하여 포스팅했습니다.
앞으로 여섯시가 지난 후에는 프로젝트를 하며 마주한 궁금증들에 대한 것들을
공부하고 정리해서 포스팅을 할 예정입니다!