code style test

흐엄…

Code Style Test

과연 잘 되는것인가? 하나하나 테스트를 해가면서 익숙해 져야겠다. snippets 기능은 괜찮은듯 하다. 하나하나 자주 만들어가면 좋겠다. 기본 Template를 관리하는 기능은 없나? 궁금하네.

JavaScript

var test = 10;
var obj = {
  name: "Woong",
  age: 37
}
console.log(obj);
  

더 쪼개는게 가능한가?

가능해??

얼마나 더 쪼개지나??

그래???

요기까지?

으허허허

CSS

/* Reset */

body,
ul {
  margin: 0;
  padding: 0;

}

li {
  list-style-type: none;

}

a {
  text-decoration: none;
  color: inherit;
}

body {
  background-color: #222;
}

HTML


<body>
  <div class="wrapper">
    <ul class="sq">
      <li class="sq-item sq-item-large">
        <a class="sq-item-anchor" href="">
          Crape
        </a>
      </li>
      <li class="sq-item">
        <a class="sq-item-anchor" href="">
          Crape
        </a>
      </li>
      <li class="sq-item">
        <a class="sq-item-anchor" href="">
          Crape
        </a>
      </li>
      <li class="sq-item">
        <a class="sq-item-anchor" href="">
          Crape
        </a>
      </li>
      <li class="sq-item sq-item-long sq-item-float-right">
        <a class="sq-item-anchor" href="">
          Crape
        </a>
      </li>
      <li class="sq-item">
        <a class="sq-item-anchor" href="">
          Crape
        </a>
      </li>
      <li class="sq-item">
        <a class="sq-item-anchor" href="">
          Crape
        </a>
      </li>
      <li class="sq-item">
        <a class="sq-item-anchor" href="">
          Crape
        </a>
      </li>
      <li class="sq-item">
        <a class="sq-item-anchor" href="">
          Crape
        </a>
      </li>
      <li class="sq-item">
        <a class="sq-item-anchor" href="">
          Crape
        </a>
      </li>
    </ul>
  </div>