[CSS] 이미지 사이즈 맞추기 (object-fit, absolute, background)
프롤로그 컨테이너의 크기는 고정되어 있는데, 해당 컨테이너 안에 들어갈 이미지의 크기는 다양한 경우가 있습니다. 사용자가 이미지를 등록하는 경우 또는 마케팅 팀이 아무 이미지나 넣는
nykim.work
https://multifidus.tistory.com/182
일정한 사이즈 div 안에 이미지 넣기 (잘리면서 꽉차게, 잘리지 않고 축소)
+) 이번 프로젝트를 진행하면서 퍼블리싱 부분에서 가장 애를 먹었던 부분. 혹시 제가 놓친 점이나 더 좋은 방법, 다른 방법이 있다면 얼마든지 알려주시기 바랍니다. 1. 잘리면서 꽉차게 * 상위 d
multifidus.tistory.com
부모 요소에 overflow:hidden, 자식 요소에 object-fit:cover를 설정하는 것 말고도 원하는 height, width도 정해야하고 margin:auto, height:100%, width:100%도 해야한다.
카드 6개가 나오는 리스트에선 height:100%를 안해줬는데 가로로 긴 테스트 이미지도 세로로 긴 테스트 이미지도 정가운데 부분만 잘 나온다.
왜 그런지 모르겠다.
https://homzzang.com/b/js-1505
홈짱닷컴
홈페이지 제작, 그누보드 강의, 웹코딩, HTML, CSS, JAVASCRIPT, JQUERY, PHP, SQL
homzzang.com
프론트엔드 베이스 url이 없어도 된다.
버튼에 폴더까지 경로를 설정해놓고 그걸 눌러서 가면 index.html이 안 나오는데 그 html 파일에서 open with live server를 하면 index.html이 주소창에 나온다.
https://steemit.com/kr-dev/@cheonmr/js-operator
[JS Operator] ==와 ===의 차이점 — Steemit
==는 Equal Operator이고, ===는 Strict Equal Operator이다. ==는 a == b 라고 할때, a와 b의 값이 같은지를 비교해서, 같으면 true, 다르면 false라고 한다.(값만 같으면 true이다.) ===는 Strict, 즉 엄격한 Equal Ope
steemit.com
==는 그냥 값이 같은가이고 ===는 타입까지 같은가
https://umanking.github.io/2022/07/17/javascript-string-substring/
Javascript - 문자열 자르기(split, substr, substring, slice)
Javascript - 문자열 자르기(split, substr, substring, slice)
umanking.github.io
https://bibi6666667.tistory.com/94
[Javascript] .split(), join()을 활용해 문자열을 여러 조건으로 나누기
.split()과 .join()을 반복적으로 사용하면 된다. 문자열.split() : 소괄호 내의 기호로 문자열을 나누어 배열로 만듦 배열.join() : 소괄호 내의 기호로 배열의 각 원소를 이어붙여 문자열로 만듦 한 마
bibi6666667.tistory.com
visited_date = visited_date.split("/")를 한 후 join은 안 쓰고 그냥
visited_date[2] + "-" + visited_date[0] + "-" + visited_date[1] 이렇게 해서 포맷을 바꿔줬다.
https://www.freecodecamp.org/korean/news/var-let-constyi-caijeomeun/
Var, Let, Const의 차이점은?
ES2015(ES6)에서 반짝이는 새로운 기능들이 많이 등장했습니다. 2020년이 된 지금, 많은 JavaScript 개발자들이 그 기능들을 사용하기 시작했을 것이며 또 익숙해졌을텐데요. 여전히 그 중 몇몇은 일부
www.freecodecamp.org
var은 옛날꺼. let, const를 많이 쓴다.
https://stackoverflow.com/questions/19780731/django-rest-framework-serializer-field-required-false
Django REST Framework serializer field required=false
from the documentation: read_only Set this to True to ensure that the field is used when serializing a representation, but is not used when updating an instance during deserialization. De...
stackoverflow.com
오늘도 티스토리가 안됐는데 일단 시크릿모드로 쓴 다음에 인터넷 사용 기록 삭제를 해줬더니 해결됐다.
[자바스크립트] ]Select 태그의 값의 value 프로퍼티 변경시 onchange가 동작 안 하는 경우 해결하기
자바스크립트에서 select 태그에 onchange 이벤트를 사용할 수 있습니다. 그런데 onchange 이벤트가 동작하지 않는 경우가 발생할 수 있는데요... 그 원인과 해결방법을 알아봅니다.
webisfree.com
'TIL' 카테고리의 다른 글
| TIL 062023 (0) | 2023.06.20 |
|---|---|
| TIL 061923 (0) | 2023.06.19 |
| TIL 061523 (0) | 2023.06.15 |
| TIL 061423 (0) | 2023.06.15 |
| TIL 061323 (0) | 2023.06.13 |