CSS, 그리고 반응형 (Devlog 17일차)

"시간이 정말 빨리 흐르네요.."

CSS

엄두도 내지 못했던 CSS 를 그래도 팀원들의 도움을 받아 조금씩 해결해나가고 있습니다. 오늘은 특히 display: flex 상태에서 justify-content: space-around 가 먹히지 않아 애를 먹었었는데요. 프론트엔드를 맡은 팀원을 통해 상위 div 태그에 width 를 설정해주지 않아서 생긴 문제라는 걸 알 수 있었습니다.

디자이너가 없는 상태로 개발이 진행되다 보니, 전반적인 디자인을 아무래도 팀원 모두가 모여 함께 논의하고 진행하게 됩니다. 이 과정에서 프론트엔드 팀원들이 어떻게 작업을 진행하는 지를 보고 많이 배울 수 있었습니다. 특히 개발자도구의 현란한 활용이 눈에 띄는 부분이었는데요. 덕분에 저도 개발자도구, 그 중에서도 Elements 부분을 어떻게 활용할 수 있는지를 조금 더 잘 이해하게 되었습니다.

반응형

오늘 블로깅이 짧은 이유는 다 반응형 때문입니다. 오후부터 반응형을 붙잡고 늘어지기 시작해서 자정까지 진행을 했거든요. 그나마 어찌저찌 반응형을 구현하기는 했습니다. 문제는 여전히 화면이 줄어들 때 원하는 div 박스의 높이가 줄어들지 않는다는 부분입니다. 아무래도 이 부분은 팀원들의 집단지성을 빌려서 해결해야 할 것 같네요.

저녁을 먹고 동네 도서관에 가서 CSS 책을 빌렸습니다. 인터넷에 여러 정보가 많이 있다지만, 기본적으로 뭐가 있는지는 알고 있어야 검색도 가능하다는 생각이 들어서입니다. 시간을 내어 책도 조금 더 보면서 CSS 에 대한 이해를 점차로 높여가야겠습니다.