티스토리 뷰

Demos/Email Client

Angular : Email Client - 1. 프로젝트 생성

Korean Eagle 2020. 6. 22. 12:19
728x90

1. 이 포스트는 Email Client를 작성하는 시리즈의 일부이다.

 

2. 작성순서

  2-1 프로젝트 생성

    2-1-1 환경설정하기 -> 여기서 다룬다.

    2-1-2 메뉴 template 작성하기

 

  2-2 보안 모듈 작성

  2-3 이메일 모듈 작성

 

3. 환경설정 순서

  3-1 ng new emailclient --routing

  3-2 ng add @ng-bootstrap/ng-bootstrap

 

  3-3 fontawesome 링크를 index.html에 붙인다.

 

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Emailclient</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css">
</head>
<body>
  <app-root></app-root>
</body>
</html>

 

  3-4 필요한 모듈, 컴포넌트, 서비스를 생성한다. 기본적인 것들만 생성하고 필요할 때 추가로 생성한다.

    3-4-1 인증, 이메일, 공유 모듈을 생성했다.

      3-4-2 실수 한 게 있는데, --routing을 안붙여서 모듈마다 파일을 생성해야 한다. ㅠ.ㅠ --routing 붙이는 게 좋다.

    3-4-2 email 모듈의 첫화면인 home을 생성하고, 인증의 signin, singup 페이지도 생성하였다. 

    3-4-3 서비스는 기본적으로 인증과 이메일 요청 시 필요해서 생성했다.

 

 

728x90
저작자표시

'Demos > Email Client' 카테고리의 다른 글

Angular : Email Client - 1-5. 인증모듈작성 - Sign up, Sign in Template과 Form Control 작성하기  (0) 2020.06.22
Angular : Email Client - 1-4. 인증모듈작성 - email 모듈 guard 작성하기  (0) 2020.06.22
Angular : Email Client - 1-3. 인증모듈작성 - 라우팅 설정하기  (0) 2020.06.22
Angular : Email Client - 1-2. 인증모듈작성 - 로그인 상태 관리  (0) 2020.06.22
Angular : Email Client - 1-1. 인증모듈작성 - ng-bootstrap 반응형 메뉴바 작성  (0) 2020.06.22
댓글