사용된 기술 : html, css, js(jquery), node.js, socket.io, express, heroku, react-native(웹뷰로 앱도 만들었는데 사실 의미없음)

링크

• 안드로이드 apk다운로드
• ios 다운로드(아직 빌드 안함)
• 웹 링크

2020 08 15

• 유튜브 보다가 삘꽂혀서 닌텐도 스위치 타이틀 [세계 놀이 대전 51]의 Yacth를 웹으로 으로 만들기로 함.
• 15일 오늘 기준 node.js 기초만 다진 상태
• 온라인 멀티플레이를 구현하려면 서버와 통신 할 방법이 필요함. 뭐 써야하는지 모름.
• 구글링 후 소켓통신을 사용하기로 함.
• 채팅 예제로 socket.io 공부
• 게임 전반적인 기획
• 데드라인을 넉넉히 10일로 잡음.

2020 08 16

• 싱글페이지로 만드는게 편하겠다고 판단함.
• 채팅기능을 우선적으로 구현하고 socket의 room을 지정해 채팅방끼리만 통신하도록 구현
• 게임 진행을 위한 여러 예외처리나 선공 후공 결정, 중간에 플레이어가 나갈 경우, 방이 다 찼을 경우 , 인원수 전체 업데이트 등등등등등 다 기억안남.
• 해야할게 너무 많다.
• 주사위를 굴릴 area결정.
• grid형태로 화면 구성.

크롬 확장 프로그램에 갑자기 꽂혀서 방학 때 낭비되는 시간도 아깝고 공부도 할겸 시작했다.
웹과 자바스크립트에 대해 무지한 상태에서 시작한 터라 시행착오를 많이 겪었다.

2019년 12월 23일 노베이스 개발 시작

---

• 크롬 익스텐션으로 주제 설정.

• 구글링해가며 구동방식 이해.

• 개발할 기능 구상.

• 유튜브 동영상 시청 시, 시청중인 위치를 영상 제목과 함께 북마크해 모아주는 기능 구상.(onetab에서 아이디어 얻음)

• 현재 시청중인 분, 초를 가져올 방법을 생각해야 함.

• html body태그에서 모든 단어들을 가져오기 => 띄어쓰기로 스플릿 해서 구분 => 줄바꿈으로 스플릿해서 분, 초 가 담긴 인덱스로 화면에 출력까지 성공.(아마 더 쉽게하는 방법이 있을 것)

  문제점

  1. html로 현재 재생중인 부분을 가져오다 보니 영상 시청 중 아래 타임라인이 사라지면 사라지기 직전의 시간을 가져온다는 점.

  추가 할 기능

  1. 여러개의 북마크를 어떻게 보여줄지.
  2. 북마크된 링크로 넘어가는 방식은 어떻게 할지(링크누르기?, 버튼누르기?)