반응형 분류 전체보기40 Flutter - 가장 빠르고 아름다운 네이티브 앱 분류 UI 프레임워크 (GUI SDK) 크로스 플랫폼 프레임워크 안드로이드 iOS 구글 퓨시아 웹 플랫폼 mac OS 마이크로소프트 윈도우 리눅스 회사 구글 Google 출시 2017년 5월에 최초 릴리즈 Mobile World Congress 2018에서 최초 정식 베타 릴리즈 Google은 2018년 출시 이후 꾸준히 Flutter를 업데이트해 왔으며, 여기에는 macOS와 Linux로 안정적 지원을 확장한 2022년 Flutter 3 업데이트가 포함됨 주요 비교 제품군 (개발언어) Flutter (Dart, C/C++) React Native (Javascript) Xamarin (C#) 주요 개발 툴 (환경) Visual Studio code Android Studio 대표적인 Flutter 앱 .. 2023. 1. 23. 자바스크립트 오목 게임 개발 #7 이번 회차에서는 오목판 위에 실제 오목돌을 그리는 클램스 멤버함수 및 호출 부분을 구현해 보겠습니다. 오목판의 특정 위치를 마우스로 좌클릭하면 흑돌부터 순서대로 그려지도록 합니다. Omok 클래스 멤버함수 추가 (omok.js) 오목돌을 그리기 위한 Omok 클래스의 멤버함수를 구현합니다. 오목돌 그리는 방법 먼저 오목돌을 그리는 방법에 대해 정리한 후에 실제 코드를 작성합니다. 오목돌은 마우스 클릭 이벤트 발생시점에 해당 위치에 직접 그려주는 방법도 있지만, 여기에서는 아래와 같이 오목돌 착수정보를 관리하는 배열에 추가(push) 한 후에 착수정보배열을 기준으로 전체 오목돌을 다시 그려주는 방법으로 구현해 보겠습니다. 오목위치 구하기 canvas상의 마우스 클릭 위치 좌표를 오목판 사이즈(15*15 o.. 2023. 1. 22. 자바스크립트 오목 게임 개발 #6 이번 회차에서는 오목게임의 근간이 되는 오목클래스를 디자인하고 우선 오목판을 그려봅니다. 오목클래스는 개발이 완료될 때까지 단계적으로 구현해야 할 중요한 영역입니다. 객체지향의 핵심이 되는 클래스/객체 개념은 별도로 꼭 학습해 보시길 권장합니다. 오목클래스 정의 오목클래스는 오목게임의 중요한 로직을 담고 있는 핵심클래스가 됩니다. 단계적으로 진행하면서 계속 개발하고 보완해 나갈 예정입니다. 멤버변수 오목의 여러 속성들을 멤버변수로 정의합니다. 주요 상수 정의 게임환경변수 정의 오목판정보 배열 정의 //상수 정의 VACANT = ''; BLACK = 'black'; WHITE = 'white'; HUMAN = 'H'; COM = 'C'; Alphabet = ['A', 'B', 'C', 'D', 'E', '.. 2023. 1. 21. 자바스크립트 오목 게임 개발 #5 본격적으로 자바스크립트로 개발을 시작해 보겠습니다. 오목게임 흐름(Flow) 먼저 오목게임이 어떤 순서로 처리되는지 전체적인 Flow를 도식화해서 정리해 봅니다. 전체 게임 흐름 시작버튼 클릭 이벤트 처리 사람 착수 클릭 이벤트 처리 전체 게임 흐름 게임 설정 : 게임에 필요한 변수 선언 및 초기값 할당 등의 설정을 처리합니다. 이벤트 설정 : 게임에서 발생할 수 있는 이벤트를 생성하고 이벤트 발생 시 처리할 콜백함수 내용을 구현합니다. 이벤트 대기 : 이벤트 발생을 대기합니다. 이벤트 처리 : 발생한 이벤트에 대한 콜백함수의 내용을 처리합니다. 시작버튼 클릭 이벤트 오목객체 생성 : 오목게임을 시작하기 위해 오목클래스에 대한 객체를 생성하고 게임을 시작합니다. 컴퓨터 착수 처리 : 흑 선수가 컴퓨터인 .. 2023. 1. 20. 이전 1 ··· 6 7 8 9 10 다음 반응형
