AngularJS
-
Angularjs 1. login.js 및 login.html 생성 * run method를 이용하여 로그인 인증정보를 확인한다. * angular의 run 메소드는 java의 main 함수 역할 * run 메소드(java에서 main 함수 역할) app/views/components/login/login.js angular.module('AuthCheck', []) .run(['$rootScope', '$window', '$http', function($rootScope, $window, $http){ if($window.sessionStorage.getItem('currentUser')){ $http.defaults.headers.common.Authorization = 'Bearer'+$window..
Spring Boot와 Angulrjs(run 메소드를 이용한 로그인 설정Angularjs 1. login.js 및 login.html 생성 * run method를 이용하여 로그인 인증정보를 확인한다. * angular의 run 메소드는 java의 main 함수 역할 * run 메소드(java에서 main 함수 역할) app/views/components/login/login.js angular.module('AuthCheck', []) .run(['$rootScope', '$window', '$http', function($rootScope, $window, $http){ if($window.sessionStorage.getItem('currentUser')){ $http.defaults.headers.common.Authorization = 'Bearer'+$window..
2021.10.03 -
1. http-proxy 모듈 설치 시작프로그램에서 Node.js command prompt 창을 실행한다. package.json이 존재하는곳으로 경로 이동 : npm install http-proxy --save 명령어 입력 -- save 명령어로 인해 package.json의 dependencies에 버전관리가 된다. 2. server.js 에 http-proxy 모듈 설정 - 소스코드 var express = require('express'); var path = require('path'); var httpProxy = require('http-proxy'); var proxy = httpProxy.createProxyServer(); var app = express(); app.us..
http-proxy 모듈을 이용한 get, post 요청 proxy 설정1. http-proxy 모듈 설치 시작프로그램에서 Node.js command prompt 창을 실행한다. package.json이 존재하는곳으로 경로 이동 : npm install http-proxy --save 명령어 입력 -- save 명령어로 인해 package.json의 dependencies에 버전관리가 된다. 2. server.js 에 http-proxy 모듈 설정 - 소스코드 var express = require('express'); var path = require('path'); var httpProxy = require('http-proxy'); var proxy = httpProxy.createProxyServer(); var app = express(); app.us..
2021.10.03 -
5. 설치한 express 모듈을 사용하여 웹서버 구동 package.json 과 npm 명령어를 사용하여 다양한 모듈이 설치된 폴더 node_modules 가 존재하는 곳에 server.js를 생성한다. - server.js 소스코드 var express = require('express'); //웹서버를 구동할 모듈인 express 모듈을 가져온다. var path = require('path'); //경로에 사용될 path 모듈 var app = express(); // express 모듈 구동 app.use('/', express.static(path.join(__dirname, '/app'))); : / 인 루트경로로 들어올 경우 정적인 파일들이 존재하는 절대경로를 설정한다(해당경로/ap..
nodejs(express 모듈)를 활용한 angularjs 구축 - 25. 설치한 express 모듈을 사용하여 웹서버 구동 package.json 과 npm 명령어를 사용하여 다양한 모듈이 설치된 폴더 node_modules 가 존재하는 곳에 server.js를 생성한다. - server.js 소스코드 var express = require('express'); //웹서버를 구동할 모듈인 express 모듈을 가져온다. var path = require('path'); //경로에 사용될 path 모듈 var app = express(); // express 모듈 구동 app.use('/', express.static(path.join(__dirname, '/app'))); : / 인 루트경로로 들어올 경우 정적인 파일들이 존재하는 절대경로를 설정한다(해당경로/ap..
2021.10.03 -
Node.js : Node.js 는 Chrome V8 Javascript 엔진으로 빌드된 Javascript런타임이다. JavaScript는 일반적으로 크롬(Chrome)과 같은 브라우저에 내장되어 있습니다. 브라우저에서만 쓰는게 아닌 브라우저 밖, 즉 내 컴퓨터에서 다양한 용도로 확장하기 위해 만들어진 것이 Node.js 입니다. Node.js를 이용하면 서버를 만들수도 있으며 크롤링도 가능합니다. 중요한점은 Node.js 자체가 웹서버가 아닌 Node.js의 모듈을 이용하여 서버를 만드는것입니다. Node.js는 자바스크립트 런타임(JavaScript Runtime)으로 웹서버를 만들기 위한 도구입니다. AngularJS : AngularJS는 자바스크립트 프레임워크 중 한개입니다. SPA(S..
nodejs(express 모듈)를 활용한 angularjs 구축 - 1Node.js : Node.js 는 Chrome V8 Javascript 엔진으로 빌드된 Javascript런타임이다. JavaScript는 일반적으로 크롬(Chrome)과 같은 브라우저에 내장되어 있습니다. 브라우저에서만 쓰는게 아닌 브라우저 밖, 즉 내 컴퓨터에서 다양한 용도로 확장하기 위해 만들어진 것이 Node.js 입니다. Node.js를 이용하면 서버를 만들수도 있으며 크롤링도 가능합니다. 중요한점은 Node.js 자체가 웹서버가 아닌 Node.js의 모듈을 이용하여 서버를 만드는것입니다. Node.js는 자바스크립트 런타임(JavaScript Runtime)으로 웹서버를 만들기 위한 도구입니다. AngularJS : AngularJS는 자바스크립트 프레임워크 중 한개입니다. SPA(S..
2021.10.03