본문 바로가기

IT18

[CSS3] object-fit 속성 이해하기 object-fit 속성 object-fit 속성은 , , , 요소와 같은 콘텐츠 크기를 어떤 방식으로 조절해 요소에 맞출 것인지 지정합니다. -형식 구문- fill contain cover none scale-down [예제] See the Pen object-fit by solutiona80 (@solutiona80) on CodePen. 예제를 보면 호두까기 인형을 (원본 사이즈 334 x 936) 사이즈가 큰 상태라서 비율에 맞게 줄였습니다. image origin - 원본 이미지로 비율에 맞게 영역을 잡아줬습니다. object-fit : fill - 대체되는 요소 컨텐츠의 내용이 지정된 너비와 높이에 따라 크기가 확대 혹은 축소, 늘어나거나 움츠러듭니다. - 종횡비는 유지되지 않으며 대체로 너비.. 2022. 3. 2.
아이폰, 아이튠즈 백업 폴더 경로 변경 방법!(백업 및 오류 해결 방법) 아이폰 사용 시 데이터 백업 및 오류 해결 방법에 대해 알아보겠습니다. 아이튠즈에서 백업하기 [로컬 백업 암호화] 체크를 해야 인증서 등의 자료도 백업이 됩니다. [지금 백업]을 누르시면 백업이 진행됩니다. 아이튠즈 백업 기본 경로 1. C:\ 드라이브에서 [사용자] 폴더로 들어갑니다.(영문 윈도우에서는 폴더명이 User로 되어 있음.) 2. [사용자] 폴더에서 계정 이름의 폴더로 이동. 3. [보기] 탭을 선택하여 [숨긴 항목] 활성화 체크 4. [숨긴 항목] 활성화 체크되면 숨겨진 [AppData] 폴더가 반투명한 상태로 나타나는데 더블클릭하면 됩니다. 5. [Roaming] 폴더 더블클릭. 6. [Apple Computer] 폴더 더블클릭. 7. [MobileSync] 폴더 더블클릭. 8. [Bac.. 2022. 2. 26.
갤럭시 폰(안드로이드), 안전 안내, 긴급 재난 문자 차단하기 바쁘게 일하고 있을 때 또는 쉬고 있을 때 재난 문자로 깜짝깜짝 놀랄 때가 많죠? 특히 요즘 코로나 시국에는 유난히 더 심하게 울리는데 원치 않는 긴급 재난 문자를 차단하는 방법을 소개해드릴게요. 안전 안내, 긴급 재난 문자 차단 1. 핸드폰 메인 화면에서 [메시지]를 선택. 2. [메시지]에서 빨간색 박스 선택. 3. 팝업 창에서 [설정] 항목 선택. 4. 메시지 설정창에서 [긴급 알림 설정] 선택. 5. [긴급 알림 설정] 창에서 [사용 안 함] 항목을 체크 해제 실제로 긴급한 상황일 경우의 안전 문자를 못 받을 수 있으니 상황에 맞게 잘 사용하시길 바랍니다. 포스팅이 도움이 되셨다면 좋아요와 댓글 그리고 커피 한잔의 여유~ 감사합니다. 2022. 2. 24.
[CSS] - box-sizing을 이해하기 box-sizing을 사용하는 이유. 박스 크기를 결정할 때 width와 height 지정을 조금이라도 달라지면 박스 크기가 달라져서 전체 레이아웃에 균형이 틀어지는 상태가 발생하는데 이때 요소의 width와 height를 균일하게 유지하게 할 때 사용합니다. 같은 값이지만 다른 결과. See the Pen box-sizing 속성 이해하기_1 by solutiona80 (@solutiona80) on CodePen. 예제에 보시면 속성 값이 같은 두 box가 있는데 실제로 그려지는 모습은 다르게 보입니다. padding, border 제외한 경우 See the Pen box-sizing 속성 이해하기 2 by solutiona80 (@solutiona80) on CodePen. 예제에서 보면 paddi.. 2022. 2. 23.