npm i swagger-ui-express

"swagger-ui-express": "latest" // or desired version

npm install swagger-jsdoc --save

var swaggerJSDoc = require('swagger-jsdoc');

var options = {
  swaggerDefinition: {
    info: {
      title: 'Hello World', // Title (required)
      version: '1.0.0', // Version (required)
    },
  },
  apis: ['./routes.js'], // Path to the API docs
};

// Initialize swagger-jsdoc -> returns validated swagger spec in json format
var swaggerSpec = swaggerJSDoc(options);

const express = require('express');
const app = express();
const swaggerUi = require('swagger-ui-express');
const swaggerSpec = swaggerJSDoc(options)

app.use('/api-docs', swaggerUi.serve, swaggerUi.setup(swaggerSpec));

/**
 * @swagger
 * /login:
 *   post:
 *     description: Login to the application
 *     produces:
 *       - application/json
 *     parameters:
 *       - name: username
 *         description: Username to use for login.
 *         in: formData
 *         required: true
 *         type: string
 *       - name: password
 *         description: User's password.
 *         in: formData
 *         required: true
 *         type: string
 *     responses:
 *       200:
 *         description: login
 */
app.post('/login', function(req, res) {
  res.json(req.body);
});

/**
 * @swagger
 * definitions:
 *   NewUser:
 *     type: object
 *     required:
 *       - username
 *       - password
 *     properties:
 *       username:
 *         type: string
 *       password:
 *         type: string
 *         format: password
 *   User:
 *     allOf:
 *       - $ref: '#/definitions/NewUser'
 *       - required:
 *         - id
 *       - properties:
 *         id:
 *           type: integer
 *           format: int64
 */

/**
   * @swagger
   * /users:
   *   get:
   *     description: Returns users
   *     produces:
   *      - application/json
   *     responses:
   *       200:
   *         description: users
   *         schema:
   *           type: array
   *           items:
   *             $ref: '#/definitions/User'
   */
  app.get('/users', function(req, res) {
    res.json([ {
      id: 1,
      username: 'jsmith',
    }, {1
      id: 2,
      username: 'jdoe',
    } ]);
  });

  /**
   * @swagger
   * /users:
   *   post:
   *     description: Returns users
   *     produces:
   *       - application/json
   *     parameters:
   *       - name: user
   *         description: User object
   *         in:  body
   *         required: true
   *         type: string
   *         schema:
   *           $ref: '#/definitions/NewUser'
   *     responses:
   *       200:
   *         description: users
   *         schema:
   *           $ref: '#/definitions/User'
   */
  app.post('/users', function(req, res) {
    // Generate ID
    req.body.id = Math.floor(Math.random() * 100) * 1
    res.json(req.body);
  });

app.use(express.static('public'));

localhost:3000/images/kitten.jpg
localhost:3000/css/style.css
localhost:3000/js/app.js
localhost:3000/images/bg.png
localhost:3000/hello.html

import { Injectable } from '@angular/core';
// 모달을 사용하기 위한 import
import {NgbModal, NgbActiveModal} from '@ng-bootstrap/ng-bootstrap';
import { LoginModalComponent } from '../_components/login-modal/login-modal.component';
import { ApplyCheckModalComponent } from '../_components/apply-check-modal/apply-check-modal.component';
@Injectable()
export class ModalService {
  constructor(private modalService: NgbModal) {
  }
  openLoginModal(){
    const modalRef = this.modalService.open(LoginModalComponent);
    modalRef.componentInstance.name = 'World';
  }

  // open apply checking modal
  openApplyCheckModal(){
    const modalRef = this.modalService.open(ApplyCheckModalComponent);

    //필요한 데이터를 전달
    modalRef.componentInstance.name = 'World';
  }
}

import { Component, OnInit } from '@angular/core';
import {NgbModal, NgbActiveModal} from '@ng-bootstrap/ng-bootstrap';
import { Router, ActivatedRoute } from '@angular/router';

@Component({
  selector: 'app-login-modal',
  templateUrl: './login-modal.component.html',
  styleUrls: ['./login-modal.component.css']
})
export class LoginModalComponent implements OnInit {

  constructor(public activeModal: NgbActiveModal) {

  }

  ngOnInit() {
    // reset login status
    this.authenticationService.logout();

  }
  close(){
    this.activeModal.close();
  }
}

<div>
  <div class="modal-header">
  </div>
  <div class="modal-body">
    <div class="" style="text-align:center;">
      <span style="font-weight:bold; margin-right:1rem;">아이디가 없으신가요?</span>
      <span><a [routerLink]="['/register/selectTypePage']" style="color:#65b8b4; font-weight:bold;" (click)="close()">회원가입</a></span>
    </div>
  </div>
  <div class="modal-footer">
  </div>
</div>

@NgModule({
  declarations: [
  ],
  imports: [
  ],
  providers: [
   ],
  bootstrap: [],
  entryComponents: [EmailCheckModalComponent]
})

ng build --prod

ng build --aot

import { HostListener, Inject} from "@angular/core";
import { DOCUMENT } from "@angular/common";

export class LayoutNavComponent implements OnInit {
  constructor(@Inject(DOCUMENT) private document: Document) { }
}
@HostListener("window:scroll", ['$event.target'])
onWindowScroll() {
  //we'll do some stuff here when the window is scrolled
  console.log(this.document.body.scrollHeight);
  console.log("scrollTop:",this.document.documentElement.scrollTop);
  let scrollHeight=this.document.documentElement.scrollHeight;
  let readHeight=this.document.documentElement.scrollTop+this.document.documentElement.clientHeight;

  if((-10<=(readHeight-scrollHeight))&&((readHeight-scrollHeight)<=10)){
   this.groupService.getGroupsBySearchKey(this.locationService.locationDepth1, this.locationService.locationDepth2, this.groupService.searchKey);
  }
}

function () {
    if (waiting) {
        return;
    }
    waiting = true;

    scroll();

    setTimeout(function () {
        waiting = false;
    }, 100);
}

transform: 3dtransforms(0,0,0)

<input type="file" (change)="onChange($event)"></input>

onChange(event){
  let file = event.srcElement.files[0];
}

console.log(file);

폼데이터를 선언한다.
let formData:FormData = new FormData();

formData에 key와 value를 메겨준다.
formData.append('fileName',this.fileName+'.'+file.name.split('.')[1]);

여기서 file.name.split('.')[1]는 확장자를 찾아주는 것이다.

formData.append('imageFile', file, file.name);

export const routes: Routes = [
  { path: '', redirectTo: 'product-list', pathMatch: 'full' },
  { path: 'product-list', component: ProductList },
  { path: 'product-details/:id', component: ProductDetails }
];

goToProductDetails(id) {
  this.router.navigate(['/product-details', id]);
}

constructor(router:Router) {
  router.events.subscribe(event:Event => {
    if(event instanceof NavigationStart) {
    }
    // NavigationEnd
    // NavigationCancel
    // NavigationError
    // RoutesRecognized
  });
}

this.route.params.subscribe(
  params=>{
    this.sectionIndex=params['pageIndex'];
  }
)

<li *ngFor="let item of items; index as i; trackBy: trackByFn">...</li>

*ngFor="let subMenuName of menuName['submenu']; let idx = index;"

<img [src]="heroImageUrl">
<app-hero-detail [hero]="currentHero"></app-hero-detail>
<div [ngClass]="{'special': isSpecial}"></div>

<div class="profile-image" [ngStyle]="{ 'background-image': 'url(' + image + ')'}">

<button (click)="onSave()">Save</button>
<app-hero-detail (deleteRequest)="deleteHero()"></app-hero-detail>
<div (myClick)="clicked=$event" clickable>click me</div>

<input name="date" type="text" (focus)="focusFunction()" (focusout)="focusOutFunction()">

<input [(ngModel)]="name">

<button [attr.aria-label]="help">help</button>

<div [class.special]="isSpecial">Special</div>

<button [style.color]="isSpecial ? 'red' : 'green'">

<div class="home-component"
 [style.width.px]="width"
 [style.height.px]="height">Some stuff in this div</div>