목록Frontend (28)
개발 무지렁이
display: inline-block img태그 ◻️ 너비: 너비가 설정되어 있지 않다면 최소한으로 줄어든다 ◻️ 높이: 높이가 설정되어 있지 않다면 최소한으로 줄어든다 🎯 목적: 글자화 ✒️ 라인: 한 줄에 최대한 많이 📶 정렬: 부모의 text-align에 의해 정렬 display: inline a태그, span태그 ◻️ 너비: 너비가 설정되어 있지 않다면 최소한으로 줄어든다 ◻️ 높이: 높이가 설정되어 있지 않다면 최소한으로 줄어든다 🎯 목적: 글자화 ✒️ 라인: 한 줄에 최대한 많이 📶 정렬: 부모의 text-align에 의해 정렬 ⚠️ 주의: width, height, margin, padding 속성이 제대로 적용되지 않는다. display: block ◻️ 너비: 너비가 설정되어 있지 않다..
[form_errors.html] [공통템플릿을 적용하는 템플릿.html]
템플릿 상속, layout 기본 틀이 되는 템플릿(layout.html)을 먼저 작성하고, 다른 템플릿에서 그 템플릿을 상속해서 사용 [build.gradle 🐘] implementation 'nz.net.ultraq.thymeleaf:thymeleaf-layout-dialect'[layout.html] [layout을 상속한 템플릿.html] ((내용))
position: static; 🧍♂️ position: absolute; 👻 유령 👻: 다른 element와 상관없이, 화면 기준으로 움직인다 -> 겹칠 수 있다 * 유령화 (겹칠 수 있다) * 유령감옥 (자손 유령 👻을 가둘 수 있다) 🚩top / bottom / left / right -> default: auto (위치를 정해주기 전까지는 흐름에 맡긴다)position: relative; 🦹♂️ 사람 🦹: 본인은 아무 변화가 없지만 유령을 가둘 수 있는 능력 * 유령감옥 (자손 유령 👻을 가둘 수 있다)