본문 바로가기

TIL

TIL 061623

https://nykim.work/86

 

[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


오늘도 티스토리가 안됐는데 일단 시크릿모드로 쓴 다음에 인터넷 사용 기록 삭제를 해줬더니 해결됐다.


https://webisfree.com/2019-07-01/[%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8]-]select-%ED%83%9C%EA%B7%B8%EC%9D%98-%EA%B0%92%EC%9D%98-value-%ED%94%84%EB%A1%9C%ED%8D%BC%ED%8B%B0-%EB%B3%80%EA%B2%BD%EC%8B%9C-onchange%EA%B0%80-%EB%8F%99%EC%9E%91-%EC%95%88-%ED%95%98%EB%8A%94-%EA%B2%BD%EC%9A%B0-%ED%95%B4%EA%B2%B0%ED%95%98%EA%B8%B0 

 

[자바스크립트] ]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