분류 전체보기 316

[Angular5] IE11 브라우저 지원되지 않음

cross brower https://dev.to/coly010/angular-how-to-support-ie11-4924 ./src/polyfills.ts 파일 아래처럼 다 바꿔주고 모듈 설치 /** * This file includes polyfills needed by Angular and is loaded before the app. * You can add your own extra polyfills to this file. * * This file is divided into 2 sections: * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers. * 2. Application im..

Clickjacking 방어 방법

Clickjacking : 사용자의 클릭 이벤트에서 사용자가 의도하지 않은 다른 행위가 수행되는 악의적인 기법 ex) - 플래시를 통해 사용자가 자신의 웹캠과 마이크를 활성화시키게 속인다. - 사용자가 자신의 SNS 프로필 정보를 공개하게 속인다. - 다른 사람의 트위터를 팔로우하게 속인다. - 페이스북의 링크를 공유하거나 "좋아요"를 누르게 한다. - 구글 애드센스 프로그램에서 불법적인 수입을 올린다. 해결방법 1. Response header에 보안 옵션 추가 - X-Frame-Options - Content-Security-Policy: frame-ancestors 2. helmet() 모듈 설치 출처 https://ko.wikipedia.org/wiki/%ED%81%B4%EB%A6%AD%EC%9E..

Node Express server HSTS 보안 설정

HSTS (HTTP Strict Transport Security) - response header에 적용 - HTTP 대신 HTTPS만을 사용하여 통신해야한다고 웹사이트가 브라우저에 알리는 보안 기능 - Strict-Transport-Security 헤더는 사이트에 HTTP 로 접근되었을때에는 무시됨 - 공격자가 HTTP 연결을 가로채어 헤더를 주입하거나 제거했을 수 있기 때문 - 사이트가 HTTPS 로 접근되었고 인증 에러도 없었다면, 브라우저는 당신의 사이트가 HTTPS 를 사용할 수 있음을 알고, Strict-Transport-Security 헤더를 사용 HSTS 설정 방법 1) response header에 추가 2) helmet() 모듈 사용 ※ 이미지를 클릭하면 원문 페이지로 이동합니다.

[Font Awesome] spinner 아이콘 회전 시키기

fontawesome fa-spin 또는 fa-pulse 을 붙혀주면 됨 - fa-spin : 회전 애니메이션 - fa-pulse : 스타카토 느낌의 애니메이션 ▼ 아이콘 회전 X ▼ 아이콘 회전 O https://fontawesome.com/how-to-use/on-the-web/styling/animating-icons Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options. fontawesome.com

반응형