목록grid (2)

초보 개발자

grid ( minmax , auto-fill, auto-fit )

minmax minmax는 grid-template-cloums와 row에 줄 수 있는 옵션이다. colmun에 minmax를 사용하여 최소값은 100px 최대값은 1fr로 주었다. 이렇게 했을 경우 브라우저의 창이 커지면 커질수록 column의 크기는 정비례되고, 작아지면 작아지는데 100px이하로는 작아지지 않고, 가로로 스크롤이 생긴다. 브라우저를 줄였을 때 100px이하로는 내려가지 않음 row도 마찬가지로 똑같이 줄 수 있다. 이 경우에는 grid-box에 height값을 주지 않으면 적용이 안된다. 그 이유는 기본 값이 없기 때문 auto-fill, auto-fit auto-fill과 auto-fit의 차이점에 대해서 알아보자 아래와 같은 화면이 나타난다. grid-tempate-columns..
css/css master 2022. 2. 24. 11:28
flask 이미지 업로드 방식 2 gridfs사용

2021.12.30 - [AI 웹개발 트랙 - 내배캠/3주차] - flask 이미지 업로드 방식 1 static에 집어넣기 flask 이미지 업로드 방식 1 static에 집어넣기 먼저 이미지 파일을 선택하면 화면에 보이도록 해주는 방법에 대해서 알아보겠다. image-uploader는 input type file 태그이다. 여기에 이벤트 리스너를 주어서 상태가 변했을 때 (파일을 선택했을 때) taehyeki.tistory.com 전에는 그냥 서버 자체의 static 폴더에 집어 넣는 방식을 사용하였다. file을 받아와서 file.save()로 저장하고 이름을 db에 올려서 이름으로 조회하는 방식 이번에는 파일도 mongodb에 파일을 분할하여 올리는 방식을 사용해보려고한다. 먼저 gridfs를 im..
AI 웹개발 트랙 - 내배캠/4주차 2022. 1. 5. 13:01
이전 Prev 1 Next 다음