웹퍼즐 프로젝트

jigsawexplorer 는 퍼즐을 여러 명이서도 즐길 수 있고, 개인이 이미지를 올려 퍼즐을 직접 생성할 수도 있는 웹이다. 이 사이트에서 영감을 얻어 웹퍼즐 프로젝트를 시작했다.Keywords: 건강 화목 재미 😍역할과 책임주차별 서기지정그 주의 wiki 취합p

참고견고한 node js 프로젝트 설계하기리액트 환경에서 프론트 개발을 했다. 각 디렉토리 안에서 다시 페이지 별로 디렉토리를 나눈 후 파일을 생성했다. styled-component를 사용했다.

같은 이미지, 난이도의 퍼즐 플레이 페이지라도 고유한 페이지, 일종의 방사용자가 움직이는 퍼즐의 실시간 위치 정보\->서버와의 실시간 상호작용을 지원하는 기술이 필요하다WebSocket과 Socket.io웹소켓과 socket.ioWebSocket과 Socket.IOwe

퍼즐 개요 페이지의 사진이 다 로드됐고, 이 방의 첫 번째 유저인지 boolean값이 명확해졌다면, PuzzleCanvas 컴포넌트를 화면에 출력한다. 전역변수로 puzzleConfig를 관리한다. 첫 번째 유저라면 퍼즐조각의 random한 shape을 생성해서 다른

nodejs 파일 업로드 - multer 모듈 사용JavaScript) Fetch API와 FormData퍼즐의 제목, 난이도, 이미지 파일 정보를 서버에 전송해야 한다.텍스트 정보는 http message에 담으면 되지만, 파일은 어떻게 전송해야 할까?<inpu

하옹의 프론트앤드 이야기 - Infinite Scroll(무한 스크롤)Throttle과 Debounce에 대한 설명둘 모두 연이어 발생하는 이벤트에 의해 무의미한 리소스 낭비가 일어나지 않게끔 방지하는 기법이다.throttle: 이벤트에 의한 콜백을 일정시간 뒤에 호출

(무한스크롤) generator 함수로 구현하기\[js] 자바스크립트, Generator 함수에 대하여infinite Scroll과 Skeleton Loading 만들기\[React] Infinite Scroll과 Skeleton Loading 만들기js 웹페이지 카카