devlog socket.io, svelte 및 node를 사용하여 멀티플레이어 영화 퀴즈/퀴즈 게임을 만들어 봅시다. 데블로그 #10 지금까지는 개발할 때 작업을 쉽게 하기 위해 일부 Svelte if(예, 다른 것을 사용할 수 있지만 지금은 중요하지 않음)를 실행하여 표시할 구성 요소를 결정했습니다. 렌더링할 구성 요소를 동적으로 선택하는 데 사용할 수 있는 <svelte:component>에 대해 알고 있으므로 다음과 같이 했습니다. showComponent 및 props는 일반 변수일 뿐입니다. $activeCompo... webdevmistakesdevlogsvelte socket.io, svelte 및 node를 사용하여 멀티플레이어 영화 퀴즈/퀴즈 게임을 만들어 봅시다. 데블로그 #1 내가 시작한 유일한 것은 인터페이스가 작동하는 방식에 대한 몇 가지 실험을 하는 것이었습니다. 아이디어는 themoviedb 또는 이와 유사한 API에서 데이터를 가져오고 다음과 같은 질문을 기반으로 하는 것입니다. 순위 질문을 할 수 있는 가장 오래된 또는 유사한 데이터에서 출시된 연도의 이 3개 영화의 순위를 매깁니다. 배우 x가 출연하는 영화를 고르세요.. 또는 어떤 종류든 하나의 데이... nodesveltedevlogwebdev socket.io, svelte 및 node를 사용하여 멀티플레이어 영화 퀴즈/퀴즈 게임을 만들어 봅시다. 데브로그 #6 모바일용 시작 화면 따라서 이름과 아바타 시드를 입력해야 합니다. 이것은 로컬 저장소에 저장되므로 페이지를 다시 방문할 때 기억됩니다. 모바일용 로비 나중에 CSS 작업이 더 필요합니다. 지금은 충분합니다. 게임 시작을 위한 카운트다운이 있는 일반 로비 지금은 백엔드에 하드 코딩된 질문이 있습니다. 라운드 결과 라운드 결과를 보여줍니다. DNA는 응답하지 않았다는 의미이며, 플레이어는 시간이... socketiosveltedevlogwebdev socket.io, svelte 및 node를 사용하여 멀티플레이어 영화 퀴즈/퀴즈 게임을 만들어 봅시다. 데블로그 #7 이 양식을 작성하면 100시간을 절약할 수 있다고 하니 그래 해보자. 멀티플레이어 영화 상식/퀴즈 게임 문제가 무엇입니까? 해결책은 무엇입니까? 다른 대안은 무엇입니까? 지금은 시간을 너무 많이 아껴서 남은 저녁 시간을 Netflix에서 한국 드라마를 보면서 보낼 수 있어. 제 아들 중 하나가 코드가 못생겼다고 불평해서 제거했습니다 일부 중첩된 if's n put 일부 초기 반환 n 항목 대... socketiosveltedevlogwebdev socket.io, svelte 및 node를 사용하여 멀티플레이어 영화 퀴즈/퀴즈 게임을 만들어 봅시다. 데브로그 #8 UI뿐만 아니라 일부 UX의 경우 정말 나쁜 대부분의 게임은 전혀 좋지 않았습니다. 일부는 멋진 UI를 가지고 있었지만 저와 제가 만들고 있는 것에 정말 맞는 것은 없었습니다. 무언가를 짜맞추기 전에 UI에 대해 좀 더 생각해야 할 것입니다. Svelte 구성 요소는 완료되기 전에 훨씬 더 많은 작업이 필요하지만 작동합니다. 2개는 글로벌 채팅용이고 다른 하나는 게임 채팅용입니다. 서버에서 ... socketiosveltedevlogwebdev socket.io, svelte 및 node를 사용하여 멀티플레이어 영화 퀴즈/퀴즈 게임을 만들어 봅시다. 데블로그 #9 이 로그는 짧을거고, 피곤해서 일도 많이 안하고 한국 드라마도 보고... 그래도 어느정도 진척은 있습니다.. 설정 컴포넌트를 만들어서 연결해봤습니다. 이것이 지금의 모습입니다 코드는 간단합니다. 필요한 상점을 가져옵니다. 설정에 개체를 사용하고 다른 입력은 개체 속성에 바인딩됩니다. Create Game 버튼을 클릭하면 createGame() 함수가 실행됩니다. 이것은 이전과 동일한 기능이지... socketiosveltedevlogwebdev socket.io, svelte 및 node를 사용하여 멀티플레이어 영화 퀴즈/퀴즈 게임을 만들어 봅시다. 데블로그 #11 대부분 여기 저기 약간의 작은 변화와 개선이 있습니다. 테스트를 위해 어제 초기 알파 버전 을 넣었습니다... 완료되지 않은 많은 기능이 비활성화되어 있지만 여전히 게임을 플레이할 수 있습니다. 그리고 예, ofc는 제가 먼저 구현하는 것이므로 지금은 일반적인 퀴즈 게임일 뿐입니다. UI는 여전히 엉터리 생각이며 현재로서는 더 이상 진행되지 않습니다. 현재 퀴즈 게임에 몇 가지 새로운 기능을... socketiosveltedevlogwebdev socket.io, svelte 및 node를 사용하여 멀티플레이어 영화 퀴즈/퀴즈 게임을 만들어 봅시다. 데블로그 #12 지난 시간에 "뒤로 버튼"의 구현에 대해 이야기했으므로 항상 게임에서 빠져나와 처음으로 돌아갈 수 있습니다. 서버 측 코드는 여전히 동일하며 if 문만 추가되었으므로 현재 게임에 있지 않은 경우 코드를 실행할 필요가 없으므로 설정에서 돌아가기로 선택하면 플레이어로 검사를 수행할 필요가 없습니다. 게임에있을 수 없습니다. Svelte 구성 요소는 단순히 답장을 말하는 버튼으로, 나중에 아이콘이... socketiosveltedevlogwebdev socket.io, svelte 및 node를 사용하여 멀티플레이어 영화 퀴즈/퀴즈 게임을 만들어 봅시다. 데블로그 #5 이제 게임 시작부터 끝까지 게임 루프 논리에 대한 첫 번째 작업 프로토타입이 있습니다. 클래스에 넣은 이유는 게임 인스턴스에 연결되어야 하고 이벤트 처리 코드의 다른 위치에서 시작하고 지울 수 있어야 하기 때문입니다. 그것은 io와 함수를 취하는데, 그것이 취하는 함수는 시간이 다 되었거나 모든 플레이어가 답을 제출했을 때 실행해야 하는 함수입니다. Ofc는 모든 플레이어가 응답하기 전에 시... devlogwebdevsocketiojavascript 🔎 Algolia 검색을 NextJS 및 마크다운 파일과 어떻게 통합했습니까? 처음부터 코드 샘플을 게시하고 다른 프레임워크를 통합하는 방법이나 SimpleLocalize CLI를 사용하여 번역 파일을 업로드하고 다운로드하는 방법을 사람들에게 설명할 수 있는 장소가 필요했습니다. 에서 Algolia 검색이 작동하는 것을 볼 수 있습니다. 새로운 것을 시작할 때 모든 단계에서 처음부터 시작하고 싶지 않기 때문에 좋은 조치였습니다. 시간을 절약하기 위해 구매할 수 있는(또... devlognextjs 쿠베르네트스--모든 게 쿠베르토르 가장 먼저 해야 할 일-우리가'kubectl'을 어떻게 발음하는가: (내가 지금 들은 바에 의하면 현재는 (정식적으로)'Kube Control'이라고 불린다. 노드 나열 kubectl Descripte는 기본적으로 다음 형식의 모든 자원을 사용할 수 있습니다 서비스 받기 Get은 모든 대화가 가능한 배포된 서비스입니다. 이름 공간 대부분의 명령은 - n 또는 - A (모든 이름 공간에 적용)... kubernetedevlog Kubernetes - 첫 번째 배포 다음과 같이 배포를 사용하여 새 포드를 시작합니다. 이렇게 하면 배포, 복제 세트 및 마지막으로 포드/포드의 3가지 리소스가 생성됩니다. 배포는 하나 이상의 복제본 세트로 구성되고 복제본 세트는 포드로 구성됩니다. 배포를 통해 확장, 롤링 업데이트 및 롤백이 가능합니다. 복제 세트는 동일한 수의 동일한 포드가 실행되고 있는지 확인하고 확장도 허용합니다. 배포는 복제본 세트를 "관리"하므로 배... devlogkubernetes Kubernetes - 컨테이너 예약 오류 발생 시 복구를 처리하는 방법에 따라 2가지 유형의 원샷 컨테이너가 있습니다. 이 두 가지 접근 방식은 "--restart"라는 CLI 수정자에서 구분됩니다. 이 수정자의 값을 "OnFailure"로 지정하면 kubectl run에 의해 생성된 리소스가 깨끗한 방식으로 종료되지 않는 경우 다시 시작됩니다(종료 반환 코드를 사용하여 확인). 이 수정자의 값이 "Never"이면 리소스/포드... devlogkubernetes
socket.io, svelte 및 node를 사용하여 멀티플레이어 영화 퀴즈/퀴즈 게임을 만들어 봅시다. 데블로그 #10 지금까지는 개발할 때 작업을 쉽게 하기 위해 일부 Svelte if(예, 다른 것을 사용할 수 있지만 지금은 중요하지 않음)를 실행하여 표시할 구성 요소를 결정했습니다. 렌더링할 구성 요소를 동적으로 선택하는 데 사용할 수 있는 <svelte:component>에 대해 알고 있으므로 다음과 같이 했습니다. showComponent 및 props는 일반 변수일 뿐입니다. $activeCompo... webdevmistakesdevlogsvelte socket.io, svelte 및 node를 사용하여 멀티플레이어 영화 퀴즈/퀴즈 게임을 만들어 봅시다. 데블로그 #1 내가 시작한 유일한 것은 인터페이스가 작동하는 방식에 대한 몇 가지 실험을 하는 것이었습니다. 아이디어는 themoviedb 또는 이와 유사한 API에서 데이터를 가져오고 다음과 같은 질문을 기반으로 하는 것입니다. 순위 질문을 할 수 있는 가장 오래된 또는 유사한 데이터에서 출시된 연도의 이 3개 영화의 순위를 매깁니다. 배우 x가 출연하는 영화를 고르세요.. 또는 어떤 종류든 하나의 데이... nodesveltedevlogwebdev socket.io, svelte 및 node를 사용하여 멀티플레이어 영화 퀴즈/퀴즈 게임을 만들어 봅시다. 데브로그 #6 모바일용 시작 화면 따라서 이름과 아바타 시드를 입력해야 합니다. 이것은 로컬 저장소에 저장되므로 페이지를 다시 방문할 때 기억됩니다. 모바일용 로비 나중에 CSS 작업이 더 필요합니다. 지금은 충분합니다. 게임 시작을 위한 카운트다운이 있는 일반 로비 지금은 백엔드에 하드 코딩된 질문이 있습니다. 라운드 결과 라운드 결과를 보여줍니다. DNA는 응답하지 않았다는 의미이며, 플레이어는 시간이... socketiosveltedevlogwebdev socket.io, svelte 및 node를 사용하여 멀티플레이어 영화 퀴즈/퀴즈 게임을 만들어 봅시다. 데블로그 #7 이 양식을 작성하면 100시간을 절약할 수 있다고 하니 그래 해보자. 멀티플레이어 영화 상식/퀴즈 게임 문제가 무엇입니까? 해결책은 무엇입니까? 다른 대안은 무엇입니까? 지금은 시간을 너무 많이 아껴서 남은 저녁 시간을 Netflix에서 한국 드라마를 보면서 보낼 수 있어. 제 아들 중 하나가 코드가 못생겼다고 불평해서 제거했습니다 일부 중첩된 if's n put 일부 초기 반환 n 항목 대... socketiosveltedevlogwebdev socket.io, svelte 및 node를 사용하여 멀티플레이어 영화 퀴즈/퀴즈 게임을 만들어 봅시다. 데브로그 #8 UI뿐만 아니라 일부 UX의 경우 정말 나쁜 대부분의 게임은 전혀 좋지 않았습니다. 일부는 멋진 UI를 가지고 있었지만 저와 제가 만들고 있는 것에 정말 맞는 것은 없었습니다. 무언가를 짜맞추기 전에 UI에 대해 좀 더 생각해야 할 것입니다. Svelte 구성 요소는 완료되기 전에 훨씬 더 많은 작업이 필요하지만 작동합니다. 2개는 글로벌 채팅용이고 다른 하나는 게임 채팅용입니다. 서버에서 ... socketiosveltedevlogwebdev socket.io, svelte 및 node를 사용하여 멀티플레이어 영화 퀴즈/퀴즈 게임을 만들어 봅시다. 데블로그 #9 이 로그는 짧을거고, 피곤해서 일도 많이 안하고 한국 드라마도 보고... 그래도 어느정도 진척은 있습니다.. 설정 컴포넌트를 만들어서 연결해봤습니다. 이것이 지금의 모습입니다 코드는 간단합니다. 필요한 상점을 가져옵니다. 설정에 개체를 사용하고 다른 입력은 개체 속성에 바인딩됩니다. Create Game 버튼을 클릭하면 createGame() 함수가 실행됩니다. 이것은 이전과 동일한 기능이지... socketiosveltedevlogwebdev socket.io, svelte 및 node를 사용하여 멀티플레이어 영화 퀴즈/퀴즈 게임을 만들어 봅시다. 데블로그 #11 대부분 여기 저기 약간의 작은 변화와 개선이 있습니다. 테스트를 위해 어제 초기 알파 버전 을 넣었습니다... 완료되지 않은 많은 기능이 비활성화되어 있지만 여전히 게임을 플레이할 수 있습니다. 그리고 예, ofc는 제가 먼저 구현하는 것이므로 지금은 일반적인 퀴즈 게임일 뿐입니다. UI는 여전히 엉터리 생각이며 현재로서는 더 이상 진행되지 않습니다. 현재 퀴즈 게임에 몇 가지 새로운 기능을... socketiosveltedevlogwebdev socket.io, svelte 및 node를 사용하여 멀티플레이어 영화 퀴즈/퀴즈 게임을 만들어 봅시다. 데블로그 #12 지난 시간에 "뒤로 버튼"의 구현에 대해 이야기했으므로 항상 게임에서 빠져나와 처음으로 돌아갈 수 있습니다. 서버 측 코드는 여전히 동일하며 if 문만 추가되었으므로 현재 게임에 있지 않은 경우 코드를 실행할 필요가 없으므로 설정에서 돌아가기로 선택하면 플레이어로 검사를 수행할 필요가 없습니다. 게임에있을 수 없습니다. Svelte 구성 요소는 단순히 답장을 말하는 버튼으로, 나중에 아이콘이... socketiosveltedevlogwebdev socket.io, svelte 및 node를 사용하여 멀티플레이어 영화 퀴즈/퀴즈 게임을 만들어 봅시다. 데블로그 #5 이제 게임 시작부터 끝까지 게임 루프 논리에 대한 첫 번째 작업 프로토타입이 있습니다. 클래스에 넣은 이유는 게임 인스턴스에 연결되어야 하고 이벤트 처리 코드의 다른 위치에서 시작하고 지울 수 있어야 하기 때문입니다. 그것은 io와 함수를 취하는데, 그것이 취하는 함수는 시간이 다 되었거나 모든 플레이어가 답을 제출했을 때 실행해야 하는 함수입니다. Ofc는 모든 플레이어가 응답하기 전에 시... devlogwebdevsocketiojavascript 🔎 Algolia 검색을 NextJS 및 마크다운 파일과 어떻게 통합했습니까? 처음부터 코드 샘플을 게시하고 다른 프레임워크를 통합하는 방법이나 SimpleLocalize CLI를 사용하여 번역 파일을 업로드하고 다운로드하는 방법을 사람들에게 설명할 수 있는 장소가 필요했습니다. 에서 Algolia 검색이 작동하는 것을 볼 수 있습니다. 새로운 것을 시작할 때 모든 단계에서 처음부터 시작하고 싶지 않기 때문에 좋은 조치였습니다. 시간을 절약하기 위해 구매할 수 있는(또... devlognextjs 쿠베르네트스--모든 게 쿠베르토르 가장 먼저 해야 할 일-우리가'kubectl'을 어떻게 발음하는가: (내가 지금 들은 바에 의하면 현재는 (정식적으로)'Kube Control'이라고 불린다. 노드 나열 kubectl Descripte는 기본적으로 다음 형식의 모든 자원을 사용할 수 있습니다 서비스 받기 Get은 모든 대화가 가능한 배포된 서비스입니다. 이름 공간 대부분의 명령은 - n 또는 - A (모든 이름 공간에 적용)... kubernetedevlog Kubernetes - 첫 번째 배포 다음과 같이 배포를 사용하여 새 포드를 시작합니다. 이렇게 하면 배포, 복제 세트 및 마지막으로 포드/포드의 3가지 리소스가 생성됩니다. 배포는 하나 이상의 복제본 세트로 구성되고 복제본 세트는 포드로 구성됩니다. 배포를 통해 확장, 롤링 업데이트 및 롤백이 가능합니다. 복제 세트는 동일한 수의 동일한 포드가 실행되고 있는지 확인하고 확장도 허용합니다. 배포는 복제본 세트를 "관리"하므로 배... devlogkubernetes Kubernetes - 컨테이너 예약 오류 발생 시 복구를 처리하는 방법에 따라 2가지 유형의 원샷 컨테이너가 있습니다. 이 두 가지 접근 방식은 "--restart"라는 CLI 수정자에서 구분됩니다. 이 수정자의 값을 "OnFailure"로 지정하면 kubectl run에 의해 생성된 리소스가 깨끗한 방식으로 종료되지 않는 경우 다시 시작됩니다(종료 반환 코드를 사용하여 확인). 이 수정자의 값이 "Never"이면 리소스/포드... devlogkubernetes