가로 방면에서 가운데를 정렬하게 하는 방법은 잘 알려졌지만, div 안에서 세로로도 가운데 정렬하는 건 약간 더 까다로운 편입니다. 텍스트가 여러 줄이 되어도 비율을 맞춰 가운데 정렬하게 할 수 있습니다.

CSS 부분

<style>


    .outer {
        display: table;
        width: 300px;
        margin-top: 24px;
    }

    .tablerow {

        display: table-row;

    }
    
    .content {

        width:300px;
        height: 300px;

        vertical-align: middle;
        display: table-cell;

    }
    
    </style>

HTML 부분

<div class="outer">
    <div class="tablerow">
        <div class="content">
가운데에 있을 내용
        </div>
    </div>
</div>

'페이스북 생일 축하 글로 뭘 써야 할지 고민이 될 때' 라는 글에서 소개된 Square의 3.1 버전이 릴리즈되었습니다. 이제 형식에 구애받지 않고 카드 콘텐츠를 만들 수 있게 업데이트되었습니다. 이외에도 각종 성능 개선이 이루어졌습니다.

http://square.tarks.net

http://square.tarks.net

Square 'Square 3.1 패치노트' - http://tarks.net/square/0nKqr6lFSGp9

[새로운 기능 추가] 이제 기존에 있던 생일뿐만 아니라 자신이 원하는 카드 콘텐츠를 만들 수 있습니다.

- 참신하게 생일축하하기  : 이제 생일에 일어난 일을 불러올 때 더 효율적이고 빠르게 불러옵니다.

- 진행 중 인터페이스 개선 : 페이지를 생성 중 일때 사용자에게 혼동을 줄 수 있는 인터페이스가 개선되었습니다.

- 카드 개선 : 카드를 불러올 때의 내부 알고리즘을 개선했습니다.

http://square.tarks.net

로그 파일은 실시간으로 작성되기 때문에 매번 파일을 열어서 보기엔 적합하지 않습니다. tail 명령어를 사용하면 로그 파일을 실시간으로 모니터링 할 수 있습니다.

터미널에 아래와 같이 입력하면 로그 파일을 실시간으로 화면에 출력하게 됩니다.

tail -f 파일경로

ex) tail -f /var/log/nginx/error.log

Nginx의 오류 로그 실시간 확인

ex) tail -f  /var/log/nginx/access.log

Nginx의 서버 접근 기록 실시간 모니터링