프로젝트

위지윅(WYSIWYG)이란? 위지위그(WYSIWYG: What You See Is What You Get, "보는 대로 얻는다")는 문서 편집 과정에서 화면에 포맷된 낱말, 문장이 출력물과 동일하게 나오는 방식을 말한다. 쉽게 말해서 우리가 티스토리에서 글쓰기를 눌렀을 때 나오는 에디터가 WYSIWYG 에디터이다. HTML 태그에서 bold, italic 등을 적용할 수 있고, 적용되자마자 보인다고 생각하면 편하다. 위지윅 에디터를 이용하기에 앞서 처음 개발 프로젝트에서 위지윅 에디터가 필요해서 직접 구현하려고 했다. 보통 웹에서 에디터를 개발할 때는 contentEditable과 document.execCommand()를 이용한다. document.execCommand("bold"); // 선택영역(텍..

MFC 토이 프로젝트 학교에서 계절학기 강의로 MFC 수업을 들으면서 C++ MFC 라이브러리와 MySQL을 이용해서 도서 관리 시스템을 개발했다. 처음에 MFC가 되게 복잡하다고 느껴져서 관두고 싶었다. 그런데 막상 하다보니까 나름 할만했다. 예전에 Java Swing으로 했던 프로젝트도 생각나고 그때보다 편한 점도 많이 느꼈다. 예를 들면 비주얼 스튜디오 상에서 뷰 화면을 통해 컨트롤들을 직접 조작하거나(물론 Java Swing WindowBuilder나 JavaFX SceneBuilder가 있지만 당시에 사용을 안했다), 리소스 파일을 추가하는게 간편했다. 그렇게 나름 MFC의 매력을 느끼면서 프로젝트를 끝마쳤다. 그렇게 시작된 프로젝트 프로젝트를 마치고 나니까 예전에 얼핏 생각했던 프로그램을 만들..

Snake 게임? 심심하기도 하고, 자바스크립트 감을 되살려 볼 겸 Snake 게임을 만들기로 했다. 밋밋한 캔버스에 만들고 싶지는 않아서 검색하다가 고전 게임스러운 UI를 발견해서 참고했다. ui.toast.com/weekly-pick/ko_20191216 모던 자바스크립트로 테트리스 만들기 오늘은 고전 게임인 테트리스로 게임 개발 여행을 해보려고 한다. 그래픽, 게임 루프 및 충돌 감지 등을 다루고, 마지막에는 점수와 난이도가 완벽하게 작동하는 게임을 갖게 될 것이다. ui.toast.com 구현 기능은 모두 직접 구현했고, 나름 게임 룰을 정했다. 패배 조건은 두 가지인데 벽에 닿거나, 뱀의 머리가 몸통에 닿으면 패배한다. 게임은 이런 식으로 동작한다. 중간에 기막힌 버그가 발생해서 캡처해놨다. 처..

프로젝트 명 : 전화번호부 프로그램 개발 기간 : 2017.05.16 ~ 06.14 소개 : 전화번호부를 관리할 수 있는 프로그램을 만들었습니다. 메뉴 선택을 통해 연락처 등록, 전체 보기, 삭제, 년/월/일로 검색, 이름 순/생일 순 정렬, 이름으로 검색 후 정보 변경, 데이터 불러오기, 데이터 저장하기, 종료 등의 기능을 수행 할 수 있습니다. 내용 : 기본적으로 데이터는 이름, 전화번호, 생일을 멤버로 갖는 구조체 배열에 저장했습니다. 그리고 구조체와 구조체 멤버들은 동적 메모리 할당을 통해서 메모리는 효율적으로 이용했습니다. 데이터를 등록할 때는 이름을 기준으로 삽입될 위치를 찾은 후, 나머지 자료를 이동시키는 방법으로 정렬과 동시에 등록시켰습니다. 데이터를 전체 보기할 때는 인덱스 0부터 저장 ..

프로젝트 명 : 가위바위보 게임 프로그램 개발 기간 : 2017.04.28 ~ 05.04 작품 소개 : 간단한 가위바위보 즐길 수 있는 게임을 만들었습니다. 플레이 기능으로는 1인용과 2인용이 있습니다. 1인용을 선택하게 되면 컴퓨터와 대결하게 되고, 2 인용을 선택하면 사용자 두 명이 게임을 플레이하게 됩니다. 방법은 키보드 방향키를 이용해 가위, 바위, 보 중에서 선택한 후 엔터를 누르면 잠시 후 상대방과 대결한 결과가 화면에 나타나게 됩니다. 내용 : 이 프로그램은 기본적으로 키보드 방향키와 엔터를 이용해 동작할 수 있도록 만들었습니다. 그 방법은 gotoxy() 함수를 만들어서 콘솔창에서 커서가 좌표에 따라 움직일 수 있도록 했고, 사용자가 커서의 위치를 알기 쉽도록 커서가 위치하는 자리에는 ‘▶..