코드 블럭

테이블

제목1	제목2	제목3
내용1	내용2	내용3
내용내용	내용내용	내용내용

일반 코드

npm install -g grunt-cli gulp
# or
yarn add

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-heroes',
  templateUrl: './heroes.component.html',
  styleUrls: ['./heroes.component.css']
})
export class HeroesComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

}

class Student {
    fullName: string;
    constructor(public firstName: string, public middleInitial: string, public lastName: string) {
        this.fullName = firstName + " " + middleInitial + " " + lastName;
    }
}

interface Person {
    firstName: string;
    lastName: string;
}

function greeter(person : Person) {
    return "Hello, " + person.firstName + " " + person.lastName;
}

let user = new Student("Jane", "M.", "User");

document.body.innerHTML = greeter(user);

npm install -g grunt-cli gulp
# or
yarn add

html

<div class="title-wrap">
  <h3 class="post-title"><a href="/1">코드 블럭</a></h3>
  <span class="author"><span class="text">게시자:</span> demun</span>
  <span class="category"><span class="text">카테고리:</span> <a href="/category/%EC%9D%BC%EB%B2%88%EB%B6%80%EB%AA%A8">일번부모</a></span>
  <span class="date"><i class="fa fa-clock-o" aria-hidden="true"></i> 2017. 11. 17. 18:05</span>
  <s_ad_div>
    <div class="admin">
      <span class="modify modify-1">()</span>→<a href="#" class="modify modify-2" onclick=""></a> |
      <a href="" class="modify" title="수정">수정</a> |
      <a href="#" onclick="" class="modify modify-3" title="수정(새창)">수정(새창)</a> |
      <a href="#" onclick="" class="trackback" title="트랙백">트랙백</a> |
      <a href="#" onclick="" class="delete" title="삭제">삭제</a>
    </div>
  </s_ad_div>
</div>

css

body.dark .sb-title {
  color: #333;
  border-bottom-color: #8a8a8a;
  border-top-color: #d7d7d7;
  box-shadow: 0 1px #ffffff;
}

body.dark .sb-title {
  color: #333;
  border-bottom-color: #8a8a8a;
  border-top-color: $color;
  box-shadow: 0 1px #ffffff;
}

body.dark .sb-title
  color: #333;
  border-bottom-color: #8a8a8a
  border-top-color: $color
  box-shadow: 0 1px #ffffff

language-javascript

function test() {
  var a = fff;

  console.log('test');
};
test();

code kbd samp

d

function test() {
  var a = fff;

  console.log('test');
};
test();

# title
리스트 시작
- 리스트
- 리스트
- 리스트