REACT

REACT
[React] React-cookie 패키지 사용하기
React-cookie React에서 cookie를 편리하게 다룰수 있게 해주는 패키지이다. npm i react-cookie 적용하기 cookie를 사용할 컴포넌트들의 Root 컴포넌트를 CookiesProvider를 통해 감싸준다. import { CookiesProvider } from 'react-cookie' import Root from './Root'; ReactDOM.render( , document.getElementById('root') ) 쿠키값을 get, set하는 로직을 수행하는 component 쿠키에 관한 작업을 진행할 컴포넌트에서 React Hooks 처럼 사용하여 쿠키를 조작할 수 있다. import { useCookies } from 'r..
→2022.02.15
REACT
[React] React에서 SVG 파일 사용하기
프로젝트를 진행하면서 front를 React를 사용하기로 하였다. 또한 create-react-app을 사용하여 초기설정을 건너뛰도록 하였다. html 파일에서 태그를 사용하여 sgv 파일을 렌더링하였던 경험이 있어서 React에서도 JSX 문법을 이용하여 태그를 이용하였다. 그러나 이러한 방법은 React의 Component라는 개념과는 거리가 멀었다. 재사용할 수 없었기 때문이다. 재사용하려면 어떻게 해야할까? 1. SVG 파일을 만들어 img태그의 src로 경로를 넣어주기 import React from 'react'; import logo from './logo.png'; console.log(logo); // /logo.84287d09.png export function Header() { re..
→2022.02.04

• 이전
• 1
• 다음