SW

What is MongoDB? NoSQL DBMS의 한 종류로 MongoDB는 NoSQL로 분류되는 크로스 플랫폼 도큐먼트 지향 데이터베이스 시스템이다. MySQL 처럼 전통적인 테이블-관계 기반의 RDBMS가 아니며 SQL을 사용하지 않는다. 특징 MongoDB는 MySQL의 테이블과 같은 스키마가 고정된 구조 대신 JSON 형태의 동적 스키마형 문서를 사용하는데, 이를 MongoDB 에서는 BSON이라고 부른다. MongoDB는 가장 기본적인 데이터를 Document 라고 부른다. 이는 MySQL같은 RDBMS에서는 row에 해당된다. 이 Document의 집합을 Collection이라고 하는데, RDBMS에서는 테이블(Table)에 해당된다. MongoDB Atlas란? 몽고DB 아틀라스(Mongo..

1. Waterfall Model 설계 이전에 요구사항을 개발 → 요구사항의 명세가 매우 매우 명확하다. 프로그래밍 이전에 모든 설계를 마침 → 매우 완벽하고 정확하게 시스템을 설계 모듈들을 통합하기 이전에 프로그래밍을 완료한다. 한번에 시스템의 컴포넌트를 통합한다. 통합이 끝난 후에 테스트 과정을 수행한다. 1.1 Waterfall Model 장점 프로젝트 진행 속도가 빠르다. → 대신 결과물의 만족도나 품질을 보장할 수는 없다. 프로젝트 성공 시 프로젝트에 드는 비용이 적게 든다. → 대신에 만족도, 품질을 제외한 경우에 해당된다. 개발을 할 때 개발 이외의 요구사항을 신경쓰지 않아도 된다. → 개발에만 집중할 수 있다. 각 단계에서 할 일이 명확하다. 1.2 Waterfall Model 단점 시스템..

소프트웨어 프로세스란? 소프트웨어 개발 프로세스(software development process)는 소프트웨어 제품을 개발하기 위해 필요한 과정 또는 구조로 쉽게 설명하면 소프트웨어 제품이 만들어지는 일련의 단계라고 생각할 수 있다. 프로세스 구성 요소 사람 → 누가 참여하는지 구성 전반적인 프로세스 → 어떤 과정으로 진행될 것인지 구성 중간 산출물 → 중간중간 서비스 산출물을 나타내야 한다. 프로세스 단계 → 어디서 어떤 것을 할건지 정의한다. 일반적인 프로세스 단계 이전의 output은 다음 단계의 input이 될 수 있으며 다른 여러 input도 물론 들어올 수 있다. STEP1 : 요구사항 정의 현실 세계에서 사용자(고객)이 원하는 것이 무엇인지를 정의하는 것 여러 사람들이 모여서 계약 기반의..

서론 이번 포스팅 글에서는 이전에 구현한 라우팅을 이용해서 API를 구현할 때 발생하는 undefined error 를 해결하는 방법에 대해서 살펴보고자 한다. 익스프레스 환경에서도 req.body에 JSON 데이터를 담아서 보낼 때 undefined 에러가 발생하는 경우가 있었고 이 경우에는 body-parser 모듈을 이용해서 해결했었다. 익스프레스와 달리 코아에서도 코아 환경에서 사용할 수 있는 body-parser 모듈을 제공하고 있는데 설치 방법과 사용법에 대해서 살펴보고자 한다. 모듈 설치하기 npm install koa-bodyparser --save 사용 방법 const bodyParser = require('koa-bodyparser'); app.use(bodyParser()); 모듈을 ..

서론 이번 포스팅 글에서는 노드의 새로운 프레임워크인 Koa framework에 대해서 이야기해보고자 한다. Koa 프레임워크를 이용하여 서버를 세팅 후 실행하는 예제와 Express와 비교했을 때 라우팅 방법이 어떻게 다른지 살펴보고 라우팅을 하는 방법까지 살펴볼 것이다. What is Koa? Node.js의 웹 프레임워크인 Express 개발팀에서 2016년도에 개발한 새로운 웹프레임워크이다. Express와 비교했을 때 설계된 뼈대가 적지만 탄탄하며 Express보다 모듈화되어있어 원하는 대로 Middle Customizing 하는 데에 유리하다. 또한, 비교적 최근 만들어졌기 때문에 ES6 문법 기반으로 작성되어 async/await 로 발생하는 오류를 try/catch 없이 잡아낼 수 있다. ..

서론 웹페이지를 구성할 때 마우스가 올려져 있지 않은 요소들은 투명도를 연하게 주는 효과를 구현하는 예제를 살펴보고자 한다. 예를 들어 위와 같이 5개의 메뉴로 이루어진 홈페이지가 있다고 가정해보자. 우리는 New Arrivals라는 탭에 마우스를 올렸을 때 나머지 4개 메뉴에 대해서는 블러(Blur) 효과를 주어 사용자가 선택한 메뉴를 돋보이게 하고 싶은 경우가 있다. 이번 포스팅 글에서는 CSS의 옵션인 opacity를 이용해서 블러 애니메이션 효과를 구현해보고 추가적으로 마우스를 옮겼을 때 탭이 자연스럽게 이동하기 위한 transition 옵션을 살펴보고자 한다. HTML 코드 구성하기 New Arrivals Summer Collection Winter Collection Special Offers..

들어가기 해당 포스팅 글에서는 텍스트에 마우스를 호버링 했을 때 밑줄이 나타나는 애니메이션을 구현하고자 한다. 또한 호버(hover) 효과를 적용할 때 밑줄이 나타나는 모습은 다양하게 존재한다. 이번 글에서는 왼쪽에서 오른쪽, 오른쪽에서 왼쪽, 중앙에서 퍼져나가기 3가지 예제를 살펴볼 것이다. 이와 같은 텍스트가 존재할 때 HTML 코드는 다음과 같이 간단하게 구현할 수 있다. Navigation Hover Effect 필자는 나타나는 밑줄을 가상 요소 선택자를 이용해서 구현했다. 마우스가 호버링 되지 않았을 때에는 가상 요소 선택자를 보이지 않게 하고, 호버링 시 특정 시간동안 가상 요소 선택자가 서서히 나타나게끔 구현하는 것이 핵심이다. 이제 마우스 호버링 시 나타나는 이펙트를 구현해보자. 1. 중앙..

변수(Variable)란 무엇일까? 우리가 만드는 프로그램이란 수많은 데이터로 이루어져 있다. 그리고 그 데이터를 기반으로 컴퓨터에 명령을 주어 어떤 액션을 취하도록 하는 것이다. 그러면 데이터 는 무엇을 의미하는 것일까? 데이터는 문자나 숫자로 이루어진 것을 의미하여 파이썬에서는 문자와 숫자에도 여러 가지 자료형(type)이 존재한다. 이번 포스팅 글에서 설명하는 변수(Variable) 라는 단어의 의미는 이러한 여러 가지 자료형으로 이루어진 하나의 데이터를 저장하는 저장 공간이라고 이해하면 좋을 것 같다. 파이썬에서 변수를 만들 때 사용되는 자료형은 다음과 같은 것들이 존재한다. # 문자열, String이라고 표현한다. string_data = "hello world!" # 정수, Integer라고 ..

서론 이번 글에서는 공공데이터포털 웹사이트에서 제공하는 OpenAPI 사용 방법에 대해서 알아보고 해당 사이트에서 제공하는 여러 OpenAPI들 중에서 보건복지부 코로나19 감염 현황 데이터를 가져오는 예시를 들어보고자 한다. 공공데이터포털 국가에서 보유하고 있는 다양한 데이터를 개방하여 사용자들이 데이터를 쉽고 용이하게 활용하거나 사용할 수 있도록 수많은 데이터를 제공하고 있다. 공공데이터포털 회원가입 공공데이터포털에서 제공하는 OpenAPI를 사용하기 위해서는 해당 사이트의 계정이 필요하다. https://www.data.go.kr/uim/mss/socialMberInfoStep1FormView.do 해당 주소로 접속하여 회원가입을 진행할 수 있으며 네이버, 카카오를 이용한 로그인도 가능하므로 참고하..

서론 네이버 Open API를 사용해 네이버 뉴스 검색 결과를 출력해주는 API를 사용해보고자 한다. 네이버에서 제공하는 검색 API로는 뉴스 검색 결과 뿐만 아니라 블로그, 백과사전, 카페, 지식인등 다양한 카테고리를 제공하고 있지만 해당 포스팅 글에서는 예시를 살펴보고자 간단하게 뉴스 검색 결과를 다루고자 한다. https://developers.naver.com/ 위 사이트로 접속 후 Application 탭을 누른 뒤 애플리케이션 등록 을 누른다. 애플리케이션 이름 : 본인이 사용하고자 하는 이름을 등록 사용 API : 뉴스 검색 결과를 가져오는 API를 사용할 것이므로 검색 을 추가했다. 비로그인 오픈 API 서비스 환경 : 환경 추가를 누르고 WEB 설정을 눌러 로컬호스트를 등록하면 API를 ..