angular.js에서 sails.js까지

angular.js(v1.x) to sails.js 학습 로드맵

1. Html, css, javascript(es5), jquery, DOM에 대한 기초 공부 마스터 필요.

* 특히 DOM과 scope는 뗄수없는 사이에 놓인 객체들이므로 반드시 이해해야 앵귤러를 이해할 수 있음

2. Angular에 대한 학습 시작
– scope에 대한 개념 이해 필수
( scope이 무엇이며 언제 scope이 만들어 지는가, scope의 종류에는 무엇이 있으며 어떤 특징들이 있는가, 어떤 명령어가 사용되는가 )
– $로 시작하는 서비스 모듈들에 대한 개념 이해 필수
( 모든 앵귤러 모듈 내부의 메소드들이 어떻게 작동하는지 서비스 모듈 별로 어떻게 내부 구현이 되었는지, 앵귤러에서의 의존성 주입이란 무엇인가에 대한 이해가 필요하며, 이는 앵귤러를 사용하는 과정 중에 능숙해질때까지 API를 뒤져가며 반드시 익혀야하는 과정임)
– directive에 대한 개념 이해 필수
( 하나의 앱애서 디렉티브가 어떤 역할을 하며, 이것을 통해서 할수있는 것이 무엇이 있으며 어떻게 되는지에 대한 이해 필수 )
– CBD에 대한 이해 : 어떻게 앵귤러로, directive를 사용한 컴포넌트 기반의 개발이 가능해지는가, 컴포넌트란 무엇인가 등에 대한 관련 지식 습득 필요
– 컴퓨터과학에서의 라우터와, 앵귤러용 모듈인 ui-router에 대한 개념 이해 필수 (사실상 앵귤러의 표준 라우터)
( state에서 scope로 모델을 주고받을 수 있는 방법 및 개념에 대한 이해 필수 )
– $http서비스를 이용한 비동기 코드 작성 : 자바스크립트의 promise 객체란 무엇이며, 그것을 활용한 $http서비스를 통해 비동기적으로 코드를 작성하여 데이터를 처리한다는 것의 의미에 대해 100%이해 필요

3. Node.js에 대한 학습 시작
– ui-router에 익숙해졌다면, 앵귤러와 병행하여 사용 (프라미스에 대한 완벽한 숙지 선행 필요)
– node에서의 요청 라우팅이 어떻게 이루어지는지 전체 흐름에 대해 익히기
– http 요청에 따른 응답을 순수한 node.js를 통해 어떻게 처리할수 있는지 직접 구현하기(익스프레스같은 백엔드용 모듈을 사용하지 않고 순수 노드만으로 반드시 구현하여 전체 흐름을 확인해보기)
– 위 과정에 대해 익숙해졌다면 sails.js(express.js모듈을 내장한 더 큰 노드의 모듈 덩어리-프레임워크-를 사용하는데 무리가 없어짐)를 설치하여, 이후 작업은 세일즈를 통해 수행한다.

4. Sails.js에 대한 학습 시작
– ruby on rails 아키텍쳐를 가진 node용 프레임워크로, 세일즈를 이용하여 기본적으로 생성되는 디렉토리의 구조에 대해 이해할 수 있어야한다.
– 세일즈를 사용하여 서버를 띄웠을 때, 어떤 과정을 통해 요청을 처리한 뒤 응답할 수 있는지 전 과정에 대한 흐름을 반드시 알아야한다.
– config의 routes.js의 기능과, 컨트롤러와의 요청 맵핑이 어떻게 일어나는지 가장 먼저 이해해야한다.
– grunt를 이용한 tasks의 build가 어떻게 처리될 수 있는지 이해할 수 있어야하며, 이를 관리하는 pipeline.js파일을 어떻게 사용할 수 있는지 알아야한다.
– views 아래에 존재하는 템플릿엔진에 따라 해석될 파일들이 grunt를 통해 어떻게 관리되는지 알아야한다.
– 기타 기본 구조에서 할수있는 일들에 대해 확인한 뒤, front-end에서는 앵귤러+ui-router를 사용하여 back-end로 요청을 어떻게 보내서 앵귤러 scope에 바인딩 시킬 수 있는지 전체 과정에 대해 이해할 수 있어야한다.

* 제일 중요한건 1번의 웹 기초에 대해 깊은 이해 또는 그렇게 이해하고싶어하는 열정이 필요하다는 것!