🎨 프론트 (HTML/CSS)

스프링부트에서 타임리프 레이아웃을 사용해보자

백엔드가 정리하는 HTML 정리본(요약본)입니다.

프로젝트에 CSS를 적용해보자!

margin과 padding을 구분해 보자!

border(테두리)에 대해 알아보자

box-sizing은 박스의 크기를 어떤 것을 기준으로 계산할지를 정하는 속성이다. box-sizing에 대해 더 알아보자!

float 라는 단어는 원래 ‘뜨다’ 라는 의미이며, 원래 웹페이지에서 이미지를 어떻게 띄워서 텍스트와 함께 배치할 것인가에 대한 속성이다.

flex를 이용하여 가운데 정렬을 해보자. 프로젝트에서 많이 사용하는 속성이니 정확한 개념을 이해하는 것도 필요하다.

grid에 대해서 알아보자! (속성정리)

CSS 가상 요소는 선택자로 선택한 요소의 뒤에 붙여 표기하는 미리 약속된 키워드를 말한다.

스프링부트에서 form태그를 작성하는 방법에 대해 알아보자

기본적인 form을 만들어 보는 실습!