본문 바로가기

front-end2

[CSS] 게시판 만들기 - footer와 dynamic contents에 대하여... 게시판을 얼추 다 만들고 보는데, 게시글의 내용이 얼마 없으면, footer가 위로 올라와서 다듬어진 홈페이지의 느낌이 없는것이였다. 그래서 footer를 고정하는 방법을 찾았는데, footer를 고정을하니, contents가 길어졌을때(scroll이 될 때), 컨텐츠가 위로 올라가면서 footer는 밑으로 내려가지가 않았다.(해당위치에 고정) 어떻게 해야할까 고민을하다가(하드코딩으로 height : ??px값을 주면 모니터 사이즈에 따라서 안 되는 것도 있으니) 자바스크립트의 해당 브라우저 창의 길이를 구하는 자바스크립트의 window 기능이 있다는 걸 알고, 적용하기로 했다. window.innerWidth : 브라우저 화면의 너비 window.innerHeight : 브라우저 화면의 높이 windo.. 2022. 11. 7.
[CSS] 페이지 로딩이 느린 현상(lots of CSS text) 개인 홈페이지를 만들던 중 유선으로 접속하면 괜찮은데, wifi를 이용해 홈페이지를 접속하면 페이지를 열때 계속 느리게 열리는 것이다.. 서버 문제인가하고 생각해 봤는데, ide에 localhost를 열어서 해봐도 여기서도 느린거 보면, 프론트엔드 디자인을 복사해온 결과라고 보여지는것 같다. (아직 확실하진 않고 css 지워 나가면서 해결해봐야함.) 어째든 그렇게 되어 css를 지우는 방법을 찾아보려고 했는데, 일단 https://purgecss.com/ PurgeCSS - Remove unused CSS | PurgeCSS purgecss.com www.npmjs.com/package/purify-css purify-css Removed unused css. Compatible with single-p.. 2022. 9. 27.