목차 테마 파일 다운로드 📌 아래 GitHub 사이트에서 CODE > Download ZIP 메뉴를 선택하여 테마 변경 파일을 다운받아 압축을 해제한다. GitHub - cydh/VS2015-Dark-Npp: Visual Studio 2015 Dark Theme for Notepad++ Visual Studio 2015 Dark Theme for Notepad++. Contribute to cydh/VS2015-Dark-Npp development by creating an account on GitHub. github.com 테마 파일 복사 위치 📌 아래 경로에 다운받은 VS2015-Dark.xml 파일을 복사/붙여넣기 한다. C:\Users\UserName\AppData\Roaming\Notepad+..
목차 💡 이 장을 공부하면서 반드시 알아두어야 할 키워드 파이프-필터 패턴, 캡슐화, 럼바우의 분석 기법, 객체지향 설계 원칙, 결합도, 응집도, 효과적인 모듈 설계 방안, 생성 패턴, 구조 패턴 , 행위 패턴 소프트웨어 아키텍처의 설계 📌 소프트웨어 아키텍처는 소프트웨어의 골격이 되는 기본 구조이자, 소프트웨어를 구성하는 요소들 간의 관계를 표현하는 시스템의 구조 또는 구조체이다. 소프트웨어 개발 시 적용되는 원칙과 지침이며, 이해 관계자들의 의사소통 도구로 활용된다. 소프트웨어 아키텍처의 설계는 기본적으로 좋은 품질을 유지하면서 사용자의 비기능적 요구사항으로 나타난 제약을 반영하고, 기능적 요구사항을 구현하는 방법을 찾는 해결 과정이다. 애플리케이션의 분할 방법과 분할된 모듈에 할당될 기능, 모듈 간..
목차 HCI (Human Computer Interaction or Interface) 📌 HCI는 사람이 시스템을 보다 편리하고 안전하게 사용할 수 있도록 연구하고 개발하는 학문으로, 최종 목표는 시스템을 사용하는데 있어 최적의 사용자 경험(UX)을 만드는 것이다. 원래 HCI는 사람과 컴퓨터의 상호작용을 연구해서 사람이 컴퓨터를 편리하게 사용하도록 만드는 학문이었으나, 대상이 컴퓨터 뿐만 아니라 서비스, 디지털 콘텐츠 등으로, 사람도 개인뿐만 이나라 사회나 집단으로 확대되었다. HCI는 어떤 제품이 좋은 제품인지, 어떻게 하면 좋은 제품을 만들 수 있는지 등을 연구 한다. UX (User Experience) 📌 UX는 사용자가 시스템이나 서비스를 이용하면서 느끼고 생각하게 되는 총체적인 경험을 말한..
목차 UI 시나리오 문서 개요 📌 UI 상세 설계는 UI 설계서를 바탕으로 실제 설계 및 구현을 위해 모든 화면에 대한 자세한 설계를 진행 하는 단계로, UI 상세 설계를 할 때는 시나리오를 작성해야 한다. UI 시나리오 문서는 사용자 인터페이스의 기능 구조, 대표 화면, 화면 간 인터랙션의 흐름, 다양한 상황에서의 예외 처리 등을 문서로 정리한 것이다. UI 시나리오 문서에는 사용자가 최종 목표를 달성하기 위한 방법이 순차적으로 묘사되어 있다. UI 설계자 또는 인터렉션 디자이너가 UI 시나리오 문서를 작성하면 그래픽 디자이너가 시나리오를 바탕으로 디자인을 하고 개발자가 UI를 구현하고, 구현된 제품의 검증은 품질 관리자가 진행한다. 💡 인터렉션 디자이너 ? 제품, 시스템, 서비스에 대한 사용자의 행동..
목차 UI의 유용성 평가 유용성(Usability)은 사용자가 시스템을 통해 원하는 목표를 얼마나 효과적으로 달성할 수 있는가에 대한 척도로, UI의 주된 목적은 유용성이 뛰어난 UI를 제작하는 것이다. 유용성 평가는 사용자 측면에서 복잡한 시스템을 얼마나 편리하게 사용할 수 있는지를 평가하는 것으로, 시스템의 문제점을 찾아내고 개선 방향을 제시하기 위한 조사 과정이다. 유용한 UI를 설계하기 위해서는 UI의 구조, 기능, 가치 등에 대해 사용자가 생각하는 사용자 모형과 시스템 설계자가 만들려고 하는 개발자 모형 간의 차이를 최소화 해야 한다. 사용자 모형과 개발자 모형 간의 차이가 발생하는 원인 실행 차 : 사용자가 원하는 목적과 실행 기능이 다르기 때문에 발생한다. 평가 차 : 사용자가 원하는 목적과..
목차 CSS Box-model 🏳🌈 CSS에 포함되는 모든 요소의 외형은 박스이며, 이 박스를 이해하는 것은 CSS를 통해 레이아웃을 생성 하거나, 아이템과 다른 아이템을 정렬하는 것을 가능하게 한다. 🏳🌈 CSS 박스 모델은 블록 박스에 적용되며, 인라인 박스는 박스 모델에 정의된 일부 동작만 사용한다. 여백, 테두리, 패딩 및 콘텐츠등이 어떻게 작동할 것인지를 정의한다. Content : 콘텐츠가 표시되는 영역으로 그 크기는 width and height 와 같은 속성을 사용해서 정의할 수 있다. Padding : 패딩은 콘텐주 주변을 마치 공백처럼 자리 잡는다. 패딩의 크기는 padding 와 관련 속성을 사용해 제어할 수 있다. Border : 테두리 박스는 콘텐츠와 패딩까지 둘러싼다. 테두리..
목차 UI 설계서의 개요 📌 UI 설계서는 사용자의 요구사항을 바탕으로 UI 설계를 구체화하여 작성하는 문서로, 상세 설계 전에 대표적인 화면들을 설계한다. UI 설계서는 기획자, 개발자, 디자이너 등과의 원활한 의사소통을 위해 작성한다. UI 설계서는 UI 설계서 표지, UI 설계서 개정 이력, UI 요구사항 정의서, 시스템 구조, 사이트 맵, 프로세스 정의서, 화면 설계 순으로 작성한다. UI 설계서 표지 작성 📌 UI 설계서 표지는 다른 문서와 혼동되지 않도록 프로젝트명 또는 시스템명으 포함시켜 작성한다. UI 설계서 개정이력 작성 📌 UI 설계서 개정 이력은 UI 설계서가 수정될 때마다 어떤 부분이 어떻게 수정되었는지를 정리해 놓은 문서이다. 처음 작성 시 첫 번째 항목을 '초안 작성', 버전(V..
목차 UI 프로토타입의 개요 프로토타입은 사용자 요구사항을 기반으로 실제 동작하는 것처럼 만든 동적인 형태의 모형으로, 테스트가 가능하다. 프로토타입은 사용자의 요구사항을 개발자가 맞게 해석했는지 검증하기 위한 것으로, 최대한 간단하게 만들어야 한다. 프로토타입은 일부 핵심적인 기능만을 제공하지만 최종 제품의 작동 방식을 이해시키는데 필요한 기능은 반드시 포함되어야 한다. 사용자의 요구사항이 모두 반영될 때까지 프로토타입을 계속하여 개선하고 보완해야 한다. 프로토타이핑 및 테스트를 거치지 않고는 실제 사용자와 제품 간의 상호 작용 방식을 예측하기 어려우므로 실제 사용자를 대상으로 테스트하는 것이 좋다. 프로토타이핑은 프로토타입을 만드는 과정으로 사용자의 요구사항 검토부터 최종적인 프로토타입을 완성하기 까..