[221010-221016] 속이 답답하다.

 

 

10/10

오늘까지 부족한 js 공부를 했다 집안일을 하다보니 시간이 많이 지나버려서 거의 하지 못했다

 

 

 

10/11

팀과제로 이솝 페이지 첫번째 섹션에 들어 있는 슬라이더를 swiper 로 구현하는 작업을 했다

여백 문제 때문에 이전, 다음 버튼 부분과 스크롤바 부분을 2시간 안에 만들지 못하고 얘기를 나눴다

회의 때 조원들에게 물어봐서 여러가지를 고쳐봤지만 해결하지 못했다

슬라이더가 끝나는 곳에 여백을 주면서 브라우저 양 끝에 슬라이더 내부는 잘리고 싶지 않았다

그래서 회의가 끝나고 여백을 줬던 것을 다 지우고 swiper 안에 padding을 주니 해결이 되었다

또 스크롤바 부분을 하면서 스크롤바가 커스텀이 되지 않아 회의 때 조원들에게 물어봤는데 해결한 분이 있어 조원분의 코드를 참고하여 해결했다

 

 

 

10/12

팀과제로 이솝 페이지 나머지 슬라이더 부분을 구현했다

어제 해본 슬라이더와 구조가 거의 비슷해서 어렵진 않았다

다만 loop 옵션을 사용하면서 슬라이드가 복제되어 스크롤바가 끊기는 오류가 있었는데 한 조원분이 loop 대신 rewind 를 이용하면 된다고 하셔서 해결했다

 

 

 

10/13

팀과제로 이솝 페이지 메뉴바 위를 누르면 나오는 모달창을 구현했다

이전에 해놨던 모달창 구조가 있어서 그것을 참고하여 구현했다

덕분에 두시간 안에 끝냈지만 조원 중 여백이 제대로 작동하지 않아 컨텐츠 상단이 딸려 올라가 가려지는 상황이 발생했다

이것 저것 고쳐봤는데도 해결이 되지 않아서 결국 찝찝하게 끝이 났다

 

 

 

10/14

팀과제로 메인 메뉴를 클릭하면 서브 메뉴들이 나오는 기능을 구현하는 것으로 정했다

그룹장 모임과 개발 블로그 제출이 겹쳐서 마크업을 반 정도밖에 하지 못했다

주말에는 많이 할 수 있을 것이라 기대해본다

 

 

 

10/15

어제 것에 못한 것을 이어서 하는 것으로 팀과제가 정해졌다

마크업할 것이 많아서 대략적으로 중복되는 요소만 마크업한 뒤 간단하게 스타일링 작업을 하고 클릭하면 나오는 기능을 먼저 구현하려고 했다

하지만 생각보다 레이아웃 작업이 복잡해서 기능 구현에 시간을 많이 할애했다

메인 메뉴에 클릭하면 해당되는 서브 메뉴가 나타나는 식이라 foreach 문으로 해결해보려고 했다가 해당 구문에 대한 이해가 부족하여 시간이 오래걸려서 일단 작동이라도 해라라는 생각으로 각각 줄 수 밖에 없었다

하지만 스크롤을 위로 했을 때 메뉴바가 viewport 에서 최상단에 fixed 되는 걸 구현한 것과 충돌이 나서 코드가 많이 더러워지고 말았다

아마 메뉴에 클릭했을 때의 기능도 그래서 안되는 것이 아닐까 추측해본다

 

 

 

10/16

오늘도 어제 발생한 문제들을 해결하기 위해 하루종일 붙잡고 있었다

기능이 마음대로 적용이 되지 않아 마크업도 스타일링도 하다 말아서 애매한 상태로 계속 냅둘 수 밖에 없었다

일의 우선 순위를 정해서 했어야 했는데 한가지만 붙잡고 있으면 환기가 되지 않을 것 같아 여러 가지를 건들였더니 동시다발적으로 문제가 터져버리고 말았다

오히려 빨리 뜯어 고칠 수 있어서 다행이라고 해야 하나 암튼 오늘도 해결을 거의 하지 못했다