목록WEB (53)

ImFe's study

[npm] npm 정리

보호되어 있는 글입니다.
WEB 2021. 12. 10. 18:15
[CSS] minify 정리

보호되어 있는 글입니다.
WEB 2021. 11. 25. 10:50
Client-side 공격 기초

보호되어 있는 글입니다.
WEB 2021. 10. 26. 19:00
웹 기초지식, 웹해킹 기초

보호되어 있는 글입니다.
WEB 2021. 10. 21. 19:01
[HTML] inline-block 요소들 사이에 공백이 포함되는 버그 해결

같은 div내에 inline-block요소들을 스타일링 하던 도중 margin값이 없음애도 불구하고 공백이 생겼습니다. 찾아보니 이는 크롬 브라우저(webkit엔진)에서 일어나는 버그라고 하네요. TEST TEST TEST 해당 부분의 HTML입니다. 사실 글을 HTML로 분류하기도 애매한게, HTML을 퍼블리싱할때는 해당 문제가 잘 발생하지 않습니다. 지금은 EJS템플릿에서 작업하던 도중 발생한 문제인데, EJS에서는 거의 매번 발생하는것같네요. 해결 방법으로는 1.부모 요소의 폰트크기를 0으로 조정 후 자식요소들의 폰트크기를 다시 원래대로 조정 2.문제가 생긴 태그의 줄바꿈을 변경하거나 닫는 태그 삭제 3.음수 margin 적용 4.태그들 사이에 주석( )적용 5. 부모 요소에 font-size: 0..
WEB 2021. 9. 1. 20:30
[EJS] Refused to apply style from '*.css ' because its MIME type ('text/html') is not a supported stylesheet MIME type..

EJS템플릿 위에서 CSS파일을 불러오자 발생한 에러 CSS가 적용되지 않습니다. MIME type이 뭘까.. 싶었는데 MIME은 Multipurpose Internet Mail Extensions의 약자로 이전의 방식보다 개선된 인코딩 방식이라고 합니다. 그런데 지난번의 프로젝트에서도 EJS를 사용했고, 같은 방식으로 CSS를 불러왔지만 해당 오류는 없었던점을 통해 이는 큰 상관이 없다고 생각했습니다. 찾아보니 express에서 static설정이 저번 프로젝트와는 달라 발생한 오류였습니다. app.use(express.static('public')); 경로를 변경해주면 잘 작동합니다.
WEB 2021. 8. 4. 19:08
[CSS] margin-top 요소(태그) 밖으로 넘칠 때 / margin-top 버그

웹 앱을 위한 스켈을 만들던 중 뭔가 이상한 점을 발견했는데 최 상단바(뒤로가기, 네비게이션)컴포넌트와 캐러셀 슬라이드 컴포넌트를 불러온 후 Wrapper의 제일 상위 자식에게 margin-top을 주면 그 마진이 Wrapper를 넘어갔다. 왜 마진이 부모 요소를 넘어가지..? .. 코드는 대강 이런식이였고 원래 두 컴포넌트가 딱 붙어있어야 하지만 최상위 자식요소의 margin-top이 부모 요소를 밀어내면서 기본 배경색인 회색이 드러났다. 검색을 해 보니 자식요소에게 부여한 margin-top 속성이 부모 박스를 밑으로 떨어지게하는 버그라고 한다. 해결 방법은 부모 요소에 overflow:auto 속성을 주거나 자식 요소에 position:relative 속성을 주면 해결된다고 하는데 직접 해본 결과 ..
WEB 2021. 7. 14. 22:20
[Zeplin] Zeplin CLI / 제플린 CLI

보호되어 있는 글입니다.
WEB 2021. 7. 6. 15:23
Prev 1 2 3 4 5 6 7 Next