vote_widget's People
vote_widget's Issues
react APP server-side rendering
렌더링이 느려서 렌더링하는 동안 들어오는 KeyEvent가 무시되는 현상이 발생하여 server-side rendering을 통해 개선을 시도한다. #16
투표 post API에 user table과 연계 기능 추가
User table 구성 방식 - 회원가입 방식과 IP 방식 장단 비교할 것
react APP 기본 기능 작성
투표 기능
투표 결과 기능
Query 작성
- 사용자들이 가장 좋아하는 영화 이름을 보여주는 쿼리 작성
: 이후 조건 추가 쿼리 작성 필요 - Movies table에 있는 모든 영화의 “영화 제목”, “좋아하는 사람 수" 를 보여주는 쿼리 작성
: 이후 정렬 추가 쿼리 작성 필요
클라이언트 인증 추가
host 확인과 키발급 방식을 이용한 클라이언트 인증 추가
react APP 영화 목록 filtering
영화명 검색 혹은 정렬 후 더보기 기능 추가
영화가 많아지면 많아질 수록 영화명 검색이 낫지 않을까...
투표 결과에서는 투표수 순으로 조회하면 좋을 것 같다
react app 시각화
득표율 %로 표현
Table 생성
Movie Table
id : pk
title : 영화명, varchar
director_name : 감독명, varchar
summary : 줄거리, text
premier : 개봉일, date
genre : 장르, varchar
country : 국가, varchar
vote_count : 투표수
영화가 너무 많아질 경우에 sorting, 조건부 쿼리를 제공하기 위한 필드들 추가
투표수가 많아질 경우 일일이 투표내역을 카운팅 하는데에 부하가 크므로 투표시에 투표수를 추가/수정
API endpoint 만들기
Express engine 이용 예정
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.