yogae 블로그

Clickjacking clickjacking을 예방 하지 않으면 웹 사이트에서 iframe 태그를 사용해서 주소가 다른 사이트를 불러올 수 있다. X-Frame-Options Invalid 'X-Frame-Options' header encountered when loading error가 발생한다. X-Frame-Options 은 iframe이 랜더링할 수 있는지 여부를 나타내는 header이다. X-Frame-Options을 사용하여 사이트 내 콘텐츠들이 다른 사이트에 포함되지 않도록 설정한다. 이 header는 X-Frame-Options는 확장 해더이기 때문에 모든 브라우저가 해당 옵션에 대해 동작하는것은 아니다. 다음 사진이 X-Frame-Options을 지원하는 browser 목록이다. 크롬..

Database profiler는 mongod instance에 실행된 database command의 정밀한 정보를 수집한다. 이 정보는 CRUD operation 과 configuration, administration commands를 포함한다. profiler의 default 설정은 off이다. Profiling Levels level 0: off 상태 level 1: slows의 값보다 오래 걸리는 operation의 data를 수집한다. level 2: 모든 operation의 data를 수집힌다. 설정하기 Mongo shell에서 db.setProfilingLevel() 을 사용하여 profiling을 enable 할 수 있다. Profiling level을 0보다 크게 설정하면 profil..

Error 객체를 JSON.stringify()하면 error message, stack field가 사라진다. const err = new Error('test'); console.log(JSON.stringify(err)); // {} 객체의 속성들은 그 자체로 객체 내부의 정보와 기능을 표현하지만, 각 속성들은 다시 그 자신들의 값과 성질에 대한 눈에 보이지않는 내부 속성들을 가지고 있습니다. 자바스크립트에서는 이러한 속성의 세부적인 성질을 직접 설정하거나 조회할 수 있는 방법을 제공하는데, 이 때 이용되는 특수한 객체가 바로 속성 설명자(PropertyDescriptor) 이다. var error = new Error(‘test'); var propertyNames = Object.getOwnPr..

GraphQL으로 간단한 project를 진행할 수 있는 기회가 생겨서 GraphQL을 조사하고 개발하되었다. 기존에는 REST API 형식으로 api를 구성했다. GraphQL을 사용하면서 느낀 것은 schema 변화에 많이 자유로워 질 수 있는 장점이 크다. REST API로 구성하게 되면 client에서 어떤 정보를 추가해달라는 요청이 들어오면 항상 코드 수정이 필요했다. 하지만 GraphQL은 client가 필요한 정보를 요청하여 받아올 수 있어 코드 수정이 줄어든다. REST API는 URL, METHOD등을 조합하기 때문에 다양한 Endpoint가 존재 합니다. 반면, gql은 단 하나의 Endpoint가 존재 합니다. 또한, gql API에서는 불러오는 데이터의 종류를 쿼리 조합을 통해서 결..