Minyoung-Blog

* 개인 학습을 위한 정리입니다. 2과목 소프트웨어 개발 1장 데이터 입,출력 구현 034. 자료 구조 1. 자료구조의 정의 효율적인 프로그램을 작성할 때 가장 우선적인 고려사항은 저장 공간의 효율성과 실행시간의 신속성이다. 자료구조는 프로그램에서 사용하기 위한 자료를 기억장치의 공간 내에 저장하는 방법과 저장된 그룹 내에 존재하는 자료 간의 관계, 처리 방법 등을 연구 분석하는 것 2. 자료 구조의 분료 - 선형 구조 : 배열, 선형 리스트(연속 리스트, 연결 리스트), 스택, 큐, 데크 - 비선형 구조 : 트리, 그래프 3. 배열 - 동일 한 자료형의 데이터들이 같은 크기로 나열되어 순서를 가지고 있는 집합 - 정적인 자료 구조로 기억장소의 추가가 어렵고 메모리의 낭비 有 - 첨자를 이용하여 데이터 ..

* 개인 학습을 위한 정리입니다. 1과목 소프트웨어 설계 3장 애플리케이션 설계 027. 시스템 인터페이스 요구사항 분석 1. 시스템 인터페이스 요구사항 구성 - 인터페이스 이름 - 연계대상 시스템 - 연계 범위 및 내용 - 송신 데이터 * 수신 데이터를 포함되지 않는다 - 연계 방식 - 인터페이스 주기 - 기타 고려사항 3. 시스템 인터페이스 요구사항 분석 절차 1. 요구사항 선별 2. 요구사항 관련 자료 준비 3. 요구사항 분류 4. 요구사항 분석 및 명세서 구체화 5. 요구사항 명세서 공유 028. 인터페이스 요구사항 검증 1. 요구사항 검증 - 요구사항 명세서에 명시되어 있는 사용자의 요구사항들이 실제로 실현 가능한지를 확인하는 단계 - 요구사항 검토 계획 수립 -> 검토 및 오류 수정 -> 베이..

* 개인 학습을 위한 정리입니다. 1과목 소프트웨어 설계 3장 애플리케이션 설계 020. 소프트웨어 아키텍처 1. 소프트웨어 아키텍처의 설계 기본원리로는 모듈화, 추상화, 단계적 분해, 정보은닉이 있다. 2. 모듈화(Modularity) 소프트웨어의 성능을 향상시키거나 시스템의 수정 및 재사용, 유지 관리 등이 용이하도록 시스템의기능들을 모듈 단위로 나누는 것 3. 추상화 (Abstraction) 문제의 전체적이고 포괄적인 개념을 설게한 후 차례로 세분화하여 구체화 시켜 나가는 것 - 최소의 비용으로 실제 상황에 대처할 수 있고, 시;스템의 구조 및 구성을 대략적으로 파악할 수 있게 해준다. 4. 단계적 분해(Stepwise Refinement) 하향식 설계 전략으로, 문제를 상위의 중요 개념으로부터 하..

* 개인 학습을 위한 정리입니다. 1과목 소프트웨어 설계 2장 화면 설계 010. 사용자 인터페이스 3. 사용자 인터페이스의 구분 - CLI : 명령과 출력이 텍스트 형태 - GUI : 아이콘+메뉴 마우스로 선택하여 작업을 수행하는 그래픽 환경 - NUI : 말 / 행동으로 기기 조작 4. 사용자 인터페이스의 기본 원칙 - 직관성 - 유효성 - 학습성 - 유연성 011. UI 표준 및 지침 웹의 3요소 : 웹 표준, 웹 접근성, 웹 호환성 내비게이션 : 내비게이션은 사용자가 사이트에서 원하는 정보를 빠르게 찾을 수 있도록 한내하는 것으로 자용자 중심 - 원하는 정보를 쉽고 빠르게 찾을 수 있도록 다양한 경로 or 방법 제공 - 메뉴, 사이트맵, 버튼, 링크등으로 구성되는데, 이들 구성 요소는 사용자가 직..

* 개인 학습을 위한 정리입니다. 001. 소프트웨어 생명주기 | 폭포수 모형(Waterfall Model) 폭포수 모형은 소프트웨어 공학에서 가장 오래되고 가장 폭넓게 사용됨, 고전적 생명주기 모형이라고도 함 소프트웨어 개발 과정의 한 단계가 끝나야만 다음 단계로 넘어감, 병생 수행 X 매뉴얼 작성 타당성 검토 -> 계획 -> 요구분석 -> 설계 -> 구현(코딩) -> 시험(검사) -> 유지보수 | 프로토타입 모형(Prototype Model, 원형모형) : 사용자의 요구사항을 정확하기 파악하기 위해 실제 개발될 소프트웨어에 대한 견본품을 만들어 최종 결과물을 예측하는 모형 사용자와 시스템 사이의 인터페이스에 중점을 두어 개발 SW 개발 완료 시점에서 오류가 발견되는 폭포수 모형의 단점을 보완 | 나선..

잊기전에 기록하기 TypeScript 기반 React에서 ESLint와 Prettier 설정법 프로젝트 생성 ( 진행하던 프로젝트에서 설정할 경우 충돌이 날 수 있으니 프로젝트 시작전! 설정하자) npx create-react-app my-app --template typescript 2. ESLint와 Prettier 설치 npm install --save-dev eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin eslint-config-prettier eslint-plugin-prettier prettier 3. ESLint 설정 프로젝트 루트 폴더에 .eslintrc.js를 생성 후 다음 내용 추가 module.exports = {..

three.js 를 이용하여 직접 지구본을 구현할 수 있지만, react에서 좀더 간편한 방법으로 지구본을 구현해보려 한다. ※ npm이 아닌 yarn을 통해 진행됩니다 ※ 내가 사용할 라이브러리는 react-globe.gl 이다. react-globe.gl는 React + ThreeJS로 편하게 다양한 지구본을 구현할 수 있는 라이브러리이다. Install yarn add react-globe.gl Use import Globe from 'react-globe.gl'; function MyGlobe(){ return( ) } export default MyGlobe; globeImageUrl 을 넣어주지 않으면 이러한 검은 구체가 생성된다 꼭 넣어주자!! (이유를 몰라서 한참 헤맸는데 README에 너..

평소 npm을 이용하는 편이었지만 이번 새 프로젝트는 yarn을 이용하여 진행해보려 한다. 먼저 yarn으로 리액트 프로젝트를 실행해보자 yarn 으로 리액트 시작하기 npm install --global yarn // npm을 이용해서 !global!에 yarn 설치 yarn -- version yarn create react-app my-app yarn cd my-app yarn start npm과 react앱 생성코드가 다르니 확인하자!!