CSS(2)
-
AWS S3, Azure Blob 캐시 이미지 제거 방법
사용 하는 경우 S3나 Blob에서 이미지를 같은 이름으로 수정 브라우저에서 이미지를 캐싱해서 바뀌지 않는 경우가 있다. 그 때 캐시를 지워서 사용하면 수정 후 바로 브라우저에서 변경 된 이미지를 볼 수 있다. 사용 방법 src안에 s3, blob 링크를 넣어 줄 때 ?만료 시간 를 붙여 준다. 출처 : https://jeaha.dev/114
2022.04.08 -
CSS 다른 div에 밀리지 않고 맨 위에 나타내기 (position, transform)
프론트 엔드 개발 중 Spinner같이 활성화 되지 않은 상태에서 특정 이벤트 발생 시 화면에 출력을 해야되는 경우가 있다. 그냥 넣어 두면 다른 div가 밀려 부자연스러운 상태가 발생하게 된다. 그때 (position, transform)를 사용하여 밀리지 않고 맨 위에 자연스럽게 나와야 하는 경우 사용한다. .spinner{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) }
2021.12.31