REACTJS (1) 썸네일형 리스트형 Socket.io 다루기 - 실시간 투표앱, A to Z 프로젝트, 기대의 시작 "오늘 점심 뭐 먹지..?" 아마 직장을 다니는 분이라면 공감할텐데, 중요하진 않은것 같지만 모두가 매일같이 고민하고 또 고민하는 그 질문. 오늘 뭐먹지. 점심에만 하면 다행인데 하루에 최소 두번은 하는 고민이지 싶다. 그래서 조금이나마 이런 고민을 덜어주고 오히려 이런 고민을 단순하지만 재밌게 게임처럼 메뉴를 골라볼 수 있도록 런치고고를 만들었다. 서버와 클라이언트 모두 자바스크립트 기반의 node.js 와 리액트를 사용했다. 전체적인 플로우는 다음과 같다. 메인페이지에서 새로운 룸이 생성되면 사용자의 위치를 확인한다. 동의시 사용자의 현재 위치를 기준으로 투표결과에 따라 가까운 거리순으로 식당 목록을 알려준다. => 만약 미동의시, 사용자가 직접 입력할 수 있도록 주소 검색 컴.. 이전 1 다음
