기본 콘텐츠로 건너뛰기

[Angular] 설치 하기

[Angular] 설치 하기

Angular 설치 하기!!

1. Angular를 설치하기 전에 Nodejs를 먼저 설치해야 합니다.

- NodeJs는 https://nodejs.org/ 에서 다운로드 받을 수 있습니다.

- 최신버전보다 추천버전을 사용하길 권장드립니다. (버그가 적음)

- 정상적으로 설치 되었는지 cmd 창을 열어서 확인해봅시다. ( Window Key + R, cmd 입력 )

node --version

- 버전이 확인되면 정상설치 완료!!

2. Angualr를 설치해봅시다.

- https://angular.io/ 에서 "Get Started" 를 누르시면 설치 방법을 확인할 수 있습니다.

- cmd 창을 열고 아래의 명령어 실행!

npm install -g @angular/cli

- nodeJs의 npm을 통해 angular를 설치합니다.

-> 여기서 npm은 nodejs package manager를 말합니다. npm을 통해 개발에 필요한 라이브러리를 다운받아 사용할 수 있습니다.

-> "-g" 옵션은 global 을 말합니다. 특정 app에서 사용하는것이 아니고 PC전체에 필요한 프로그램을 설치할때 "-g" 옵션을 사용합니다.

- 이제 Angular 버전을 확인하여 정상적으로 설치되었는지 확인해 봅시다. ( nodejs와 마찬가지로 cmd 창을 열어서 아래 명령어 입력)

ng -v

위 사진과 같이 Angualr 버전이 나오면 설치 완료!!

3. AngularJS (Angular 1 버전)와 Angular (Angualr 2 이상 버전)는 상당한 차이가 있습니다. 보통은 Angular 1버전을 AngularJS라고 부르고 2 이상 버전은 그냥 Angular라고 부르고 있습니다. AngualrJS는 일반 Script 언어의 발전버전이라면, Angular는 ES6 & Typescript를 적용한 Component 기반의 프레임워크라고 할 수 있습니다. 그리고 2 이상의 버전은 Back-end 까지 포함하여 개발 가능하고, 개발자와 디자이너의 역할을 잘 분리할 수 있도록 설계되어 있습니다. 그냥 서로 다른 언어라고 보면 더 편할 것 같습니다.

이것으로 첫번째 Posting을 마칩니다. ^^

사실 저는 웹개발자는 아니고, Oracle ERP 유지보수를 하고 있습니다. ERP만 주로 하다보니 웹에 대해서 한번 공부해보고 싶어서 Angular를 선택하여 공부하고 있습니다. 제가 공부한 내용을 복습한다는 생각으로 블로그에 포스팅 해보려고 합니다. 혹시 틀린부분이 있으면 꼭 알려주세요. 같이 하나씩 알아가요!!

Oracle ERP 관련해서 궁금한게 있으면 물어보셔도 됩니다.. ㅎㅎ OAF, Forms, PO 모듈 등등.. (설마 진짜 물어보지는 않겠죠? ㅠㅠ)

즐거운 하루 되셔요!

from http://ganggu.tistory.com/1 by ccl(A) rewrite - 2020-03-07 02:21:01

댓글

이 블로그의 인기 게시물

[django] django rest framework 로그인 과정 | 장고 로그인 | 인증...

[django] django rest framework 로그인 과정 | 장고 로그인 | 인증... django 는 기능이 참 너무 많다 ^^; 지금은 서버는 django로, 프론트는 angular를 붙여서 간단한 웹을 만들어 보려고 한다. 웹 만들때 항상 회원가입/로그인 기능은 맨 앞에 구현한다. 어떻게 구현하면 좋을까... 찾아보다가 이 기능을 구현할 수 있는 방법이 너무 많아서 정보를 찾기 더 어려웠다. 일단 나는 django에서 django rest framework라는 것을 사용해서 API를 만드려고 한다. 순수 django 튜토리얼에는 바로 template 랑 연결해서 설명하는 부분이 많았다. 나는 그냥 API 만 만들고 싶다고!! 그래서 찾은 것이 django REST framework. https://www.django-rest-framework.org/api-guide/authentication django REST framework 설치 using pip pip install djangorestframework settings.py INSTALLED APPS 에 추가해야함 INSTALLED_APPS = [ ... 'rest_framework', ] django REST framework 에서도 인증 관련해서 제공하는 것이 1개가 아닌 여러 개다. 나는 그중에 TokenAuthentication을 이용해서 로그인을 구현해 보려고 한다. TokenAuthentication Token authentication is appropriate for client-server setups, such as native desktop and mobile clients. 이렇게 나와있어서 내가 하려는 것과 일치해서 이걸로 결정 ~ 솔직히 처음 로그인을 구현하려고 하면 도대체 그 과정이 어떻게 되는지 모를 수 도 있다. 나는 쉽게 정리하면 아래와 같은 과정이라고 생각한다. 로그인 로그아웃...

(주)레터플라이 채용 정보: 프로그래밍을 생각하면 가슴이 뛰는 개발자...

(주)레터플라이 채용 정보: 프로그래밍을 생각하면 가슴이 뛰는 개발자... Angular.js, Python, MySQL 중 한 가지 언어에 뛰어나신 분도 좋고 개발 업무 전반적으로 센스가 있으신 분도 환영합니다. 맡은 업무를 성실하게 수행해 나갈 수 있는 책임감과 태도를 갖고계신 분, 그리고 항상 새로운 방법론에 도전하고 포기를 모르는 분일수록 저희와 더욱 잘 맞을 것 같습니다. Angular.js, Python, MySQL 중 한 가지 언어에 뛰어나신 분도 좋고 개발 업무 전반적으로 센스가 있으신 분도 환영합니다. 팀 내 뛰어난 풀스택 개발자분들이 Angular.js, Python, MySQL 모두 작업 가능하시니 오셔서 함께 배우며 즐겁게 작업하시면 됩니다. 맡은 업무를 성실하게 수행해 나갈 수 있는 책임감과 태도를 갖고계신 분, 그리고 항상 새로운 방법론에 도전하고 포기를 모르는 분일수록 저희와 더욱 잘 맞을 것 같습니다. 개발 업무: 레터플라이의 핵심 기능인 편지, 사진을 제작하는 레터에디터, 포토에디터 개발. 이 기능들은 "모바일 웹을 통한 출력제품 생산 자동화 기술"(특허 출원 준비중)로서 레터플라이에서 자체개발했습니다. 근무 지역: 광화문역 5번출구 바로 앞 근무 환경: 책임과 존중을 중요시하는 수평적인 분위기, 도전적이며 서로에게 배우는 문화 근무 시간: 10-19시, 출근시간 자유 지정. 급여: 연봉/스톡옵션 협의 지원 방법: 팀 지원하기 더 많은 내용은 더 많은 내용은 더팀스 에서 확인하세요! from http://theteams.tistory.com/721 by ccl(A) rewrite - 2020-03-20 09:20:18

jqxGrid 정렬, 필터 메뉴 숨기기

jqxGrid 정렬, 필터 메뉴 숨기기 How I can remove filter to particular grid column - Angular, Vue, React, Web Components, Javascript, HTML5 Widgets Hi, I tried that it's working. I set properties to those columns as sortable: false, filterable: false. but when I clicked on the column one drop down is appearing with options "sort ascending", "sort descending", "remove sort" and those are all in disable www.jqwidgets.com from http://devesim.tistory.com/90 by ccl(A) rewrite - 2020-03-11 04:20:29