JavaScript/ReactJS
[React.js] 함수에서 사용하는Hooks State. useState
class에서 바로 사용하는 State class App extends React.Component { render() { return ( ); } } 위와같은 형식으로 Component 에서는 State 는 그냥 바로 사용하면 됩니다. class App extends React.Component { state = { number:0 } render() { return ( ); } } 이런식으로 추가해서 바로 사용을 하시면 됩니다. 함수에서 에서 사용하는 State, useState import React from 'react'; const Answer = (props) => { return ( ); }; export default Answer; 하지만 이런 함수형식에서 위에 class 에서 하던대로하면..
[React.js] 리액트에서 화면전환 애니메이션 ( react-transition-group )
리액트는 자바스크립트 프론트엔드 프레임워크로 정말 편리한(?) 프레임워크라고 생각합니다. 아직 저도 깊게 들여다보진 않았지만, 정말 편하다고 생각하여 자주 사용하고 있습니다. 아직 공부를 시작한지 얼마 되지 않아 모르는 것이 정말 많아 프로젝트를 진행하며 공부를 해야 할 것 같습니다. 리액트를 하다가 페이지를 넘겼을 때 애니메이션을 보여주고 싶었습니다. Fade in / Fade out 이 아닌 Slide 식으로 보여주고 싶었습니다. 이 방법을 적용하기 위하여 정말 많은 시도를 하였습니다. 먼저 react-transition-group 에 대하여 공부를 하였습니다. npm install --save react-transition-group 먼저, react-transition-group 를 설치합니다. ..