이번주도 봄이 왔으나 집에서 방콕을 하면서, 프리셀 게임을 만들어 보기로 했다.

Source cdoe 위치:  https://github.com/chobocho/freecell

실행파일:

어떻게 만들었나

1. Class 다이어그램

2. GUI 설계

3. 실행 화면

IntelliJ에 포함된 OpenJDK의 위치는 아래와 같습니다.

어떻게 만들었나?

1. UML 그리기

Solitaire 게임의 핵심 부분의 UML을 그려보면 아래와 같습니다.

2. Testcase 설계

구현을 시작하기 전에, 구현을 위한 Testcase를 작성합니다.

Testcase 작성시, 명료성을 위하여 아래와 같이 각각의 카드 덱에 번호를 붙입니다.

그리고 아래와 같이 위 이미지를 기준으로 Testcase를 작성합니다.

Testcase 작성에 시간이 걸리기는 하지만, 미리 작성해 두면, 디버깅 및 테스트 시간을 아낄 수 있고,

버전 발행시 기본적인 기능 오류를 발견하지 못하는 일을 방지 할 수 있습니다.

3. 코드 구현

1) Card class

https://github.com/chobocho/solitaire/blob/master/src/com/chobocho/card/Card.java

2) Deck class

https://github.com/chobocho/solitaire/tree/master/src/com/chobocho/deck

• 이 글은 개인 경험에 편향 된 지극히 주간 적인 글입니다 ^^;;

1.기초

1.1 영어

• Stack overflow 는 읽고 이해 할 수 있어 함
• RFC 문서를 읽고 해석 할 수 있어야 함

1.2 SCM

• Git 사용법
• Github 사용법

1.3 자료구조

• 스택
• 큐
• 링크드 리스트
• Tree
• Graph
• Tries
• Hash

1.4 기초 알고리즘

1.4.1 Big(O)

1.4.2 기초 정렬 알고리즘

• Bubble sort
• Shell sort
• Insertion sort
• Bucket sort
• Quick sort
• Merge sort
• Radix sort
• 위상정렬

1.4.3 탐색

• 이진 탐색

1.5 기본 알고리즘

• BFS
• DFB
• 탐욕 알고리즘

1.6 언어

• C
• C++
• Java
• Python
• Kotlin
• Go

1.7 OS 기초

• Process
• Thread
• 프로세스와 쓰레드의 차이
• 인터럽트
• File system
• Linux 기초

1.8 네트워크 기초

• DNS
• TCP/IP
• UDP
• 웹 브라우저를 열고 주소창에 www.google.com을 입력하고 화면이 뜰 때 까지 일어나는 일을 설명하기

1.9 DB 기초

2. 읽어 두면 좋은 책

2.1 공통

• 조엘 온 소프트웨어
• 피플웨어
• Clean code
• Clean coder
• Clean software
• Clean architecture
• Refactoring 2/e
• CODE
• Code complete 2
• 소프트웨어 장인
• 헤커의 기쁨 2/e
• 해커와 화가
• Head First Design Pattern
• GoF의 디자인 패턴

2.2 자바

• Effective java 3/e

주말의 무료함을 달래고자, 파이썬으로 간단히 Timer 앱을 만들어 보았습니다.

https://github.com/chobocho/timer

먼저 아래아 같이 간단히 User case diagram을 대충 그려 봅니다.

그리고 star uml을 사용해서 대충 class diagram을 그립니다.

그리고 star uml의 code generator 기능을 이용해 skeleton code를 생성 합니다.

실행파일:

Android 제비뽑기 앱 만들기 (II)

간만에 마음에 여유가 생겨, 앱을 약간 수정하였습니다. ^^

  
기초 설계
 
앱의 동작을 위하여 내부적으로 IDLE, SELECTING, SELECTED 3개의 State를 가지는 State machie 을 구상하였다.
State의 변화는 아래와 같다. (편의 상 시간의 변화를 tick이란 단어로 표시했다.)

Minim은 간단한 메모 관리 앱니다.

어떻게 만들었나: https://chobocho.tistory.com/2461418

소개 https://chobocho.tistory.com/2461396
실행하기 http://www.chobocho.com/javascript/painter.html
전체 소스코드 https://github.com/chobocho/painter

9.1 Undo/Redo 기능 구현

Undo/Redo 기능을 구현하기 위해서는 모든 사용자의 동작을 저장해야 합니다

그럼 사용자의 동작을 저장하기 위해서, 선을 그리거나, 원을 그리는 동작을

아래와 같이 커맨드로 정의 해야 합니다.

그리고 그 커맨드를 stack에 저장합니다.

소개 https://chobocho.tistory.com/2461396
실행하기 http://www.chobocho.com/javascript/painter.html
전체 소스코드 https://github.com/chobocho/painter

8.1 저장하기

painter.html에 save를 위한 버튼을 추가 합니다.

<div>
  <a id="saveImage" download="image.png">
      <INPUT type="button" value="Save" onClick="saveImage()" />
  </a>
</div>

그리고, painter.js에 saveImage()함수를 추가합니다.

function saveImage() {
  console.log("saveImage()");
  var imageName = document.getElementById("title").value;
  console.log(imageName.lenght);
  if (imageName.length == 0) {
    imageName = "image";
  }
  imageName += ".png";
  var savedImage = document.getElementById("saveImage");
  var image = document
    .getElementById("canvas")
    .toDataURL("image/png")
    .replace("image/png", "image/octet-stream");
  savedImage.setAttribute("download", imageName);
  savedImage.setAttribute("href", image);
}

여기 까지 소스코드는 아래 링크를 참고 하시면 됩니다.

https://github.com/chobocho/painter/commit/dceabd6f3ace4d39e21260d593dc55a2d15e47df