본문 바로가기

Front-end56

SOP란? ■ SOP (Same Origin Policy) 의 개념 한 Origin으로 부터 로드된 Document 또는 Script가 다른 Origin의 리소스와 상호작용 할 수 있는 방법을 제한하는 중요한 보안 메커니즘 Document 내에서 외부 리소스와 상호작용 할때 리소스의 origin이 document의 origin과 다른 경우에 제한을 두는 정책 ■ Origin : Document 의 출신 표시 https://javannspring.tistory.com:443 scheme host port 세가지 모두 같아야 Same Origin으로 본다 출처 : evan-moon.github.io/2020/05/21/about-cors/ CORS는 왜 이렇게 우리를 힘들게 하는걸까? 이번 포스팅에서는 웹 개발자라면 .. 2021. 1. 21.
[Javascript] for in 은 속성 반환용 배열의 반복과 for...in for...in은 인덱스의 순서가 중요한 Array에서 반복을 위해 사용할 수 없습니다. 배열 인덱스는 정수로 된 열거 가능한 속성이며, 일반적인 객체의 속성들과 같습니다. for...in은 특정 순서에 따라 인덱스를 반환하는 것을 보장할 수 없습니다. for...in반복문은 정수가 아닌 이름을 가진 속성, 상속된 모든 열거 가능한 속성들을 반환합니다. 반복되는 순서는 구현에 따라 다르기 때문에, 배열의 반복이 일관된 순서로 요소를 방문하지 못할 수도 있습니다. 그러므로 방문의 순서가 중요한 배열의 반복시에는 숫자 인덱스를 사용할 수 있는 for 반복문을 사용하는 것이 좋습니다.(또는 Array.prototype.forEach(), for...of를 권장합니다.) 괜히 한 .. 2019. 8. 14.
Angular JS 사용해서 todo 만들기 (feat. Bootstrap) Angular 싱글톤 HTML Tag를 커스텀해서 사용 Controller로 View의 비즈니스 로직을 만듬 https://docs.angularjs.org/guide/concepts AngularJS Loading … There was an error loading this resource. Please try again later. docs.angularjs.org AngularJS 사용방법 html의 head에 angular CDN 추가 1 cs ng ~~ 를 붙여 angular function을 사용 ng-app : library를 사용하겠다 ng-init : 초기 세팅값 ng-controller : View 관리 Controller 선언 ng-repeat : for문 처럼 반복 출력 ng-cli.. 2019. 5. 14.
브라우저 동작 원리(2) 렌더링 엔진 - 웹킷(Webkit), 블링크(Blink), Reflow, Repaint 렌더링 엔진 - 웹킷(Webkit), 블링크(Blink)렌더링 엔진웹 서버에 저장된 내용 정보(HTML, XML)와 서식 정보(CSS, XML) 등을 읽어 들여 사람이 읽을 수 있는 문서로 표시하는, 웹 브라우저의 핵심 기능을 담당하는 부분실행 작업불러오기(Loading)파싱(Parsing)자바스크립트 실행레이아웃(Layout)작업CSS처리그리기이벤트 처리HTML 편집렌더링 엔진 기본 흐름브라우저 엔진은 웹 표준화 기구 W3C(World Wide Web Consortium)에서 정의한 HTML과 CSS 표준 명세에 따라 파일을 해석하고 브라우저에 표시렌더링 엔진이 HTML 문서를 Parsing하고, 내부에서 DOM(Document Object Model) 노드로 변환CSS파일과 스타일 요소를 함께 Par.. 2019. 3. 25.

티스토리툴바