Enjoy Programming

지난 Angular 2 포스팅에서는 Directive에 대해 간단히 알아봤습니다. 지난번까지 작성한 소스는 app.component에 모든것을 다 넣은 형태였습니다. Hero 인터페이스 선언과 Hero 리스트 배열, 그리고 AppComponent가 한곳에 있으니 자연히 가독성이 떨어집니다. 이것을 이제부터 하나하나 나눠보겠습니다. 이번에도 역시나 npm start와 함께 시작합니다. 가장 먼저 제일 쉬운 Hero 인터페이스를 밖으로 빼내어 보겠습니다. 새로 hero.ts를 생성하고, app.component.ts에 있던 Hero 인터페이스 정의 부분을 빼냅니다.export class Hero { id: number; name: string; } 위와 같이 별도 파일로 빼내면 import를 시켜줘야 app..

지난 포스팅까지해서 Form을 통한 로그인은 구현을 해봤습니다. 완벽하다고는 할 수 없으나 사용하기엔 충분하리라 생각합니다. 하지만 저의 최종 Goal은 Rest Application이므로 로그인도 Rest 방식으로 변경을 해보겠습니다. 우선 SecurityConfig.java를 아래와 같이 수정합니다.package com.cusonar.example.config; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.sprin..

오늘은 어떤걸 포스팅할까 하다가 오랜만에 Angular 2를 진행해봅니다. 이번에도 역시나 npm start로 서버 띄어놓고 시작합니다. 우선 파일 제일 아래에 배열을 추가합니다. TypeScript에서도 기본적인 JavaScript 문법은 동작을 합니다.var HEROES: Hero[] = [ { "id": 11, "name": "Mr. Nice" }, { "id": 12, "name": "Narco" }, { "id": 13, "name": "Bombasto" }, { "id": 14, "name": "Celeritas" }, { "id": 15, "name": "Magneta" }, { "id": 16, "name": "RubberMan" }, { "id": 17, "name": "Dynama" }..

어제 포스팅을 마무리 하지 못해서 오늘 오전에 짬내서 마무리하고 올렸었습니다. 어제 1일1포스팅을 못지켰으므로 오늘 2포스팅을 진행합니다. 이번에는 Spring Security의 기타 기능들에 대해서 살펴보겠습니다. 우선 살펴볼 기능은 Authority 별 접근 권한 설정입니다. 특정 계정의 경우 USER와 ADMIN 두개로 설정을 했었는데요. ADMIN만 접근 가능한 페이지, USER만 접근 가능한 페이지를 설정해보겠습니다. 1. 해당 테스트용 페이지를 만들기 위해서 HomeController에 admin/user Path를 추가해줍니다.package com.cusonar.example.home.controller; import org.springframework.beans.factory.annotat..

Spring Boot Security 3편입니다. 일단 지난 시간까지 DB의 계정과 패스워드를 비교해서 로그인을 하는 것까지 했습니다. 지금 상태로도 쓸려면 쓸순 있겠지만 만약 해커가 DB를 털었다간 큰일 나겠죠? 사용자 암호가 고스란히 넘어가는거니깐요. 그래서 이번에는 암호를 암호화하는 방법에 대해 진행해볼까 합니다. (암호를 암호화-_-?) 일단은 DB에 암호화된채로 들어가 있어야 사용자가 입력한 패스워드를 암호화 해서 DB와 비교할 수 있습니다. 따라서 사용자를 암호화해서 등록하는 것부터 시작할께요. (4.1 번외가 적용되었다고 가정하겠습니다.) 1. UserService 인터페이스에 유저 등록 메소드를 추가합니다. 유저 등록만 계속 하면 테스트 하기 어려워지므로 삭제 메소드와 읽기 메소드도 같이 ..

지난번 4. Spring Boot Security에서는 Authority를 바로 받아올 수 없어 String으로 받아왔습니다. 이 부분은 왠지 마음에 들지 않습니다. 그래서 TypeHandler를 이용해서 GrantedAuthority를 바로 받아오고, 그로 인해 깔끔해진 코드를 보겠습니다. 1. 먼저 SimpleGrantedAuthority의 TypeHandler를 정의합니다. TypeHandler는 http://www.mybatis.org/mybatis-3/ko/configuration.html#typeHandlers 에 잘 나와 있습니다. 패키지는 config 안에 두겠습니다.package com.cusonar.example.config; import java.sql.CallableStatement..

시작하기 전에 npm start를 띄어놓고 시작합니다. Anguar 2 시작하기에서 봤듯이 저렇게 해놓으면 TypeScript 코드가 변경되면 자동으로 re-compile해서 화면에 뿌려줍니다. 그러면 코딩을 시작해봅시다. 1. 우선 app.component.ts 를 아래와 같이 수정합니다.import { Component } from '@angular/core'; @Component({ selector: 'my-app', template: '{{title}}{{hero}} details!' }) export class AppComponent { title = 'Tour of Heroes'; hero = 'windstorm'; } . 클래스에 title과 hero 변수를 선언하고 값을 할당합니다. . t..

지난번에는 Spring Boot Security 시작부터 해서 Customizing을 위한 User 생성과 UserMapper 생성까지 했습니다. 일단 User는 이러이러한 필드가 필요하다, 그리고 이것들은 이러한 쿼리로 조회가 가능하다 정도까지 했습니다. 그러면 이번에는 Spring Security에서 실제로 User를 조회하는데 이용하는 UserService를 만들어보고, Config를 통해 Customzing Login을 만들어 보겠습니다. 1. 우선 UserService 인터페이스를 만듭니다. UserService 인터페이스는 UserDetailsService 인터페이스를 상속 받아야 합니다. 이유는 UserDetailsService를 구현해야만 Spring Security에서 정상적으로 조회를 ..