본문 바로가기

전체 글

(87)
Push, Pop, Unshift, Shif * 영어표기가 디폴트, 이하 한글표기 * Angular 기준 최근에 Split 때문에 배열이랑 엄청 싸웠는데. 그 과정에서 정리했던 메모 짧게 기록합니닷. 배열에 값을 추가하거나 제거하는 함수로 Push, Pop, Unshift, Shift 가 있다. 기능별로 소개를 하자면 1. 추가 Push Unshift 순차대로, 뒤부터 추가 역순으로, 앞부터 추가 2. 제거 Pop Shift 순차대로, 뒤부터 제거 역순으로, 앞부터 제거 배열에 대해서 간략하게 설명하자면 1 2 3 4 5 let ArrayA = [1, 2, 3, 4, 5] Array[0] = 1 this.ArrayA.push(6) console.log(this.Array) → 1, 2, 3, 4, 5, 6 // push 를 통해 순차적으로 뒤에 추..
Observable, Observer, Subject * 영어표기가 디폴트, 이하 한글표기 * Angular 기준 https://reactivex.io/documentation/ko/observable.html 1. Observable - 어떤 데이터를 Observer 가 처리할 수 있도록 포장하는 작업, 하나의 클래스 - 하나, 하나 이상의 연속된 항목... 추가적으로 데이터를 변형하거나 추가도 가능 2. Observer (핵심) - 관찰할 수 있는 형태로 전달받은 데이터를 처리하는 역할. Observable 를 읽기 위해 Subscribe(구독) 가 필요. - Observable 이 배출하는 하나- 하나 이상의 연속된 항목에 반응함 - 객체를 끝까지 배출할 때 까지 기다릴 필요없다. ~ 원하는 시점에서 작업가능 - 호출의 개념보다, Observable ..
LifeCycle * 영어표기가 디폴트, 이하 한글표기 * Angular 기준 Lifecycle, 생명주기 - 각각의 Component 와 Directive 는 라이프사이클을 갖는다. - 생성부터 소멸까지의 과정을 일컫는다. - 특정 시점에서 어떤 메서드를 실행하기 위해 라이프 사이클의 hook 을 이용한다. 왜 알아야 할까요? - 라이프 사이클은 이런 구조인데 - 각 시점에서 어떤 문제가 발생하는지. 빠르게 오류를 찾아낼 수 있다. - 나는 이게 참 햇갈렸는데. 결론은 초기화 문제였지만... 순서는 무척 중요하다. 다음에는 먼저 체크하고 시작하자. 1). constructor : 뼈대, 가장 먼저 세워짐 Angular 가 아닌, Javascript 엔진 저쩌구... 의존성 주입을 위해. 사용해야함! 2). ngOncha..
Angular 에 그래프 삽입하기 1. 필요한것 npm, angular, chart.js, ng2-charts npm 은 필요한 내용을 설치하기 위해서 필요하다. angular 는 프레임워크 chart.js 는 JavaScript library ng2-charts 는 차트(그래프)를 사용하기 위해.. 오픈소스 라이브러리라고 하는데. chart.js 를 쓰기위해 필요한듯 2. 설치 순서 (차트를 사용하는 방법 .js ng2 차트가있는 각도에서 | 디지털오션 (digitalocean.com)) 1). 새 프로젝트 example 를 만든다. npx @angular/cli new example - --style=css, --routing=false, --skip-tests 을 뒤에 붙이면 스타일, 라우팅 설정과 테스트용 파일인 spect 설치를..
오류 관련 (~2023.04.21) 대문자, 소문자, 입력 안한내용, 오타 등 먼저 꼼꼼하게 확인할것package.json 에서 사용중인 버전을 확인참고: https://github.com/microsoft/TypeScript/blob/main/lib/ko/diagnosticMessages.generated.json☆ 해결 한것1. 파일을 불러왔는데 작동이 안됨1). component.ts 파일의 속성값이 제대로 들어갔는지 확인2). FormsModule 이 Module 에 잘 들어가있는지 확인3). Bootstrap 의 경우- ./angular.json 의 style 에 "../node_modules/bootstrap/dist/css/bootstrap.min.css" 추가- npm install bootstrap- npm install ..
공간정보 공부 0. 공간정보의 정의 -넓은 의미 : 지도 및 지도위에 표현 가능하도록 위치, 분포 등 알 수 있는 모든 정보 과거에는 단순공간에 대한 정보의 개념이었지만 현재는 융합공간정보로 다방면에서 활용이 가능하다. 과거 현재(및 미래) 단순 공간정보 융합 공간 정보 일방적 생산자 '프로듀서' 소비자 + 생산자 '프로슈머' 사용자는 사람 모든 영역으로 확대 공간정보에 대한 영향이 커짐에 따라 GIS의 개념도 바뀌고있다. (지리 정보 시스템) - > G (General, Geo) + I (Infomation, Intekkugent) + S (Service ... 등) 1. 공간자료 0). 개요 현실세계 ←--------------------- ↓(자료수집) | 지리정보(도형자료+속성자료) | ↓자료저장 | 자료 유지..
데이터베이스와 관계 데이터 모델, SQL 01 데이버베이스 특정 조직의 여러 사용자들이 정보를 공유 + 공유된 정보를 사용을 위해 만들어진 데이터의 집합이다. 데이터 모델 데이터베이스를 단순 추상화하여 체계적으로 표현한 개념 객체 사이의 관계를 단순화한것 논리적으로 묘사하기 위한 도구 관계 데이터 모델 데이터 모델 중 하나, 테이블 형식. 릴레이션을 사용하자! 그냥 테이블을 쓰면 되는거 아니에요? 릴레이션은 테이블이지만 테이블은 릴레이션이 아니다. 테이블은 투플 값이 같아도 상관없지만 릴레이션은 같은 투플 값을 가질 수 없다. 투플이 뭐에요? 릴레이션은 뭐에요? 하단에 기재된 릴레이션의 특성을 읽으면 이해할 수 있습니다. 1. 릴레이션 학번 이름 애완동물 011 김가가 다람쥐 022 김나나 고양이 033 김다다 강아지 04 김라라 햄토리 1). 릴레..