유용한 라이브러리 ## cross-envimport 경로 설정을 지정한 절대 경로를 기준으로 지정할 수 있도록 함.ex ) ../someDir/some.js => someDir/some.js 설치$ yarn add cross-env package.json 설정에서 다음과 같이 cross-env NODE_PATH=src 추가"scripts": { "start": "cross-env NODE_PATH=src react-scripts start", "build": "cross-env NODE_PATH=src react-scripts build", "test": "react-scripts test --env=jsdom", "eject": "react-scripts eject" } ## query-stringURL 뒤의 파라미터를.. 더보기 ES5? ES6? 이게 뭐지? 아주아주 오래전에 넷스케이프(Netscape)라는 브라우저가 있었다.그동안 정적인 웹페이지만 제공했던 웹서비스에서 동적인 요소를 지원하기 위해 이 넷스케이프를 만든데서 Javascript를 만들어 쓰기 시작했다. 그랬더니 다른 브라우저 회사들이 보기에 그게 매우 좋아 보였나보다.. 너도나도 하나둘씩 자기네 브라우저에도 Javascript를 지원하기 시작한다.시간이 좀 지나고 보니 Javascript를 대부분의 브라우저에서 지원을 하긴 하는데.. 이게 또 자기네들 맘대로 적용을 해놓다보니 브라우저마다 조금씩 차이가 나기 시작한거지..이당시 개발을 한다고 생각해보자.. 모든 브라우저에서 동일한 기능을 구현하기 위해 브라우저별로 코드를 짜놔야 했을 것이다.얼마나 짜증나겠어... 그래서 ECMA 라는 국제기구에.. 더보기 보안 관련 HTTP 헤더 헤더명 설정 예제 설명 Content-Security-Policy Content-Security-Policy "default-src 'self'" 용도 : 컨텐츠 허용범위에 대한 정책 이 헤더를 사용하게 잘 돌고 있던 스크립트가 동작을 안할 수 있음.inline-script나 eval 및 css 내부의 data 속성도 동작을 안함. default-src 'self' 'unsafe-inline' 'unsafe-eval' 등 기타 옵션을 통해 해결 할 수 있음.자세한건 아래 링크 참조.https://www.html5rocks.com/en/tutorials/security/content-security-policy/ X-XSS-Protection X-XSS-Protection "1; mode=block" 용도.. 더보기 이전 1 2 3 4 5 6 ··· 9 다음