주변에 보면 Angular 를 하고는 싶으나 진입이 어렵다고들 하십니다.

타입스크립트 ES6 등등 처음 접해보는 개념들과 용어들, 그리고 처음에 뭔가 셋팅이 많이 필요해서 일지도 모릅니다.


(보통 AngularJS 1.x 는 AngularJS로 Angular2.x이후는 Angular로 불립니다.)


Angular-CLI 를 이용하면 Angular2 프로젝트 초기 셋팅에 들어가는 수고를 덜 수 있습니다.

따라서 처음에는 Angular CLI 로 시작해보시길 권장합니다

https://github.com/angular/angular-cli








1. NPM을 이용해서 angular-cli 를 설치

 npm install -g angular-cli 


*npm 이 없으시다면, NODE js를 설치하세요


2. Angular 프로젝트 생성

 ng new {PROJECT_NAME}


3. Angular 프로젝트 실행

 cd {PROJECT_NAME}

 ng serve


이제 브라우저에서 http://localhost:4200/ 으로 접속해보시면 app Works! 메세지를 보실 수 있을 겁니다.















콘솔에 익숙하지 않으신분들 위해 IntellJ 를 이용하여 Angular CLI를 사용해보겠습니다.

JetBrains에서는 아래와 같이 안내를 해주고 있습니다.


https://www.jetbrains.com/help/idea/2016.3/using-angular-cli.html



(사전작업) Plugins 에서 AngularJS와 NodeJS를 설치합니다. 

로컬에 node가 없으신분은 최신버젼 Node JS도 설치해줍니다. ( https://nodejs.org/ko )




1. Languages & Frameworks > Node.js and NPM 에서 angular-cli 를 설치합니다.

(+ 를 클릭해서 angular-cli 검색한 뒤 Install Package 로 설치합니다.)




2. 이제 New > Project 로 angular-cli 프로젝트를 생성합니다.




필요 모듈 다운로드 및 설정중



새 프로젝트 설정 완료




3. 신규 생성된 Angular 프로젝트를 실행해보겠습니다.

하단의 npm탭을 클릭한 뒤 start에서 Run 'start' 실행합니다



끝났습니다~!

브라우저에서 http://localhost:4200 으로 접속해봅니다.

 













추가로 Intellij와 NetBeans에서 Angular2 사용 비교 포스팅 링크 첨부합니다.


https://jaxenter.com/angular-2-intellij-netbeans-eclipse-128461.html#intellij








저작자 표시 비영리 변경 금지
신고

WRITTEN BY
RevFactory
REV는 '향상시키다' 의미를 지니고 있습니다. 이곳은 Rev Factory 입니다! Kakao Developer

받은 트랙백이 없고 , 댓글이 없습니다.
secret

Spring boot 를 Intellij15 에서 실행하니 hot swapping 이 안되서 한참 찾아봄

tomcat 프로젝트로 변경해서는 되는데 bootRun으로 하니 리소스나 html, class 수정해도 반응이 없음

IDE 설정을 변경하고 나니 제대로 수행됨



1. Gradle Settings

buildscript {  
  ext {
    springBootVersion = '1.3.0.RELEASE'
  }
  repositories {
    mavenCentral()
  }
  dependencies {
    classpath("org.springframework.boot:spring-boot-gradle-plugin:${springBootVersion}")
    classpath 'org.springframework:springloaded:1.2.5.RELEASE'
  }
}


idea {  
  module {
    inheritOutputDirs = false
    outputDir = file("$buildDir/classes/main/")
  }
}


gradle idea




2. IDE Settings

preferences > build,Execution, Deployment > Compiler > check "Make project automatically"


Help > Find Action > search "Registry" > check "compiler.automake.allow.when.app.running"


gradle idea bootRun



참고 :http://www.greggbolinger.com/spring-boot-live-reload-with-gradle-and-intellij-15/

저작자 표시 비영리 변경 금지
신고

WRITTEN BY
RevFactory
REV는 '향상시키다' 의미를 지니고 있습니다. 이곳은 Rev Factory 입니다! Kakao Developer

받은 트랙백이 없고 , 댓글이 없습니다.
secret

흥미로운 ‘피리부는 사나이’, 빠진 한 조각도 채울까


[엔터미디어=정덕현] 

의문의 ‘피리부는 사나이’와 협상전문가의 대결. tvN 월화극 <피리부는 사나이>의 첫 회는 독일의 전래동화인 ‘피리부는 사나이’에 대한 이야기에서 시작했다. 약속을 지키지 않은 대가로 피리부는 사나이가 피리를 불어 아이들을 데리고 사라지는 그 이야기. 그 이야기가 내레이션으로 흘러나오는 가운데 펼쳐지는 광경은 무슨 일인지 건물을 점거하고 투쟁하는 사람들과 진압하는 전경들의 모습이다.

이 한 장면은 이 드라마의 많은 이야기들을 전해준다. ‘피리부는 사나이’가 어떤 존재인가를. 그는 우리 사회 현실 속에 존재하는 부조리가 잉태한 괴물이다. 그는 피리를 불어 아이들을 조종(?)했던 것처럼 그 부조리한 현실 앞에 분노하는 사람들을 조종해 테러를 자행하게 만든다. 아마도 그 스스로도 그 잘못된 현실로 인해 지울 수 없는 상처를 입은 인물일 것이다.


그와 대결하는 협상전문가 주성찬(신하균)은 ‘피리부는 사나이’가 그의 연인을 인질로 삼게 만든 후 자신의 실체를 밝히라는 요구에 스스로를 ‘영웅’이 아니라 ‘사기꾼’이자 ‘협잡꾼’이라고 말한다. 필리핀에 억류된 인질들을 협상을 통해 구해내는 과정에서 한 사람을 희생하게 만들었던 사실을 토로한다. 사람을 사람으로 보기보다는 숫자로 봐왔던 자신을 털어놓으며 참회하는 모습을 보인다.




결국 인질극을 벌인 테러범에 의해 주성찬의 연인과 또 한명의 협상전문가가 될 여명하(조윤희)의 삼촌이 희생당한다. <피리부는 사나이>의 첫 회가 보여준 건 결국 자신의 연인이 협상 과정에서 죽음을 맞게 되면서 각성하게 될 주성찬과 삼촌의 죽음을 통해 협상전문가로 다시 태어날 여명하의 등장이다.




tvN 장르 드라마가 그래왔듯이 <피리부는 사나이>는 영화적인 스케일의 영상과 빠른 스토리 전개를 보여준다. 협상전문가라는 지금껏 드라마에서 잘 다뤄지지 않았던 인물군의 소재도 나쁘지 않다. 하지만 어딘지 깊은 몰입감을 느끼기에는 부족한 듯한 느낌을 갖게 된다. <시그널>이 만들었던 그 몰입감과 비교해보면 확실히 무언가가 빠져 있는 듯한 인상이 짙다. 도대체 그 빠진 한 조각은 무엇일까.

첫 회여서 주인공인 주성찬과 여명하의 캐릭터에 집중하다 보니 테러에 의해 희생당한 인물들의 면면이 자세히 드러나지 않았다. 필리핀에 억류되어 협상과정에서 죽게 된 희생자가 어떤 사람이었는지 또 그 희생자의 동생은 어떤 사람인지가 첫 회의 내용 중에는 빠져있다. 그저 전형화된 억류된 인물들과 테러범 정도로 그려진 것. 마치 주성찬이 협상 과정에서 인물을 숫자로 바라보는 것처럼, 첫 회의 희생자들은 생생히 살아있는 사람이라기보다는 주인공들을 설명하기 위해 내세워진 숫자처럼 보인다는 점이다.


아마도 첫 회이고 도입부이기 때문에 희생자들까지 그 세세한 스토리를 그려내지 못했을 지도 모른다. 하지만 <시그널>이 그랬던 것처럼 <피리부는 사나이>가 더 깊은 몰입감을 만들어내려면 주인공들인 주성찬과 여명하의 협상전문가로의 면면만큼 무고한 희생자들에 대한 깊은 공감대가 필요하다. 그게 아니라면 단순한 협상전문가의 영웅담에 그칠 수 있다.



저작자 표시 비영리 변경 금지
신고

WRITTEN BY
RevFactory
REV는 '향상시키다' 의미를 지니고 있습니다. 이곳은 Rev Factory 입니다! Kakao Developer

받은 트랙백이 없고 , 댓글이 없습니다.
secret