반응형 react2 [React]Redux Toolkit (리덕스 툴킷)사용해 보기- Typescript import React from 'react'; import './App.css'; import Btn from './component/Btn'; import Input from './component/Input'; import { useAppSelector } from './store'; function App() { const { value } = useAppSelector((state) => state.input); return ( {value} ); } export default App; React에서 상태 관리할 때 가장 많이 사용하는 툴이 Redux인데요. Redux를 사용하기 전에 초기 코드를 설정하는 과정이 정말 길고 복잡합니다. 그리고 중간에 store에 새로운 데이터를 만드는 일이 생기.. 2022. 5. 10. [Next]Slide-Images 커스텀 컴포넌트- (React, typescript) 오늘은 리액트 기반 next 프레임워크를 이용해서 slide-images 컴포넌트를 만들어 보겠습니다. 매번 라이브러리 찾고 사용법 찾느라 지쳐서 만들게 되었습니다. ㅎㅎ Main code import { useState } from 'react'; import Image from 'next/image'; import style from '../styles/slideImage.module.scss'; import { fakeSlideImage } from '../fakeData'; import right from '../public/images/right.png'; import left from '../public/images/left.png'; export default function SlideIma.. 2022. 4. 7. 이전 1 다음 반응형
