IT

Angular ngx-pagination 구현하기 Angular ngx-pagination을 이용하여 페이징을 구현하는 방법에 대해 알아보겠습니다. ngx-pagination은 페이징 처리를 위해 만들어진 Angular 라이브러리입니다. Angular5+ 이상에서 동작하며 보다 자세한 내용과 live demo는 아래 링크를 통해 확인할 수 있습니다. ngx-pagination Pagination for Angular www.npmjs.com angular-e1f9hq - StackBlitz ngx-pagination demo / bug reproduction starter. stackblitz.com 구현 환경은 다음의 버전을 기준으로 구성하였습니다. Node.js v12.13.1 MySQL v5.7.3..

Angular + MySQL + Node.js CRUD Application 구현하기 Angular, MySQL, Node.js를 이용하여 CRUD Application을 구현하는 방법에 대해 알아보겠습니다. 구현 환경은 다음의 버전을 기준으로 구성하였습니다. Node.js v12.13.1 MySQL v5.7.3 Angular v11.2.4 구현에 앞서 다음 포스팅을 참고하여 서버를 먼저 구성해주어야 합니다. Node.js + MySQL CRUD API 구성하기 Node.js + MySQL CRUD API 구성하기 Node.js, Express, Sequelize를 이용하여 MySQL CRUD RESTful API를 구성하는 방법에 대해 알아보겠습니다. Sequelize는 MySQL, Postgres, ..

Node.js + MySQL CRUD API 구현하기 Node.js, Express, Sequelize를 이용하여 MySQL CRUD RESTful API를 구성하는 방법에 대해 알아보겠습니다. Sequelize는 MySQL, Postgres, SQLite, MS-SQL Server 등의 데이터베이스를 지원하는 promise 기반의 Node.js ORM(Object Relational Mapping)입니다. transaction, eager & lazy loading, relation, read replication 등의 다양한 기능을 지원합니다. 구현 환경은 다음의 버전을 기준으로 구성하였습니다. Node.js v12.13.1 MySQL v5.7.3 express v4.17.1 sequelize v6...

Node.js + MongoDB CRUD API 구현하기 Node.js, Express, Mongoose를 이용하여 MongoDB CRUD RESTful API를 구성하는 방법에 대해 알아보겠습니다. Mongoose는 MongoDB를 대상으로 만들어진 promise 기반의 Node.js ODM(Object Data Mapping)이며, 이것은 Java 기반의 Hibernate, iBatis와 같은 ORM(Object Relational Mapping)과 유사한 개념입니다. built-in 쿼리를 통해 간편한 CRUD 구성이 가능하며 validation, type casting 등의 기능을 제공합니다. 또한 Express와 함께 사용하면 MVC 구현이 가능합니다. 구현 환경은 다음의 버전을 기준으로 구성하..

MongoDB Compass 설치하기 Compass는 MongoDB에서 제공하는 GUI 환경의 MongoDB 클라이언트 입니다. Compass를 이용하여 외부에서 MongoDB에 접근할 수 있습니다. 1. Compass 설치 macOS(Catalina) 환경에서 MongoDB Compass를 설치하는 방법입니다. MongoDB 공식 홈페이지에서 설치 파일을 다운로드 해줍니다. https://www.mongodb.com/try/download/compass 설치 파일을 실행하여 설치를 진행해줍니다. 설치가 완료되면 MongoDB Compass를 실행해줍니다. New Connection > Fill in connection fields individually 버튼을 클릭하여 접속 정보를 입력한 후에 Conn..

MongoDB 소개 및 설치하기 MongoDB의 특징과 설치하는 방법에 대해 알아보겠습니다. 1. MongoDB MongoDB는 C++로 작성된 문서지향적(Document-Oriented) NoSQL(Not Only SQL) 오픈 소스 데이터베이스입니다. MongoDB에서 사용되는 데이터 형태는 다음과 같습니다. { _id: ObjectId("5099803df3f4948bd2f98391"), userName: "freestrokes", name: { first: "Harry", last: "Kim" } } MongoDB의 데이터 구조를 RDBMS와 비교하여 정리하면 다음과 같습니다. Field RDBMS의 column과 유사한 개념입니다. Document RDBMS의 row(record)와 유사한 개념입..

JavaScript 배열 메서드 JavaScript 배열에서는 다양한 빌트인 메서드를 제공합니다. 배열의 메서드는 원본 배열을 변경하는 메서드(Mutator Method)와 새로운 배열을 생성하는 메서드(Accessor Method)가 있는데, 원본 배열을 변경하지 않는 메서드의 사용이 권장됩니다. 배열의 메서드 중에서 사용 빈도가 높은 메서드들을 정리하였습니다. 1. 정적 메서드 (Static Method) Array() 생성자 함수에서 제공하는 정적 메서드입니다. 1.1. Array.isArray() isArray() 메서드는 전달된 파라미터의 배열 여부를 판별하여 true/false를 반환합니다. console.log(Array.isArray([])); // true console.log(Array..

JavaScript 배열 배열은 여러 개의 요소들을 순차적으로 나열한 자료구조입니다. JavaScript에서는 배열은 다루기 위한 유용한 메서드들을 제공합니다. 1. 배열의 특징 화살표 함수는 ES6에서 도입된 문법입니다. function 키워드를 사용하는 것보다 간결하고 항상 익명으로 동작합니다. 1.1. JavaScript의 배열 JavaScript의 배열은 우리가 일반적으로 알고있는 배열처럼 요소(element)라고 부르는 값을 가지며 배열의 요소는 위치를 나타내는 index를 가지고 있습니다. JavaScript에서 배열은 객체 타입으로 분류되지만, 배열은 값의 순서와 length 프로퍼티를 갖는 특징으로 인하여 일반 객체와 구분됩니다. const arr = ['macbook', 'iphone',..

JavaScript 상수와 리터럴 상수와 리터럴은 대부분의 언어에서 많이 사용하지만 분명한 차이가 있는 개념입니다. JavaScript를 기준으로 각각의 차이점에 대해 정리해봤습니다. 1. 상수 상수는 일종의 변수이며 변수처럼 값을 저장하기 위한 메모리 공간을 필요로 합니다. 일반적인 변수는 재할당을 통하여 값을 변경할 수 있지만 상수로 사용하는 변수에는 값의 재할당을 할 수 없다는 차이점이 있습니다. 상수는 상태 유지, 가독성, 유지보수의 편의성 등을 위해 사용하는 것이 좋습니다. JavaScript에서 상수는 const 키워드를 사용하여 선언합니다. const 키워드로 선언한 변수는 재할당을 할 수 없게 됩니다. 하지만 상수에 primitive type의 값이 아닌 객체를 할당한 경우엔 값의 변경이 ..