Express (2) 썸네일형 리스트형 Nodejs + Express + Typescript 프로젝트 세팅 필요 선행 작업 $ npm i -g yarn $ npm i -g typescript *** 만약 git 이 설치되어 있지 않다면, 아래 명령어 실행 $ brew install git 프로젝트 생성 프로젝트를 시작할 폴더를 생성 후 해당 폴더 내에서 아래 명령어 실행 $ yarn init -y $ tsc --init $ git init 라이브러리 추가 Express, nodemon, typescript 설치 $ yarn add express $ yarn add -D @types/express @types/node ts-node typescript nodemon tsconfig.json 설정 tsc --init 명령으로 파일이 생성되었을 것이다. 해당 config 에 typescript 컴파일 옵션을 추가한.. Socket.io 다루기 - 실시간 투표앱, A to Z 프로젝트, 기대의 시작 "오늘 점심 뭐 먹지..?" 아마 직장을 다니는 분이라면 공감할텐데, 중요하진 않은것 같지만 모두가 매일같이 고민하고 또 고민하는 그 질문. 오늘 뭐먹지. 점심에만 하면 다행인데 하루에 최소 두번은 하는 고민이지 싶다. 그래서 조금이나마 이런 고민을 덜어주고 오히려 이런 고민을 단순하지만 재밌게 게임처럼 메뉴를 골라볼 수 있도록 런치고고를 만들었다. 서버와 클라이언트 모두 자바스크립트 기반의 node.js 와 리액트를 사용했다. 전체적인 플로우는 다음과 같다. 메인페이지에서 새로운 룸이 생성되면 사용자의 위치를 확인한다. 동의시 사용자의 현재 위치를 기준으로 투표결과에 따라 가까운 거리순으로 식당 목록을 알려준다. => 만약 미동의시, 사용자가 직접 입력할 수 있도록 주소 검색 컴.. 이전 1 다음
