블로그를 Angular2로 새롭게 제작중입니다

**기존의 게시물은 http://a-mean-blog.herokuapp.com 에 저장되어 있습니다.

안녕하세요 A-MEAN-BLOG.com 운영자 Ian 입니다.

MEAN 강좌 중 현재 Node JS, Express JS 그리고 Mongo DB 를 사용한 게시판 강좌까지 진행이 되었고 여러분께서는 Angular JS 강좌를 기다리셨을텐데..

Angular 2가 나와버리는 바람에 현 시점에서 AngularJS (Angular 1) 강좌를 올리는 게 의미가 없다고 판단이 되었습니다.
Angular 2는 1과 코드가 호환되지 않을 정도로 완전히 새롭게 바뀌었기 때문이죠.

한동안 Angular 2를 공부했고, 현재 Angular 2로 블로그를 다시 제작하고 있습니다.
이왕 새로 제작하는 김에 back end, DB 까지 싹 새로 만들기로 결정했습니다.
기존의 블로그는 사실 DB 구조나 API 구조가 깔끔하지 못했었거든요. (초기 설계의 중요성 ㅠㅠ)

기존의 게시물들은 새 블로그 완성 후에 차례로 이전할 계획입니다.
그때까지 기존의 게시물은 http://a-mean-blog.herokuapp.com 에서 확인해 주세요.


사족 -

Angular 2를 사용해 보니 Angular 1과는 비교할 수 없을 정도로 깔끔한 코딩이 가능합니다.

우선 framework 의 역활이 더더욱 확대가 되었는데, Angular 1 가 html 에 angular.js 를 불러와서 코드를 작성하는 방식이였다면, Angular 2에서는 Angular 2 seed project 를 다운로드한 다음에 여기서 부터 코드 작성이 시작됩니다.

코드는 Javascript 대신 TypeScript 라는 언어로 작성하며 이때문에 Angular 는 아예 이름에서 JS 를 때버렸습니다. JavaScript 로도 작성이 가능합니다만 TypeScript 를 사용하는 것이 훨씬 편합니다.

TypeScript 에서는 필요한 경우 type 를 지정할 수 있습니다.
int, string 같은 기본 타입 뿐만 아니라 사용자 지정 type (class)도 만들 수 있습니다.

type 과 class 가 기존의 없던 개념이 아니라 사실 기존의 언어들에게 있던 것이 JavaScript 에서 없어진 것임을 생각하면 뭐가 장점인지 좀 애매해지는데요,

  • 기본타입은 any 로 타입을 따로 지정하지 않으면 JavaScript 와 마찬가지로 모든 타입을 받을 수 있습니다.
  • TypeScript 는 JavaScript 엔진(ECMAScript2015)을 사용하여 JavaScript 의 문법을 사용 할 수 있습니다.
  • TypeScript 코드는 JavaScript 로 compile 되고, 이 js파일이 실제로 실행됩니다.

즉 JavaScript 를 계승하여 발전했다고 보시면 됩니다. 새로운 언어라고 겁먹으실 필요가 없는 거죠.

댓글

I
Ian H 2017.04.13
개발중에는 테스트 게시물이 등록될 수 있으며, 모든 계정, 게시물, 댓글은 예고 없이 삭제될 수 있습니다.
강병선 2017.04.19
안녕하세요 블로그에 올려주시는 글 잘 보고있습니다. 이전 블로그 내용을 보니 heroku를 사용하여 호스팅중이신것 같은데 새롭게 올려주시는 강의는 heroku호스팅 내용도 다뤄주실수 있나요??
I
Ian H 2017.04.26
@강병선,
반갑습니다. node.js heroku 호스팅은 네이버 블로그(http://blog.naver.com/azure0777/220614147939)에서 다룬적이 있고, angular사이트의 heroku hosting은 이후에 다룰 예정입니다.
댓글쓰기

이 글에 댓글을 다시려면 SNS 계정으로 로그인하세요. 자세히 알아보기

UP