Programming
-
[Spring] SpringBoot의 등장배경 및 장점Programming/Spring 2021. 11. 23. 17:02
1. SpringBoot 등장배경 1) Spring framework의 문제 - Spring framework는 다양한 프레임워크와 기술을 지원함과 동시에 개발자가 처리해야 하는 설정도 많아지고 복잡해짐 - Spring을 처음 접하는 개발자 입장에서는 이러한 복잡한 설정에 부담을 느낄 수 밖에 없었음 *(참고) 스프링MVC 하루만에 배우기 / Spring 프로젝트 세팅-1,2,3 https://wikidocs.net/115237 2) SpringBoot의 등장 - 위와 같은 문제 해결을 위해 Springboot 서브 프로젝트가 진행됨 - 경쟁관계에 있는 다른 프레임워크처럼 커맨드 도구를 제공 - tomcat이나 jetty 같은 내장 서버로 복잡한 설정과 실행 간소화 *(참고) 스프링 부트 프로젝트 생성 ..
-
[AngularJS] 오늘 하루 보지 않기 팝업 구현Programming/AngularJS 2021. 11. 22. 17:26
1. 메인 페이지 (index.html) - 로그인 후에 보여질 메인페이지. - 페이지 로드와 동시에 비밀번호 만료 팝업창을 띄운다 - cookie를 확인하여 '팝업창 무시' cookie값이 true인 경우 팝업창을 띄우지 않는다. > ng-app, ng-controller 및 ng-init 세팅 >$cookies 서비스 사용을 위한 스크립트 삽입 및 cookie 사용 > 쿠키값 존재하지 않는 경우 팝업창 출력 2. 비밀번호 만료 7일전 팝업창 페이지 (PwdExpirePopup.html) - 메인 페이지 위에 보여질 팝업창 - 현재 유저의 비밀번호 만료가 몇 일 남았는지를 보여준다. - 비밀번호 재설정 / 오늘 하루 보지 않기 버튼을 배치한다. - 오늘 하루 보지 않기 버튼을 클릭한 경우, 24시간동안..
-
[AngularJS] (10) 서비스 | location, get, timeout, interval, app.service()Programming/AngularJS 2021. 11. 22. 03:22
목차 (1) 기본 웹 서비스 개발환경 구축 (2-1) 기본 예제 (2-2) AngularJS 템플릿 만들고 적용하기 (3) 표현식 | {{data}} (4) 모듈 | angular.module("appName", []) (5) 지시자 | angular.directive(), ng-app, ng-init, ng-repeat (6) 모델 | ng-model, ng-show, valid, dirty, touched (7) Controller (8) scope 객체 | scope, rootScope (9) 필터 | uppercase, lowercase, orderBy, currency, date, filter, json, limitTo, number (10) 서비스 | location, get, timeout,..
-
[AngularJS] (9) 필터 | uppercase, lowercase, orderBy, currency, date, filter, json, limitTo, numberProgramming/AngularJS 2021. 11. 21. 19:44
목차 (1) 기본 웹 서비스 개발환경 구축 (2-1) 기본 예제 (2-2) AngularJS 템플릿 만들고 적용하기 (3) 표현식 | {{data}} (4) 모듈 | angular.module("appName", []) (5) 지시자 | angular.directive(), ng-app, ng-init, ng-repeat (6) 모델 | ng-model, ng-show, valid, dirty, touched (7) Controller (8) scope 객체 | scope, rootScope (9) 필터 | uppercase, lowercase, orderBy, currency, date, filter, json, limitTo, number (10) 서비스 | location, get, timeout,..
-
[AngularJS] (8) scope 객체 | scope, rootScopeProgramming/AngularJS 2021. 11. 21. 16:40
목차 (1) 기본 웹 서비스 개발환경 구축 (2-1) 기본 예제 (2-2) AngularJS 템플릿 만들고 적용하기 (3) 표현식 | {{data}} (4) 모듈 | angular.module("appName", []) (5) 지시자 | angular.directive(), ng-app, ng-init, ng-repeat (6) 모델 | ng-model, ng-show, valid, dirty, touched (7) Controller (8) scope 객체 | scope, rootScope (9) 필터 | uppercase, lowercase, orderBy, currency, date, filter, json, limitTo, number (10) 서비스 | location, get, timeout,..
-
[AngularJS] (7) ControllerProgramming/AngularJS 2021. 11. 21. 14:10
목차 (1) 기본 웹 서비스 개발환경 구축 (2-1) 기본 예제 (2-2) AngularJS 템플릿 만들고 적용하기 (3) 표현식 | {{data}} (4) 모듈 | angular.module("appName", []) (5) 지시자 | angular.directive(), ng-app, ng-init, ng-repeat (6) 모델 | ng-model, ng-show, valid, dirty, touched (7) Controller (8) scope 객체 | scope, rootScope (9) 필터 | uppercase, lowercase, orderBy, currency, date, filter, json, limitTo, number (10) 서비스 | location, get, timeout,..
-
[AngularJS] (6) 모델 | ng-model, ng-show, valid, dirty, touchedProgramming/AngularJS 2021. 11. 20. 22:56
목차 (1) 기본 웹 서비스 개발환경 구축 (2-1) 기본 예제 (2-2) AngularJS 템플릿 만들고 적용하기 (3) 표현식 | {{data}} (4) 모듈 | angular.module("appName", []) (5) 지시자 | angular.directive(), ng-app, ng-init, ng-repeat (6) 모델 | ng-model, ng-show, valid, dirty, touched (7) Controller (8) scope 객체 | scope, rootScope (9) 필터 | uppercase, lowercase, orderBy, currency, date, filter, json, limitTo, number (10) 서비스 | location, get, timeout,..
-
[AngularJS] (5) 지시자 | angular.directive(), ng-app, ng-init, ng-repeatProgramming/AngularJS 2021. 11. 20. 21:37
목차 (1) 기본 웹 서비스 개발환경 구축 (2-1) 기본 예제 (2-2) AngularJS 템플릿 만들고 적용하기 (3) 표현식 | {{data}} (4) 모듈 | angular.module("appName", []) (5) 지시자 | angular.directive(), ng-app, ng-init, ng-repeat (6) 모델 | ng-model, ng-show, valid, dirty, touched (7) Controller (8) scope 객체 | scope, rootScope (9) 필터 | uppercase, lowercase, orderBy, currency, date, filter, json, limitTo, number (10) 서비스 | location, get, timeout,..