amanda의 공간입니다

1. 기본 : table 태그로 작성 , , 과 같은 관련 태그들은 기피하고, 간단하게 , , 로 작업 태그를 적용할 경우, 위처럼 초기화를 하고 사용 border : 선의 유무. 1은 있음, 0은 없음. cellpadding : 셀 내부 여백 cellspacing : 셀 사이의 너비 width : 테이블의 가로 너비 rowspan, colspan : 행, 열 합치기. 숫자값을 전달하며, 해당 값만큼 칸을 차지한다. (이메일 폼에선 지원이 잘 되지 않아 지양한다.) 2. margin, float 지양 padding으로 여백 조정 * 기본 레이아웃 *참고 https://abangpa1ace.tistory.com/entry/HTML-%EC%9D%B4%EB%A9%94%EC%9D%BC-%ED%8F%BC-%ED%..

이클립스로 git 작업하다가 read timed out 오류메시지 뜰 때 해결방법 Window > Preferences > Version Control(Team) > Git에서 Remote connections > Connection timeout (seconds)를 조정 (기존 30으로 세팅되어 있었음)

문단 들여쓰기 속성 : text-indent 예) text-indent:10px ol 시작숫자 변경 속성 : start 예)

애니메이션으로 사용하면 성능이 저하되는 css 속성들이 있음 ex) 높이, 너비, 여백, position 등 성능 개선을 위한 방법 중 하나가 will-change 속성 사용하는 것 참고 https://wit.nts-corp.com/2017/06/05/4571 CSS 애니메이션 성능 개선 방법(reflow 최소화, will-change 사용) | WIT블로그 CSS 애니메이션 성능 개선 방법(reflow 최소화, will-change 사용) wit.nts-corp.com

요소에 opacity나 transform 사용 시 z-index: 0으로 자동 설정됨 특정 요소를 상위에 위치하도록 하려면 해당 요소에 z-index 값을 재설정해야 함 참고 https://abcdqbbq.tistory.com/84

date picker 활용해서 date rangepicker 사용하기 From to 실제 프로젝트 적용 $( function() { var dateFormat = "yy-mm-dd", from = $( "#from" ) .datepicker({ defaultDate: "+1w", changeMonth: true, changeYear: true, numberOfMonths: 1, dateFormat : "yy-mm-dd", dayNamesMin : ["일", "월", "화", "수", "목", "금", "토"], monthNamesShort : ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"], }) .on( "change", function..

HTML more list 1 more list 2 more list 3 more list 4 more list 5 more list 6 MORE CSS .box-list{ width: 100%; } .box-list:after{ display: block; content: ''; clear: both; } .box-list > li{ float: left; margin-left: 20px; margin-top: 20px; border: 1px solid #e8e9ee; } .box-list.n3{ margin-top: -20px; } .box-list.n3 > li{ width: calc((100% - 41px)/3); } .box-list.n3 > li:nth-child(3n+1){ margin-le..

@media print, screen{ *{ margin: 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; color: #000; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body{ width: 827px; margin: 0; font-family: 'Noto Sans KR', sans-serif; color: #000; -webkit-box-sizing: border-box; box-sizing: border-box; page-break-before: always; page-break-after: always; page-break-inside: auto; } @page{ size..