Firebase 배우기 36 - HTML 출력 시 화면 여백을 container 적용과 style 구문의 padding 값으로 조절하기
파이어 베이스를 이용하여 웹서비스를 만들다 보면, HTML을 이용하여 여러 가지 화면 출력을 하게 되는데 매 상황별로, 화면에서 여백을 조절할 필요가 있는데, 나는 화면의 좌우측 여백을 다음과 같은 방법으로 조절한다. 예를 들어 다음과 같은 간단한 로그인 화면을 만드는 경우라면, 다음과 같은 HTML을 사용하면, 다음과 같은 로그인 입력 화면을 표시할 수 있는데, 위와 같이 HTML을 사용하게 되면, 화면의 좌측과 우측 끝부분에 여백이 거의 없어 매우 답답하게 보이는 문제가 있다. 이런 경우, 가장 쉽게 여백을 확보하는 방법의 하나는 다음과 같이 container를 적용해 주는 방법이다. 위와 같이 기존 HTML 코드에 단순히 container를 적용해 주는 것만으로도, 기본적으로 다음과 같이 화면 좌측과 우측 끝부분에 상당한 여백이 생기게 된다. 다만, 이렇게 기본적으로 생기는 여백이 너무 넓게 느껴지거나, 또는 그래도 좁게 느껴질 수도 있다. 그런 경우에는 웹페이지 헤더 부분에서