React Rails
[React+Rails] 모델의 Index 페이지를 React로 만들어보자
기존에 Partial을 사용하여 Rails에서 모델의 Index의 list_item을 만들 때에는, 123 Colored by Color Scriptercs 이렇게 사용을 하던 부분을, React로 바꾸고자 합니다. 여기서 고민이 생기는데, 해당 세줄을 통으로 1cs 이렇게 바꿀 것인가.. 123 Colored by Color Scriptercs 이렇게 바꿀 것인가.. 같은 Article 모델이지만 페이지가 뉴스, 주요뉴스, 해외뉴스 등 나뉘어져 있기 때문에, 재사용성을 고려하면 통으로 Article 리스트를 React component로 만드는 것보다, 리스트 아이템 한개씩 Component로 만드는 것이 나을 듯 합니다. 혹여나 해서 이리저리 구글링을 해보니, 컴포넌트 여러개를 사용하는 것에 대한 메..
[React+Rails] 타이핑 효과나는 텍스트 제작하기
현재 프로젝트에 속보를 알려주는 타이핑 효과가 나는 텍스트를 리액트 컴포넌트로 바꿔보려 합니다. 구글링을 해보니, 리액트 타이핑 효과를 내는 모듈이 많습니다. 그 중 react-typist 라는 패키지를 사용해보겠습니다. (Typist로만 감싸주면 애니메이션 효과가 나타나는 것이 간단해보여서 선택해봅니다) 1npm install react-typist --savecs npm을 통해 설치합니다. 1234567891011121314151617 속보 100 %> Colored by Color Scriptercs Rails view에서 직접 쿼리를 날려 받아와 작성 된 코드입니다. (지저분..) 해당 코드 외에도 typed.js를 초기화하는 자바스크립트가 존재합니다. 전부 삭제! 하고 1cs 컴포넌트 호출 단을..