Rails와 React로 SNS 오리지널 애플리케이션을 만들어 보았다.

Rails 1개월 → Python 경력 9개월 → React와 Rails 3개월처럼 웹의 세계로 돌아왔습니다.

JS만으로 네이티브 앱, 웹 앱, 데스크톱 앱을 만들 수 있는 것을 알고 반해 공부하고 있습니다만, 아웃풋이 없었기 때문에 MiLMiL라는 오리지널 앱을 만들어 보았습니다.

어쨌든 SPA 같은 것을 만들고 싶었습니다 ...

기간은 대략 1개월 정도입니다. 전혀 밸리데이션이라든지 View라든지 만들어 넣을 수 없기 때문에 (별로 만들 생각은 없다) 배포라든지는 하지 않습니다.

Top

톱 페이지는 이런 느낌.

홈

이런 식으로 마우스 오버하면 사용자 정보를 볼 수 있습니다.

게시 페이지

Fabric.js 를 사용하면 Canvas 내에서 자유롭게 움직일 수 있기 때문에 채용했습니다.

이것을 스크린 샷하려고하면 crossorigin 문제가 발생하여 솔루션을 찾고 있습니다. 홈 화면의 캔버스가 새하얀 것은 이것이 이유입니다.

내 페이지

이런 느낌으로 좋다나 이마이치를 붙여준 사람을 남녀별로 그래프로 내거나 연대별로 그래프를 내줍니다.

MiLMiL은 무엇을 할 수 있는가?

자세하게 설명하면...

앱 내에서 자유롭게 코디를 만들 수 있으며, 그것을 모두에게 알리고 평가받는 느낌입니다.

조건으로 심플하게 해 보았습니다만, 심플 너무 외로운 느낌이 되어 버렸습니다.

환경

백엔드 ... Ruby on Rails
프런트 엔드 ... React (Redux 없음)
디자인 ... CSS, MaterialUI
데이터베이스 ... MySQL

백엔드의 언어는 뭐든지 좋았습니다만, 조금 사용해 본 적이 있는 Rails를 채용했습니다. 어쨌든 React를 사용하여 단일 페이지 응용 프로그램을 개발하고 싶었기 때문에.

실제 싱글 페이지 어플리케이션 같은 것을 만든 소감은, React에 익숙하지 않은 것도 있다고 생각합니다만 굉장히 힘들었습니다. Rails + jQuery만으로 완결되는 앱이 신속하게 만들 수 있습니다.

일정

1월~2월 React,Javascript 공부
3월 실장! !

우선 실장! ! 라는 느낌으로 진행하고 있어 설계라든지 아무것도 생각하지 않았습니다 w

JS를 아무것도 몰랐는데 React에서 들어간 것은 실패였을까 느끼고 있습니다.

React만으로 개발한다면 컴포넌트의 설계는 빠뜨릴 수 없다고 느꼈습니다. 나중에 수정할 때 매우 힘들다. 이럴 때 Redux의 차례!!

오리지널 앱을 개발하는 동안 느낀 것

이 응용 프로그램 미묘하지! ?

만들고 있다면 이것은 무엇을 위해 만들고 있는 거야!? 라는 지루한 감각이 나옵니다. 먼저 이 앱은 어떤 문제를 해결할 것인가를 명확히 하는 것이 지속하기 쉽다고 생각합니다. (연습이라면 괜찮습니다!)

디자인 감각이 치명적

스케치로 목업을 만들어 보았습니다만, 그 시점에서 괴멸적이었습니다. 비 디자이너이지만 Bootstrap을 사용하지 않는 것은 치명적입니다.
デザイナーは偉大です！！