[CSS] 반응형으로 정사각형 만들기
결론: after요소에 padding-bottom을 100% 넣어주면 된다. 내부에 다양한 크기에 컨텐츠가 있다면, position: absolute인 width, height 100%인 div로 감싸준다. <div class="note"> <div class="inner"> <div class="title">{noteData.title}</div> </div> </div> .note {...
Front-End Programming
[CSS] div에 의도하지 않은 여백이 들어가 있을 때
Problem btn-container라는 div에 btn-group 3개 div를 넣었더니 그 3개 div 사이에 틈이 생겼다. Solution whitespace를 주석처리 <div>text</div> <!-- --> <div>text</div> <!-- --> <div>text</div> <!-- --> <div>text</div> <!-- -->...
momentJS를 angularJS 필터에서 사용하기
Problem angularJS로 ERP를 만드는 중이다. ng-repeat로 반복되는 칼럼에 타임스탬프가 안 예쁘게 찍혀서 moment.js로 가독성을 높이려 한다. javascript에서 가로채서 솰라솰라 하는거 말고 angular로 예쁘게 하는 방법은 없을까? Solution...
django, bower, grunt로 사이트 구조잡기
상황 재고/창고관리 웹페이지를 만들려고 한다. 전체적으로 django와 docker로 돌아가고, 화면은 6개 정도 되는 크지 않은 admin페이지다. 나는 프론트엔드 담당이다. 생각하기 앞단을 짜는 것엔 두 가지 방법이 있다. 1....