20190711 - 클라이언트 프로토타이핑, socket.io의 전체적 연결

socket.io 적용을 위해서,

서버와 데이터베이스, 그리고 클라이언트와 서버의 연동을 생각해보았다.

클라이언트

클라이언트의 프로토타이핑을 빠르고 강력하게 하기 위해서 어떤 툴과 서비스들이 있는지 찾아보았다.

1) react studio - tool이 무료, 생성한 컴포넌트의 코드 추출 가능, 하지만 최신 기기들에 대한 최적화 미흡
2) supernova studio - tool은 유료, sketch 파일을 불러와서 컴포넌트로 변환 가능, 코드 추출 가능

socket.io

내일 작업할 예상 flow
1) 클라이언트에서 socket.emit
2) 서버에서 socket.on으로 받아서, callback으로 데이터베이스에 정보 요청하고,
3) 데이터베이스로부터 응답받은 정보를 클라이언트로 socket.emit에 담아 돌려준다.

sequelize

sequelize를 이용하여 데이터베이스 스키마를 구축하였다.
1) npm i -g sequelize-cli
2) cli에서 각 테이블의 모델(컬럼명, 데이터 타입)을 지정하여 할당
3) sequelize db:migrate 를 실행하여 migration 시킨다 (데이터베이스 폴더 및 파일 생성 자동으로 발생)
4) 만약 seed를 뿌려서 시험해보고 싶을 땐, seed를 만든 뒤에 sequelize db:seed:all