FrontEnd94 [React.js] universal-cookie를 이용한 쿠키 설정 쿠키(Cookie)의 개념 쿠키란? 인터넷 사용자가 어떠한 웹 사이트를 방문할 경우 그 사이트가 사용하고 있는 서버를 통해 인터넷 사용자의 컴퓨터(클라이언트)에 설치되는 작은 기록 정보 파일이다. HTTP 쿠키, 웹 쿠키, 브라우저 쿠키라고도 하며, 이 기록 파일에 담긴 정보는 인터넷 사용자가 같은 웹사이트를 방문할 때마다 읽히고 수시로 새로운 정보로 바뀐다. 쿠키의 종류 세션쿠키 (Session Cookie) 보통 만료시간(Expire data)를 설정하고 메모리에만 저장되며 브라우저 종료 시 쿠키를 삭제한다. 지속쿠키(Persistent Cookie) 장시간 유지되는 쿠키파일로 저장되어 브라우저 종료와 관계없이 사용한다. Secure Cookie HTTPS에서만 사용, 쿠키 정보가 암호화되어 전송한다.. 2021. 12. 1. [React.js] 익스플로러(IE) 호환 IE의 ES6문법 미지원 문제 React는 기본적으로 JavaScript ES6이상의 문법을 사용한다. 위와 같이 Internet Explorer은 ES6문법을 지원하지 않기 때문에, 별도의 호환 과정이 필요하다. React 프로젝트를 IE11에서 실행 시 아래와 같은 에러가 발생한다. 이러한 에러는 react-app-polyfill을 사용해 해결이 가능하다. 해결방법 : react-app-polyfill 설치 React 개발에서 사용하는 다양한 문법을 변환해주는 라이브러리이다. Promise, window.fetch, Symbol, Object.assign, Array.from + [IE9 Map, Set]와 같은 필요한 것만 포함하고 있어 사이즈가 작고 가벼운게 특징이다.설치 방법 1. npm ins.. 2021. 11. 30. [React.js] Warning: Use the 'defaultValue' or 'value' props on <select> instead of setting 'selected' on <option> Warning Message Warning: Use the 'defaultValue' or 'value' props on instead of setting 'selected' on Warning Message가 발생하는 이유 일반적인 HTML에서 에 기본값을 설정하는 방법은 option 요소 중 하나에 selected 속성을 추가하는 것이다. 하지만 React에서는 다음과 같이 option 태그에 selected를 사용하면 경고가 발생한다. First Second Third 해결방법 select 태그에 defaultValue를 사용해 기본값을 설정할 수 있다. First Second Third 2021. 11. 26. [React.js] Warning: The href attribute is required for an anchor to be keyboard accessible... Warning Message Line 82:31: The href attribute is required for an anchor to be keyboard accessible. Provide a valid, navigable address as the href value. If you cannot provide an href, but still need the element to resemble a link, use a button and change it with appropriate styles. Learn more: https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/HEAD/docs/rules/anchor-is-valid.md jsx-a11y/.. 2021. 11. 25. [Vue.js] Vue CLI + Vuetify + Vue Router 1. Vue CLI 설치 vue-cli는 기본 vue 개발 환경을 설정해주는 도구이다. vue-cli가 기본적인 프로젝트 세팅을 해주기 때문에 폴더 구조에 대한 고민, lint, build, 어떤 라이브러리로 구성을 해야하는지 webpack 설정은 어떻게 해야하는지에 대한 고민을 덜 수 있다. 여기서 CLI란? 명령 줄 인터페이스(CLI, Command line interface) 또는 명령어 인터페이스는 텍스트 터미널을 통해 사용자와 컴퓨터가 상호 작용을 하는 방식을 뜻한다. 즉, 작업 명령은 사용자가 컴퓨터 키보드 등을 통해 문자열의 형태로 입력하며, 컴퓨터로부터의 출력 역시 문자열의 형태로 주어진다.(위키백과) npm 또는 yarn이 설치되어 있어야 한다. npm install -g @vue/cli.. 2021. 11. 20. [React.js] Warning: validateDOMNesting(...): <tr> cannot appear as a child of <table> Warning: validateDOMNesting(...): cannot appear as a child of . Add a , or to your code to match the DOM tree generated by the browser. at tr at table at div at div at Information (http://localhost:3000/main.f8aa81041ea5266af521.hot-update.js:33:3) at div at App (http://localhost:3000/static/js/main.chunk.js:171:94) console. 브라우저에는 태그가 필요하다. 코드에 없으면 브라우저에서 자동으로 삽입하는데, 이 것은 첫 번째 랜더링에서는 잘 동작하지만 테이.. 2021. 10. 13. 이전 1 ··· 7 8 9 10 11 12 13 ··· 16 다음 반응형
