Ricky의 코딩 세상

개발 포스팅을 하다보면 이전 포스팅과 같이 코드를 올려야
할떄도 있지만 자기가 만든 ppt 자료를 포스팅 해야 할떄도 있다.
하지만 ppt 자료를 올릴뿐이지 그 ppt 를 보여주기는 지금까지는
힘들었다.

그래서 이번에는 StoryQ 를 이용 하여 ppt 를
조금더 쉽게 포스팅 하는 방법에 대해 알아보자.


StoryQ 를 이용하기 위한 절차

1. Story Q 홈페이지에 접속하여 회원가입을 한다.

2.회원가입후 로그인을 하면 밑의 사진의 업로드 탭에서
슬라이드큐 업로드탭을 선택한다 (업로드 -> 슬라이드큐>


3. 업로드 후 밑의 사진의 EMBED 복사를 해여 티스토리 글쓰기의
HTML 로 붙여 넣기하면 성공!

결과 확인

개발을 위한 포스팅 작성시 소스코드를 넣는 일이 많이 있는데
소스코드를 그냥 넣기에는 좀 밋밋한 면이 있고 그렇다고 하나하나 색깔이며
들여쓰기며 다시 모두 고치기도 귀찮고 어려울것이다.

그래서 Google Code의 SyntaxHighlighter 를 설치하여 조금더 쉬운 코드 포스팅을
할수 있는 방법을 알아보자!



SyntaxHighlighter 의 설치 방법

1.Google Code의 SyntaxHighlighter 에 접속한다.

2.SyntaxHighlighter_1.5.1.rar 파일을 다운 받는다

3. 티스토리 관리자 메뉴에서 '스킨선택' -> '파일 업로드'를 이용하여
다운받은 파일 모두를 올린다.





4. 파일을 올린후 저장하고 '스킨선택' -> 'HTML/CSS 편집창에서' 
</body>를 검색하여 검색된</body>윗부분에 밑의 코드를 붙여 넣기 한다
<!-- google code for syntaxhighlight -->    
<link href="./images/SyntaxHighlighter.css" type="text/css" rel="stylesheet" /></link>    
<script language="javascript" src="./images/shCore.js"></script>    
<script language="javascript" src="./images/shBrushCpp.js"></script>    
<script language="javascript" src="./images/shBrushCSharp.js"></script>    
<script language="javascript" src="./images/shBrushCss.js"></script>    
<script language="javascript" src="./images/shBrushDelphi.js"></script>    
<script language="javascript" src="./images/shBrushJava.js"></script>    
<script language="javascript" src="./images/shBrushJScript.js"></script>    
<script language="javascript" src="./images/shBrushPhp.js"></script>    
<script language="javascript" src="./images/shBrushPython.js"></script>    
<script language="javascript" src="./images/shBrushRuby.js"></script>    
<script language="javascript" src="./images/shBrushSql.js"></script>    
<script language="javascript" src="./images/shBrushVb.js"></script>    
<script language="javascript" src="./images/shBrushXml.js"></script>    
<script language="javascript">    
dp.SyntaxHighlighter.ClipboardSwf = './images/clipboard.swf';     
dp.SyntaxHighlighter.HighlightAll('code');     
</script>    
<!-- google code for syntaxhighlight -->  



실전 코드 포스팅 하기

1.글쓰기 모드에 들어가 밑에 사진과 같이 빨간색 네모칸의 HTML버튼을 테크한후 
밑의 HTML과 같이 작성하고 코드를 작성한후 체크를 다시 풀어준다.


   <pre name="code" class="c#:firstline[1]">
      //여기에는 코드를 붙여 넣는다
  </pre>

최종확인

String temp = null;
String myConnectionString = "Provider=Microsoft.Jet.OLEDB.4.0;"
+ "Data Source=C:\\AccessDatabase\\Database1111.MDB";

OleDbConnection myConnection = new OleDbConnection(myConnectionString);

myConnection.Open();

string mySelect = "SELECT ID, Pass FROM Info";
OleDbCommand myCommand = new OleDbCommand(mySelect, myConnection);
OleDbDataReader myReader = myCommand.ExecuteReader();

while (myReader.Read())
{
    UltraGridRow row = this.ultraGrid1.Rows.TemplateAddRow;
    row.Band.AddNew();
    this.ultraGrid1.Rows[0].Cells[0].Value = myReader["ID"].ToString();
    this.ultraGrid1.Rows[0].Cells[1].Value = myReader["Pass"].ToString();

    temp += myReader["ID"].ToString() + "@" +
    myReader["Pass"].ToString() + "#";
 }

 MessageBox.Show(temp);

 myConnection.Close();
 myReader.Close();