만족스러운 개발38 REST API 구글 검색으로는 이해하기 어려움. 이해하기 쉽게 설명해줌 https://meetup.toast.com/posts/92 REST API 제대로 알고 사용하기 : NHN Cloud Meetup REST API 제대로 알고 사용하기 meetup.toast.com 2022. 6. 15. react-app-polyfill React를 IE 같은 구형 브라우저에도 호환될 수 있도록 해주는 라이브러리. Babel로는 트랜스퍼 할 수 없는 기술들이 나옴.(ex) Promise, Map, Set, Symbol, Object.assign, Array.from) 1. 패키지 설치 npm install react-app-polyfill 2. 사용법 (최상단에 위치해아함!) - index.js //IE9의 경우 import 'react-app-polyfill/ie9'; import 'react-app-polyfill/stable'; //IE11의 경우 import 'react-app-polyfill/ie11'; import 'react-app-polyfill/stable'; - package.json "browserslist": { ".. 2022. 6. 15. will-change transfrom을 주면서 text가 잠깐 씩 흐려지거나 흔들릴 때가 있다. 그때는 will-change를 참고하자. https://developer.mozilla.org/ko/docs/Web/CSS/will-change will-change - CSS: Cascading Style Sheets | MDN will-change CSS 속성은 요소에 예상되는 변화의 종류에 관한 힌트를 브라우저에 제공케 한다. 그래서 실제 요소가 변화되기 전에 미리 브라우저는 적절하게 최적화할 수 있다. 이러한 종류의 최 developer.mozilla.org 2022. 4. 1. 브라우저 저장소에 대해 Web Storage란 HTML5부터 제공하는 기능으로, 해당 도메인과 관련된 특정 데이터를 서버가 아니라 클라이언트 웹 브라우저에 저장할 수 있도록 제공하는 기능. 키/값 쌍으로 데이터를 저장하고, 키를 기반으로 데이터를 조회하는 패턴이다. 영구저장소(LocalStorage)와 임시저장소(SessionStorage)를 따로 두어 데이터의 지속성을 구분할 수 있어 응용 환경에 맞는 선택이 가능하다. 쿠키와 마찬가지로 사이트의 도메인 단위로 접근이 제한. ex) A domain -> B domain 데이터 사용 불가. 쿠키의 단점 4KB의 데이터 저장 제한 HTTP Request에 암호화 되지 않은 상태로 사용하기 때문에 보안에 취약 모든 HTTP Request에 포함되어 있어 웹서비스 성능에 영향을 줄 .. 2022. 2. 21. 이전 1 2 3 4 5 6 7 8 ··· 10 다음