CODE CAVE

이젠 모바일 웹앱은 필수가 되면서 반응형은 필요요소가 되었습니다. 적응형으로 모바일 디자인을 따로 만든다고해도, 모바일 디스플레이가 워낙 크기가 다양해서 어쨌든 준(?) 반응형으로 만들어야 합니다. 적응형은 미디어쿼리를 쓰지 않을 뿐이지 각종 디스플레이 크기에 반응해야하기 때문에 고정값으로 가로세로 크기를 지정하면 안되니까요~ 적응형이라고 꼭 미디어쿼리를 쓰지 않는다는 것은 또 아니고, 결국 적응형도 반응형이나 다름 없다는 것이죠. 반응형은 반응하는 기기의 범위가 데스크탑 까지 가있는 것입니다. 뭔가 시작부터 되게 헷갈리게 만드는 말들을 주저리 주저리 했네요.. 아무튼 그래서 이번 포스팅에서는 반응형으로 동영상쪽 퍼블리싱+JavaScript 하실 때 참고하시라고 제가 작업했던 내용을 공유드리려고 합니다...

* { margin: 0 auto; padding: 0; } a { text-decoration: none; } CSS 초기화 코드로 검색하면 이것저것 많이 나오는데요~ 제가 생각했을 땐 위의 코드면 충분하다고 생각해요~ 오히려 많은 초기화 코드를 작성할시 좀 규모 있는 퍼블리싱 할 때 방해가 되는 경우도 있습니다. 부트스트랩이나 뭐 다른 라이브러리 쓰실 때 자신은 padding 같은것을 준적도 없는데 막 패딩이 있고, 제가 설정한 스타일이 적용이 안되고, 디버깅 해보면 부트스트랩의 초기화 코드에 덮힌다던지 (물론 이 경우는 CSS 호출 순서나 !implement; 로 해결이 가능하긴 합니다.) 등의 문제.. 제 생각엔 그냥 필요성이 느껴질 때 떠오른 것을 하나씩 추가하는게 제일 이상적 인것 같아요. 그..