<template>
    <div>
        <div class="content">
            <div class="content-titleZone">
                <p class="box-title">레이아웃</p>
                <p>레이아웃은 2가지 형태로 나뉘며 좌우 아님 상하로 나뉘어짐</p>
            </div>
            <table class="option-table">
                <colgroup>
                    <col>
                </colgroup>
                <tbody>
                    <tr>
                        <th>상하(수평레이아웃)</th>
                        <td></td>
                    </tr>
                    <tr>
                        <th>좌우(수직레이아웃)</th>
                        <td></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</template>

<script>

export default {
    data() {
        return {
        }
    },
    methods: {

    },
    watch: {

    },
    computed: {

    },
    components: {
    },
    mounted() {
        console.log('main mounted');
    }
}
</script>