역활별 자바스크립트

- 자바스크립트 MVC는 서버 사이드에서처럼 브라우저 단에서도 데이터와 뷰, 로직 처리를 분리해 개발 및 확장, 유지보수성을 높이고 최저 품질을 높이기 위한 방법을 지원하자는 취지에서 개발됨.

- End-to-End 프레임워크는 Node.js 진영에서 지원되는 프레임워크로 서버에서 브라우저까지 모두 자바스크립트로 개발 할 수 있도록 돼 있다. 서버에 설치부터 필요함.

- AngularJS, KnockoutJS는 Data Binding을 지원한다. Data Binding이란 자바스크립트의 객체 값으로 HTML의 태그와 양방향 통신을 해서 일치시켜 주는 작업을 지원하는 것을 말한다. 별도 HTML태그를 컨트롤 할 필요없이 자바스크립트 객체값만 변경시키면 UI는 저절로 변경이 된다. 그렇다고 아무것도 안하는 것은 아니다.

* 라이브러리를 익혀 나가는 순서.

1. Backbone으로 모듈화 및 기본적인 MVC 의 개념을 익힌다.

2. RequireJS로 비동기적으로 js를 불러와 네트워크 트래픽을 분산시키는 기법을 익힌다.

3. Backbone + Require 또는  AngularJS + RequireJS(KnockoutJS + RequireJS) 의 조합으로 MVC르 ㄹ좀더 심화시킨다. (AngularJS는 구글에서, KnockoutJS는 MS에서 지원하고 있다. )

angular , require backbone 

.

웹브라우저에서 사용하는 이클립스  - 파이어폭스에 자바스크립트 개발도구로 내장 배포되고 있다.

http://eclipse.org/orion/

Wiki : http://wiki.eclipse.org/Orion

Github : https://github.com/eclipse/orion.client

The goal of Orion is to build developer tooling that works in the browser, at web scale. The vision behind Orion is to move software development to the web as a web experience, by enabling open tool integration through HTTP and REST, JSON, OAuth, OpenID, and others. The idea is to exploit internet design principles throughout, instead of trying to bring existing desktop IDE concepts to the browser. See the Orion wiki for more information about Orion.

스크랫치 : http://scratch.mit.edu/   html5에서 애니메이션 만들기. 플래시효과

Create stories, games, and animations
전세계 친구들과 공유하기

인텔이 만든 HTML5hub.com

http://html5hub.com

WSJ : http://online.wsj.com/article/SB10001424052970203537304577030033160849296.html

http://realtime.wsj.com/korea/2011/11/14/html5-%EC%9B%B9%EC%9D%84-%EB%B3%80%ED%99%94%EC%8B%9C%ED%82%A4%EA%B3%A0-%EC%9E%88%EB%8A%94-%EA%B8%B0%EC%88%A0/

HTML5: A Look Behind the Technology Changing the Web

HTML5: 웹을 변화시키고 있는 기술

일련의 프로그래밍 기술인 HTML5는 스티브 잡스가 이례적 에세이에서 홍보를 한 지 1년 반이 지난 지금 웹 분야의 새로운 표준으로 빠르게 떠오르고 있다.

HTML5 기술을 통해 인터넷 브라우저에서 이용자들의 행동에 대한 다채로운 이미지와 효과를 보여줌으로써, 추가 소프트웨어 설치 없이도 마치 게임을 하는 듯한 쌍방향적 소통이 가능해진다. 개발자들은 HTML5를 사용해서, 특정 하드웨어나 온라인 스토어에 대한 맞춤형 앱 없이도 자신들이 개발한 컨텐츠를 다양한 스마트폰과 타블렛PC, 컴퓨터에서 구현할 수 있다.

.

Tablesort: A simple sorting component for tables

tablesort.js

Tablesort is a small & simple sorting component for tables written in Javascript. It has no dependencies and should have no interference with other libraries.

Basic usage

<script src='tablesort.min.js'></script>
<script>
  new Tablesort(document.getElementById('table-id'));
</script>

Sort Types

• strings
• numbers
• currency
• Basic dates in dd/mm/yy or dd-mm-yy format. Years can be 4 digits. Days and Months can be 1 or 2 digits.

: 코드 분석 툴. 리눅스, 윈도우 설치 호환 가능.

http://sourceforge.net/projects/sourcenav/

http://sourcenav.sourceforge.net/

User's Guide

Programmer's Reference Guide

Contents

List of Figures and Tables

Introduction

Managing Projects

Navigational Tools

About this Guide

Document Conventions

Mouse Conventions

Keyboard Conventions