240805) Today I Learned_(TIL)

팀장님이 배분해 줬던 일들 4가지 중에 하나만 완성했다...
(1) CSS 아코디언을 익혀서 프로젝트에 적용시킬 부분을 고민해보기
(2) 메인 페이지에서 캐러셀의 영화를 클릭 했을 때, 클릭한 영화의 상세 페이지로 이동하도록 EventListener 추가하기
(3) 메인 페이지 캐러셀들의 좌우 갭 줄이기
(4) 메인 페이지 캐러셀들을 무한으로 돌아가도록 작성하기

캐러셀들의 좌우 갭 줄이는 코드는 말그대로 CSS에서 캐러셀들의 선택자를 넣고 gap 수치를 줄이니 내가 생각했던 x축으로 카드들끼리 줄어드는게 아니었다. 그래서 생각했던 것이 margin이나 padding을 줄이자는 생각으로 margin 값이나 padding 값을 줄여가면서 어떤 값을 줄여야지 카드들이 x축으로 줄어드는가를 확인했다. 확인한 결과 margin 값을 음수로 설정하니 카드들끼리의 간격이 줄어드는 것을 확인했다. margin이나 padding 값(padding값은 음수로 주지는 않았지만, margin 값이 음수로도 움직이는 것을 확인 했으니 padding 값을 음수로 줘도 작동을 하겠구나를 유추해볼 수 있었다. 기회가 있으면 padding 값도 음수로 줘봐야겠다.)

한 번 더 느꼈지만 정말 Javascript의 DOM 조작 part는 확실히 공부를 하고 넘어가야겠다고 생각이 들었다.

Javascript 어려워...