전체 글 (29) 썸네일형 리스트형 SDI(Single Document Inteface)패턴을 활용한 영상처리 MFC프로그램 개발 튜토리얼 (4) - 클래스 구조 정의 UI의 계획서인 Mock을 작성했으니,이번에는 Class의 계획서인 UML을 그려보겠습니다.이번 프로그램은 구조가 그렇게 복잡하지는 않습니다.뼈대가 되는 MainFrame이 존재하고, View , Document(Logic) 3가지로 나누어서 그려봤습니다. 아래부터 설명해보자면1. Logic (Document)우리의 프로그램은 Image라는 데이터를 다루게 됩니다.따라서, Document에서 이러한 Image의 데이터를 가지고 원하는 동작을 수행해야 합니다.Logic의 코드를 다룰 때에는 View와 관련된 사항들은 신경쓰지 않고 진행 할 수 있어야 합니다.Image는 .bmp, jpg등의 File에서부터 읽어와서 Memory의 포인터에 저장 할 예정입니다.MemoryTool에서 이렇게 저장하기 위한 포인.. SDI(Single Document Inteface)패턴을 활용한 영상처리 MFC프로그램 개발 튜토리얼 (3) - MockUp 그리기 지난 포스트에서 MockUp Tool에 대해서 소개 한 적이 있다.Java and Python 파워포인트에서 사용하는 간편한 목업(와이어프레임)툴 PowerMockUp파워포인트에 결합되어 간편하게 사용 가능 한 와이어프레임 툴 PowerMockup을 소개한다. 다운받는 사이트는 아래의 링크를 찾아가면 된다. PowerPoint Wireframe and Prototyping Tool | PowerMockup PowerPoint Wirefrahihaoun.tistory.com 이 툴을 사용해서 이번 프로젝트에서 개발 할 프로그램의 Mock을 그려봅니다.파워포인트에 Plugin으로 붙은 PowerMockup창에서 원하는 Shape을 검색해서 간단 한 Mock을 그려볼 수 있습니다. 이번 포스팅에서는 영상처리.. SDI(Single Document Inteface)패턴을 활용한 영상처리 MFC프로그램 개발 튜토리얼 (2) - SDI란?? 1강에서 문서/뷰 아키텍처를 이용해서 프로젝트를 생성했다.따라서 우리의 프로젝트 내부에는 App, MainFrame, View, Document 4개의 코드가 존재한다. SDI아키텍처의 가장 큰 목적은 Logic과 유저인터페이스의 분리이다.유저인터페이스(UI)는 View코드에만 작성하고, 이 View코드에 표시되는 Data는 Document코드에서 작성한다.예를들어서 메모장 프로그램을 생각해본다면 텍스트를 입력받고 삭제하고 수정하는 코드는 Document에서 소유하고이런 작업들이 이루어지는 과정을 사용자에게 보여주는 코드는 View에 작성하게 되는 것이다.메인프레임은 이를 위한 뼈대이고, App코드는 기본적인 초기화 과정과 SDI요소들을 이어서 문서템플릿으로 등록시켜주는 진입코드라고 보면 쉬울 것 같.. SDI(Single Document Inteface)패턴을 활용한 영상처리 MFC프로그램 개발 튜토리얼 (1) - 프로젝트생성 PC를 사용하는 대부분의 사람들은 Windows 운영체제를 사용한다.우리는 윈도우를 사용하면서 특정한 목적을 위해서 많은 프로그램을 활용하는데 이를 윈도우 애플리케이션 이라고 부른다.윈도우 프로그램은 다양한 언어와 플랫폼을 활용해서 구현할 수 있다.대표적으로 아래와 같은 방법들이 있다.C : Win32 APIC++ : MFCC# : WPFPython : Tkinter, PysideJava : Swing최근에는 C#을 많이 사용하고, 비교적으로 오래됐기는 하지만 MFC와 Win32API도 빈번하게 사용된다.Pyhon과 Java등에서도 개발이 가능하지만, 대부분의 윈도우 애플리케이션 개발은 C계열 언어를 사용한다.우리가 사용하고있는 메모장, 엑셀, 파일탐색기 등의 대부분 Windows 프로그램은 WPF, W.. 파워포인트에서 사용하는 간편한 목업(와이어프레임)툴 PowerMockUp 파워포인트에 결합되어 간편하게 사용 가능 한 와이어프레임 툴 PowerMockup을 소개한다. 다운받는 사이트는 아래의 링크를 찾아가면 된다. PowerPoint Wireframe and Prototyping Tool | PowerMockup PowerPoint Wireframe and Prototyping Tool | PowerMockup Collaboration PowerPoint includes collaboration and sharing features that facilitate working in a team. You can share documents with others via OneDrive or SharePoint, leave comments on slides, and merge di.. 게시판 코드 깃허브 경로 https://github.com/haoun1/springboot-board GitHub - haoun1/springboot-board Contribute to haoun1/springboot-board development by creating an account on GitHub. github.com 이클립스버전 게시판코드 깃허브 주소입니다. IntelliJ를 이용해서 스프링부트를 시작해보자!! (6) - Dto, Dao, Service 오늘은 아래 작업을 진행 할겁니다. 1. Dto와 Dao, Service를 작성 2. 회원가입 창 작성 3. 회원가입 창에서 id, pw, 성별을 입력하고 "확인"을 누르면 중복 id가 있는지 확인하고 없다면 DB에 추가하고 가입완료 alert출력 4. 가입되어있는 회원의 목록을 웹페이지내에 출력 간단하게 "회원가입" 기능을 만들어보겠다는 얘기입니다. 가장먼저 Dto, Dao, Service를 만들어 보겠습니다. 맨처음에 설명했던걸 다시 설명하면 Dto는 Class 입니다. Data Transfer Object의 약자이죠. 이클립스 버전에서 설명할때는 UserDto와 BoardDto를 둘 다 사용했습니다. "회원"이라는 개념도 있고 "게시물" 이라는 개념도 있었기 때문이죠. 하지만, Board는 생략하고.. IntelliJ를 이용해서 스프링부트를 시작해보자!! (5) - css, javaScript 지난번에 DB연동을 마치고 기본 html페이지를 띄워보는 것 까지 진행했습니다. 이번에 할 일은 이 페이지에 스타일(css)을 적용시켜보고 이벤트를 연결시켜보고 (javaScript) 파라미터를 서버와 주고받아보는 작업(타임리프) 입니다. 먼저, css와 자바스크립트는 사용하는 방법이 3가지가 있습니다. 첫번째는 html의 로 미리 정의해놓고 사용하는 방법입니다. Internal Style Sheet라고 합니다. Hello World!! Time alert 이렇게, 미리 정의해놓은 내부이 스타일이 body의 내용들에 반영되는걸 알 수 있습니다. 두번째는 Inline Style Sheet입니다. 가장 기본적인 적용 방법으로 Hello World!! 같이 실제 엘리먼트 내부에 삽입해서 사용하는 방법입니다. .. 이전 1 2 3 4 다음