[포스팅] 블로그에 프로그래밍 소스 코드 넣기 'Color Scripter'

끄적끄적 2014. 5. 14. 00:51




Color Scripter는 다양한 언어의 코드를 하이라이트해 HTML 텍스트로 복사해주는 유틸리티입니다.


저도 얼마전까지는 'SyntaxHighlighter'를 썼었는데요..

제가 사용법을 잘 모르는건지, 원래 그렇게 해야 되는 건지는 모르겠지만


html 코드를 이용하여 소스를 적는 것이다 보니 '<', '>'를 그냥 쓰게 되면은 이것을 자동으로 html의 태그로 인식해버려서 #include <iostream> 뒤에 </iostream>이 붙어버리더군요..

그렇기 때문에 제가 전에 올린 'SyntaxHighlighter' 포스팅을 보시면 아시겠지만..


2014/02/10 - [끄적끄적] - 티스토리에 프로그래밍 소스 코드 넣기 (HTML 양식) 'SyntaxHighlighter'


<와 >를 각각 &lt; 와 &gt;로 일일히 바꿔줘야 한다는 불편함이 있습니다.


혹시나 SyntaxHighlighter를 계속 쓰시겠다고 하시는 분들 중에서 일일이 치환히기가 불편한 경우 변환을 커니님께서 만드신 변환툴을 이용하시면 될 것 같습니다. (링크 : 커니님 블로그) (다운로드 : 커니님의 변환 툴 다운로드)



공식 홈페이지 : http://prev.kr/apps/ColorScripter


color scripter의 경우 설치해서 사용하는 것과 설치없이 바로 웹에서 사용할 수 있는 버전이 있습니다.


저처럼 설치하는 것이 싫으신 분들은 홈페이지를 즐겨찾기 해놨다가 바로 가서 쓰면 될 것 같습니다.



[웹에서 바로 이용하기]


메인 페이지에서 '웹에서 실행'을 선택


바로 클릭해서 들어가면 사용한 언어를 선택합니다.

굉장히 다양한 언어를 제공하고 있어서, 코드 포스팅을 하는 사람들에게 많은 사랑을 받을 것 같습니다.


언어 이외에도 스타일, 복사 스타일, 복사 설정, 세부 설정 등의 다양한 설정이 있어서 쉽고 편하게 코드 포스팅을 할 수 있을 것 같습니다.


저작자표시

'끄적끄적' 카테고리의 다른 글

[후기] 페이퍼플레인 PP1101 그레이오렌지  (0) 2014.04.20
[후기] 머큐리 포커스 범퍼 케이스 - S4 민트  (0) 2014.04.18
티스토리에 프로그래밍 소스 코드 넣기 (HTML 양식) 'SyntaxHighlighter'  (1) 2014.02.10
[공모전 정보]어느 것을 해 볼까?  (0) 2014.01.28
Posted by 밍쫑
,

[후기] 페이퍼플레인 PP1101 그레이오렌지

끄적끄적 2014. 4. 20. 16:06

페이퍼 플레인 (Paper Planes)

PP1101 그레이 오렌지


재질 : 천연가죽

원산지 : 국산 Made in Korea




봄도 오고 밝은 색상의 운동화가 갖고싶었던 찰나에!

저렴하면서도 이쁜 디자인의 운동화를 발견했습니다.

바로 국내 운동화 브랜드인 "페이퍼 플레인"의 PP1101 운동화인데요~




주문한지 하루만에 도착한 운동화!

그리고 비닐에 싸여있는 운동화!


여기서 가격이 저렴한 이유 중 하나를 알 수 있습니다.

온라인에서 구매해서 그런 것인지는 모르겠지만....


바로 다른 운동화 브랜드와는 다르게 운동화 박스가 없다는 것입니다.

그냥 택배 박스 안에 저렇게 비닐로 싸여있는 운동화만 온다는 것입니다.


근데 뭐..운동화 박스 쓸 일이 많이 없으니 패스~~~



처음 운동화 꺼냈을 때의 모습입니다.

신발 안쪽에는 흰색 끈과 오렌지 색 끈이 들어있습니다.



신발에 달려있는 품질보증서입니다.

정품임을 증명해주는 그런거겠죠..?



옆 모습입니다.

회색이라 금방 더러워질거같진 않습니다 ㅎㅎ

대신 재질이 완전 맨질맨질한게 아닌지라~ 뭐 묻으면 잘 안지워지지 않을까 걱정은 됩니다만
그건 신는 사람이 어떻게 신냐에 따라 다른거니까요 ㅎㅎ


뉴발 신발의 재질과 비슷한 것으로 보입니다.



끈에도 페이퍼 플레인이라고 써있는 장식품이 있습니다.

이게 마음에 안드시는 분들은 그냥 빼고 다니셔도 될 거 같습니다.



머리 부분에도 페이퍼 플레인 로고가 있습니다!



신발 옆 모습 자세히 찍은 것인데요.

재질이 어떤 느낌인지 잘 보이시죠?


신발의 앞 코 부분은 메쉬 소재라서 쉽게 찢어질 수도 있으니 조심하셔야 됩니다.

대신 통풍은 굳!!



혹시나 저처럼 더러워지는 거 때문에 걱정되서 구매를 망설이시는 분들을 위한 조언!!


참고로 요즘에는 천연가죽 재질의 운동화를 위한 전용 클리너 제품이 있으니

혹시나 더러워졌어도 너무 걱정하지 마세요 ㅎㅎ



뒤에도 쎈스있게(?) 박혀있는 로고!



처음 사보는 에어 운동화!


에어가 있어서 그런건지는 모르겠지만..

그 마사이족 운동화 같이 둥글둥글한 느낌도 있고요


에어라서 뭔가 좀 푹신한 느낌이 있어서

발이 편하더라고요.


이래서 에어 신던 사람들은 에어를 계속 신는 거 같아요!




포인트를 주는 제품명!!

PP1101




미끄럼 방지가 되는 밑창!



그리고 이 끈 묶는 부분이 좀 특이한게

구멍이 많죠?

신발 앞 부분의 통풍을 위한 메쉬소재를 사용함과 동시에 이 구멍이 에어쿠셔닝 시스템과 합쳐져서
신발을 숨쉬게(?) 한답니다.

덕분에 오래 신어도 쾌적함을 느낄 수 있다고 하더라고요.




마무리 사진으로! 끈 묶고 나서의 사진 ㅎㅎㅎ

저작자표시

'끄적끄적' 카테고리의 다른 글

[포스팅] 블로그에 프로그래밍 소스 코드 넣기 'Color Scripter'  (0) 2014.05.14
[후기] 머큐리 포커스 범퍼 케이스 - S4 민트  (0) 2014.04.18
티스토리에 프로그래밍 소스 코드 넣기 (HTML 양식) 'SyntaxHighlighter'  (1) 2014.02.10
[공모전 정보]어느 것을 해 볼까?  (0) 2014.01.28
Posted by 밍쫑
,

[후기] 머큐리 포커스 범퍼 케이스 - S4 민트

끄적끄적 2014. 4. 18. 16:06



폰 케이스 사볼까~하고 길거리 돌아다니다가도... 어디 핫트랙스같은 곳 가서 케이스를 보더라도...

도대체 무슨 놈의 케이스들이 그리도 비싼지!!


학생 신분으로 ...라기보다 차라리 그 돈으로 맛있는거 사먹는게 낫겠다는 생각에 싸게 파는 쿠팡을 이용하기로 했습니다.

그 중 마음에 드는 케이스 발견!


바로 "구스페리(구 머큐리) 범퍼 케이스" 인데요.




위에 중 앙에 보이는 금색 스티커!

이건 구스페리 정품 로고입니다~ 전자파 막는 그런 스티커 아니에요~ㅎㅎ



처음 케이스를 보면 저렇게 회사 명에 투명 스티커가 부착되어있습니다.


많은 분들이 범퍼 케이스를 쓰고 계신데요.

그만큼 믿을만한 품질, 디자인도 편하면서, 들고 다니기 좋은 크기라는 게 아닐까요?

전 딱 처음 봤을때 고광택 재질 + 범퍼라는 이름이 아깝지 않은 보호성능! + 교통카드수납 에 끌렸습니다.



그리고 전체 다 보이지는 않지만, 직접 사용해본 결과

카메라, 이어폰, 홀드버튼 등이 S4 특징 그대로 살린 디자인 덕분에,
케이스 장착후에도 모든 부분들을 제한없이 사용가능했습니다.


특히 몇몇 불량 케이스들같은 경우에는 커넥터 쪽이 작게 나와서 충전할 때 불편한 게 있는데요.

이 케이스는 그런거 없이 넉넉하게 구멍이 나있어서 걱정이 없었습니다.


특히! 저 같은 경우에는 교통카드를 들고다니는데요.

어플로 교통카드를 다운 받아 쓰지않고, 그냥 카드이기 때문에!

저기 교통카드 수납 가능한 공간이 있다는게 너무 좋았습니다!

거의 이것때문에 구매했다고 봐도 될 정도이죠.


그리고 특이한 점이!!

음량 조절 버튼과 홀드버튼도 케이스에 덮여있습니다. 그럼에도 불구하고 전혀 불편한 점이 없더라고요!


직접 사용해본 결과 친구에게도 추천해줄 정도로!!

매우 좋은 제품입니다 ㅎㅎ 




색깔도 매우 다양합니다.


그리고 같은 제품을 오프라인에서 사시면 14,000원 정도인걸로 알고있는데 온라인에서 구매하시면 배송비 포함해서 약 10,000원이면 구매가능하시니까 이 점 참고하세요!^^

저작자표시

'끄적끄적' 카테고리의 다른 글

[포스팅] 블로그에 프로그래밍 소스 코드 넣기 'Color Scripter'  (0) 2014.05.14
[후기] 페이퍼플레인 PP1101 그레이오렌지  (0) 2014.04.20
티스토리에 프로그래밍 소스 코드 넣기 (HTML 양식) 'SyntaxHighlighter'  (1) 2014.02.10
[공모전 정보]어느 것을 해 볼까?  (0) 2014.01.28
Posted by 밍쫑
,

티스토리에 프로그래밍 소스 코드 넣기 (HTML 양식) 'SyntaxHighlighter'

끄적끄적 2014. 2. 10. 11:09


syntaxhighlighter_2.0.287.zip


1. 위의 syntaxhighlighter_2.0.287.zip 파일을 다운받은 후 압축을 풀어주세요.


2. 관리자 - 스킨 - HTML/CSS 편집 - 파일업로드의 추가버튼을 눌러주세요.


3. 압축을 푼 곳으로 가서 scripts 폴더와 styles 폴더에 있는 모든 것을 추가 해주세요. 



4. 관리자 - 스킨 - HTML/CSS 편집 - HTML/CSS 탭으로 이동해주세요.


5. skin.html에서 아래 소스를 <head> ... </head>사이에 입력해 주세요.


<link href="./images/SyntaxHighlighter.css" rel="stylesheet" type="text/css">
<script src="./images/shCore.js" type="text/javascript"> 
<script src="./images/shBrushBash.js" type="text/javascript"> 
<script src="./images/shBrushCpp.js" type="text/javascript"> 
<script src="./images/shBrushCSharp.js" type="text/javascript"> 
<script src="./images/shBrushCss.js" type="text/javascript"> 
<script src="./images/shBrushDelphi.js" type="text/javascript"> 
<script src="./images/shBrushDiff.js" type="text/javascript"> 
<script src="./images/shBrushGroovy.js" type="text/javascript"> 
<script src="./images/shBrushJava.js" type="text/javascript"> 
<script src="./images/shBrushJScript.js" type="text/javascript"> 
<script src="./images/shBrushPhp.js" type="text/javascript"> 
<script src="./images/shBrushPlain.js" type="text/javascript"> 
<script src="./images/shBrushPython.js" type="text/javascript"> 
<script src="./images/shBrushRuby.js" type="text/javascript"> 
<script src="./images/shBrushScala.js" type="text/javascript"> 
<script src="./images/shBrushSql.js" type="text/javascript"> 
<script src="./images/shBrushVb.js" type="text/javascript"> 
<script src="./images/shBrushXml.js" type="text/javascript"> 
<link href="./images/shCore.css" rel="stylesheet" type="text/css"> 
<script type="text/javascript"> SyntaxHighlighter.config.clipboardSwf = './images/clipboard.swf'; SyntaxHighlighter.all();

6. 이제 설정이 완료되었습니다.

블로그 글을 쓰시면서 소스 코드를 써야할 때가 되면

화면을 html 상태로 바꿔주시고 다음과 같이 입력해 주시면 됩니다.

<pre class= "brush: html">

...이 곳에 소스 코드를 작성하세요...

</pre>


주의하실점!

#include <stdio.h>의 예를 들자면

해당 소스 코드 작성법은 html을 기반으로 하기 때문에

</stdio.h>가 자동생성되게 됩니다. 짧은 소스 코드의 경우 상관이 없으나

코드가 길어지게 되면 일일히 지워주고 수정하기 힘들답니다.

그러므로 < 은 &lt; 로 > 은 &gt; 로 바꿔 작성해주시면 편하답니다.


 <pre class="brush: html">

#include <stdio.h>

void main(){

printf("Hello World!");

}

</pre>

 →

생성 후 수정하려고하면

 <pre class="brush: html">

#include <stdio.h>

void main(){

printf("Hello World!");

}

</stdio.h></pre>

                                          <pre class="brush: html">

                                          #include &lt;stdio.h&gt;

                                          void main(){

                                              printf("Hello World!");

                                          }

                                    </pre>










            



                    

  



  



  





    
        
            저작자표시 
        
    


  




                    


  
'끄적끄적' 카테고리의 다른 글

  

    

      [포스팅] 블로그에 프로그래밍 소스 코드 넣기 'Color Scripter'  (0)
      2014.05.14
    

    

      [후기] 페이퍼플레인 PP1101 그레이오렌지  (0)
      2014.04.20
    

    

      [후기] 머큐리 포커스 범퍼 케이스 - S4 민트  (0)
      2014.04.18
    

    

      [공모전 정보]어느 것을 해 볼까?  (0)
      2014.01.28
    

  






		

		

			Posted by 밍쫑
		


		

		

				,
				
		


		

		

	


                 
             
                 
	

		

			
[공모전 정보]어느 것을 해 볼까?

			끄적끄적 
			2014. 1. 28. 11:31
			
		


		

			            



            
    

  1. Smart TV App
    2. 

  2. Samsung 스마트 앱 챌린지 for 갤럭시 S4
    3. 

  3. 웨어러블 컴퓨터
    4. 

      

    1. 아이디어 공모 : 참신함, 포스터는 최대한 이쁘게, 발표시 기능 구체적으로 말하기!! 말빨이 생명!!
      2. 

    2. 지정 공모 : 일반인들의 '우와~'의 호응도 얻는게 중요, 패션쇼 형식으로 시연, 물론 아이디어 좋아야한다.
    

  4. Super App Korea
    5. 

      

    • 개발자의 경우 "Codility" 라는 개발역량테스트를 보고 뽑는다. (아마 쉬운듯)
      • 

    • 특이한 점이 OT가서 즉석에서 팀을 만든다. (회사원들은 학생을 싫어하는듯...아마 지역 사람들이랑 하게될것이다)
      • 

    • 멤버십 과제랑 시기가 비슷해서 이 공모전에 나가는 것이 유리
      • 

    • 참신함, 기술성, 완성도, 실용성
      • 

    • PPT에서는 다른 것과의 차별성 및 가능성 어필이 중요하다.
    

  5. 임베디드 S/W 경진대회 (일반 부분보다 자유 부분으로 나가는게 좋을것)
    6. 

      

    • 기술력보다 시연할 때 까는 사람이 많다. 아이디어 중요
    

  6. 로봇경진대회 (?) → H/W부분이라 적진 않았다.
    7. 

  7. 공개 S/W 공모대전 & 글로벌 S/W 공모대전


    

      

    • 일단 목표로 잡은 공모전
      • 

    • 공개 S/W의 경우 중복 수상이 안된다.
      • 

    • 글로벌의 경우 대통령상이 있어, 상금이 최고지만 제일 적은 상금은 또 적다.
      • 

    • 공개의 경우 오픈 소스 프로젝트! 그리고 라이센스 정책에 따른 검증으로 복사 붙여넣기를 방지하고 있다.
      • 

    • 공개의 경우 자유& 지정 과제가 있고, 글로벌의 경유 자유 과제만 있다.


 


 






            



                    

  



  



  



  




                    


  
'끄적끄적' 카테고리의 다른 글

  

    

      [포스팅] 블로그에 프로그래밍 소스 코드 넣기 'Color Scripter'  (0)
      2014.05.14
    

    

      [후기] 페이퍼플레인 PP1101 그레이오렌지  (0)
      2014.04.20
    

    

      [후기] 머큐리 포커스 범퍼 케이스 - S4 민트  (0)
      2014.04.18
    

    

      티스토리에 프로그래밍 소스 코드 넣기 (HTML 양식) 'SyntaxHighlighter'  (1)
      2014.02.10
    

  






		

		

			Posted by 밍쫑
		


		

		

				,
				
		


		

		

	


                 
             

			
				
			
		

		


		
		


		
	




  
티스토리툴바