VIM on Windows


참조 URL
  1. http://www.vim.org/download.php - download




 리눅스에서 유명한 VI 계열 에디터를 Windows에서 설치하여 사용할 수 있다. Vim 에디터는 마우스가 없어도 충분히 사용할 수 있는 방법을 제공하며 있다. 명령 모드 + Ex모드 + 입력모드를 합쳐서 Vim을 사용할 수 있다. 이미 Vim에 대해서 알고 있는 사용자라면 이런 모드 전환으로 인한 이점을 충분히 알고 있으며 일부 매니아에서는 맹신에까지 이르고 있다. 그 만큼 Linux에서는 대표적인 에디터라 할 수 있다. 이제 기존 Linux에서 Vim을 사용하던 개발자들이 사용하던 툴을 Windows에 설치 하여 사용해 보자.




Syncfusion에서 배포한 Succinctly series ebook


참조 URL
  1. http://www.syncfusion.com/resources/techportal/ebooks



Syncfusion에서 배포한 Succinctly series ebook입니다.

 

  • ASP.NET MVC 4 Succinctly
  • HTTP Succinctly
  • jQuery Succinctly
  • javascript Succinctly
  • knockout Succinctly
  • LightSwitch Succinctly
  • F#
  • Data Structure

 

등등이 있습니다. 위 참조 사이트에는 더 많은 무료 eBook가 있습니다.

 

혹시 필요 하신 분은 참조 사이트에 가셔서 다운 받아 보시기를 바라며 필요한 정보가 되었으면 합니다.





WebMatrix 3 Release


참조 URL
  1. WebMatrix 3
  2. Introduces WebMatrix 3 channel 9
  3. http://blogs.msdn.com/b/bryang/archive/2013/05/09/webmatrix-3-reeleased.aspx
  4. http://www.microsoft.com/web/webmatrix/wmx3features.aspx - New features


이전에도 소개를 했었지만 이번에 새로운 기능을 추가해 릴리즈가 되었습니다.





기능 요약 정리


- Windows Azure ( Cloud) 통함

- Remoting editing - 내 파일에서 편집 하는 것 같이 원격으로 편집을 지원

- Source control with Git - Git 소스 제어 지원

- Source control with TFS - TFS(Team foundation Sserver) 소스 제어 지원

codepen.io



웹 상에서 실시간으로 개발해 배포할 수 있는 사이트다


JSFiddler와 JSBin과 같은 역할을 하는 사이트라고 보면된다.


Check out this Pen!





Check out this Pen!

WebSocket - FlashSocket


참조 URL
  1. WebSocket과 Socket
  2. Socket.io 소개
  3. Socket.io - Cross browser WebSocket for realtime apps on node.js



 WebSocket는 HTML5을 지원하는 브라우저에서만 사용할 수 있는 통신 방식이고, FlashSocket은 Flash가 설치된 브라우저에서 사용할 수 있는 통신 방식이다. WebSocket를 지원하지 않는 브라우저에서 WebSocket과 같은 방식으로 통신을 할 수 있게 지원할 수 있는 방안을 모색하던중 FlashSocket에 대해서 알게되었다. FlashSocket를 이용하여 실시간 반응 웹을 일관성 있게 개발 할 수 있을 것이다.


 WebSocket -> FlashSocket -> LongPolling -> Polling과 같은 방식으로 점점 하위 개발 방법으로 지원하여 웹 서버간의 데이터 통신을 지원하는 애플리케이션 프레임웍 개발을 진행하면 될것이다.


 WebSocket 지원 브라우저를 한번 알아 보자


[그림1] WebSocket Compatibility table 
http://caniuse.com/#feat=websockets )


 위와 같이 특정 하위 브라우저에서는 WebSocket를 사용할 수 없게 된다. 그렇다면 차선책으로 SSE(Server sent events), LongPolling, Polling과 같은 방식으로 서버와 통신을 해야 하는데 프로그램 코딩 방식이 많이 다르게 되어 Client의 코드 복잡도가 증가하게 된다. 그 대신 차선책으로 Flash가 설치된 브라우저에서 사용할 수 있는 FlashSocket를 사용해서 차선책으로 선택할 수 있는 폭을 넓힐 수 있을 것이다.


 모바일에서는 최신 모든 브라우저는 HTML5를 지원하므로 WebSocket도 지원하기에 호환성에서도 괜찮을 것으로 예상한다.


 만약 node.js 플랫폼에서 개발한다면 통신에 대해서 추상화된 라이브러리가 있다. Socket.IO에서 배포하고 있는 라이브러리는 웹 브라우저의 상태와 관계없이 일관된 방식으로 개발할 수 있도록 하고 있다.



Socket.IO에서 지원하는 방식은 아래와 같다.

  • WebSocket

  • FlashSocket

  • Ajax LongPolling

  • Ajax Multipart streaming

  • Forever IFrame

  • JSONP Polling


지원 브라우저는

  • Internet Explorer 5.5+
  • Safari 3+
  • Google Chrome 4+
  • Firefox 3+
  • Opera 10.61+
  • iPhone Safari
  • iPad Safari
  • Android WebKit
  • WebOs WebKit


[그림2] Socket.IO site


HTML Template


2013.09.24 Update


참조 URL
  1. http://designsbydarren.com/
  2. http://freehtml5templates.com/
  3. https://www.jetstrap.com/ TwitterBootstraper 이용해서 template 제공
  4. http://bootswatch.com/
  5. https://wrapbootstrap.com/  - 유료지만 퀄리티가 높음
  6. http://stylebootstrap.info/
  7. http://builtwithbootstrap.com/
  8. http://www.bootstraptor.com/


 HTML 페이지를 처음부터 설계하고 레이아웃을 잡고, CSS 작업을 하는건 어떤 사람들에게는 중노동이 될 수 있다. 그렇지만 기초 공사가 되어 있는 상태에서 나머지 치장을 조금씩 할 수 있다면 무척 감사할 수 있을 것이다. 지금과 같이 기초 공사가 되어 있는 템플릿을 제공해 주는 사이트가 있어서 소개 하고자 한다. 


 이번에는 JetStrap 사이트에 대해서만 소개하고자 한다. 나머지는 직접 들어가서 확인해 보면 될 것이다. 아래 '그림1'은 JetStrap 사이트의 메인 화면이다. 이 사이트는 TwitterBootStraper을 이용해서 템플릿을 제공해 주고 있으며 '그림2'에서 보는바와 같이 템플릿을 Drag&Drop로 편집하여 다운 받을 수 있도록 하고 있다. 수정된 템플릿을 다운받아 수정 후 배포를 하면 될 것이다.


[그림1] JetStrap 사이트



[그림2] 템플릿 편집 화면



 부디 많은 사람들이 손 쉽게 웹 사이트나 페이지를 만들 수 있었으면 한다. TwitterBootstraper를 이용해 만든 템플릿이라 여러 브라우저에 호환성이 있는 템플릿이다.


 이 밖에도 이와 같이 템플릿을 제공해 주는 사이트가 많이 있으니 자신에게 적당한 곳에서 실험해 보면 될 것이다.

'설치 및 소개' 카테고리의 다른 글

codepen.io - Live HTML dev environment  (0) 2013.05.10
WebSocket - FlashSocket - Cross Browser support  (0) 2013.05.04
[WebMatrix] WebMatrix 3 Preview  (0) 2013.05.01
개발 그룹 사이트 링크  (0) 2012.11.12
WebMatrix 사용하기 #2  (0) 2012.11.09

WebMatrix 3


참조 URL
  1. WebMatrix 3 preview - http://www.microsoft.com/web/webmatrix/next/

 

 WebMatrix 3의 프리 릴리즈 설치하여 사용해 볼 수 있다.

새로운 기능으로 Windows Azure 계정과 연동되는 것과 소스를 관리하는 TFS, Git이 추가 되었다.






개발 그룹 지원 사이트 링크


 명칭

URL 

비고 

 CodePlex

 http://www.codeplex.com/

 

 Code Project

 http://www.codeproject.com/  

 Code Google

 http://code.google.com/intl/ko/  

 GitHub

 https://github.com/  


'설치 및 소개' 카테고리의 다른 글

free HTML Template - 무료 HTML 템플릿 사이트 - BootStrap  (0) 2013.05.04
[WebMatrix] WebMatrix 3 Preview  (0) 2013.05.01
WebMatrix 사용하기 #2  (0) 2012.11.09
WebMatrix 사용하기 #1  (0) 2012.11.09
WebMatrix 설치 #2  (0) 2012.11.09

이전 포스트에서 처음으로 실행하여 화면을 띄워 보았습니다.


이제 처음 실행된 WebMatrix에 대해서 전체적으로 설명을 드리도록 하겠습니다.


1. 사이트 탭

- 현재 프로젝틔 대략적인 정보와 URL을 관리한다.


[그림1]



2. 파일

- 프로젝트에서 포함되어 있는 파일을 관리 한다.

- 추가, 삭제, 수정을 할 수 있도록 한다.


[그림2]



3. 데이터베이스

- 데이터베이스 관리를 할 수 있도록 한다.


[그림3]



4. 보고서

- 에러 통계를 관리 할 수 있도록 한다.


[그림4]








'설치 및 소개' 카테고리의 다른 글

[WebMatrix] WebMatrix 3 Preview  (0) 2013.05.01
개발 그룹 사이트 링크  (0) 2012.11.12
WebMatrix 사용하기 #1  (0) 2012.11.09
WebMatrix 설치 #2  (0) 2012.11.09
WebMatrix 설치 #1  (0) 2012.11.09

이제 설치가 되었으면 실행을 해볼 차례입니다.


윈도우 -> 시작 -> 모든프로그램 -> WebMatrix -> Microsoft WebMatrix 클릭




[그림1]은 실행이 되어 나온 첫 페이지 화면입니다.


[그림1]



이곳에서 "템플릿"을 클릭하면 [그림2]와 같은 대화상자가 나오며 HTML을 클릭하고 "빈사이트" 클릭하고 사이트 이름을 지어 주면 됩니다. 예로 "html_test"로 하겠습니다.


[그림2]



모든 대환 상자를 마치면 [그림3]과 같이 완료가 되었습니다.


[그림3]



 위 상태에서 Html_test의 바로 밑 URL을 마우스로 클릭하면 기본 페이지를 Web Browser에서 볼 수 있습니다.(port 번호는 임의로 선택이 되기 때문에 달라 질 수 있습니다.)

'설치 및 소개' 카테고리의 다른 글

개발 그룹 사이트 링크  (0) 2012.11.12
WebMatrix 사용하기 #2  (0) 2012.11.09
WebMatrix 설치 #2  (0) 2012.11.09
WebMatrix 설치 #1  (0) 2012.11.09
WebMatrix란?  (0) 2012.11.09

+ Recent posts