Programming 98

[Angular] Lazy Loading (지연 로딩)과 Preloading (사전 로딩)

공부한 것을 정리하는 느낌으로 쓴다. 애플리케이션의 용량이 클수록 첫 페이지가 표시되기까지 필요한 코드의 양을 줄이는 것이 중요 코드의 양이 적을수록 파일을 내려받는 시간이 짧아져서 첫 페이지가 더 빨리 표시되기 때문 특히, 모바일 애플리케이션은 네트워크 속도가 느리고, 인터넷 연결이 잘 안되는 지역이 많아 주의가 더 필요 Lazy Loading (지연 로딩) 애플리케이션에서 자주 사용하지 않는 모듈이 있다면 이 모듈을 필요할 때 따로 내려받아 불러 올 수 있는 것 Angular에서는 애플리케이션을 모듈 단위로 쉽게 나눌 수 있으므로, 일부 기능을 애플리케이션이 시작될 때 바로 불러오거나, 필요할 때 불러오거나 할 수 있음 루트 모듈(app.module.ts)은 지연 로딩의 대상이 될 수 없음 라우팅 모..

[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() 모듈 사용 ※ 이미지를 클릭하면 원문 페이지로 이동합니다.