Node.js에서도 쉽게 WEB 애플리케이션 만들 수 있지만, WEB 프레임워크 Express를 사용하면 더욱 유연하고 간결한 코드를 작성할 수 있습니다. 저는 API 테스트를 위해 사용해 봤는데 간편하다는 장점에 감동했습니다. JavaScript로 작성할 수 있고, JSON 취급하기도 쉽다는 장점이 있습니다. Node.js 이용자에게도 필요하므로 설치 방법, 설명, 간단한 예제를 소개합니다. 이 포스팅 내용은 초보자를 위한 공식 문서를 보충하는 형태입니다. 실행 환경web framework Express 4.16Node.js 10.15 (기존에 설치된 것 이용)npm 6.4Windows 10 Home 개발 예제는 Windows에서 실행(작성)했습니다만, Node와 npm이 설치되어 있으면 Mac 또는 ..
이번엔 제목 그대로 "Node.js + 익스프레스" 환경에서 MVC 함께 써보려고 합니다. 처음 Express framework를 다룰 때, 대부분의 코드를 router에 직접 코딩했었는데요. 어떻게 해야 더 이쁘게 코딩할 수 있을까 고민한 것이 계기입니다. 원래 MVC 모델응용 프로그램(애플리케이션)을 M (Model) V (View) C (Controller) 3개로 분할하여 구축하는 개발 방법론입니다. Model : 응용 프로그램 데이터, 비즈니스 규칙, 논리 함수, 로직View : 그래프, 그림 등 임의의 (임시) 정보 표현Controller : 입력을 받아 model과 view 명령으로 변환 익스프레스Express는 웹 및 모바일 애플리케이션을 위한 일련의 강력한 기능을 제공하는 간결하고 유연한..
엑셀에는 중복 데이터를 확인하거나 삭제하는 기능이 있습니다. 이 기능을 활용하면 방대한 회원 목록이나 재고 등의 관리를 효율적으로 할 수 있습니다. 그래서 이번에는 엑셀 중복값 찾기 방법 세 가지를 소개합니다. 중복된 행을 제거하는 방법중복 데이터를 추출하여 제거하는 방법같은 값을 COUNTIF 함수로 확인하는 방법 3가지 엑셀 중복값 찾기 방법 시작합니다. 중복된 행을 제거하는 방법우선, 엑셀의 "중복 행 삭제 기능" 사용 방법을 소개합니다. 이번에는 어떤 회원 목록 데이터(아래 그림)를 예로 들겠습니다. 1. 삭제하고 싶은 데이터 중복 부분을 범위로 선택중복 부분을 삭제하려는 데이터 범위를 클릭 & 드래그하여 선택합니다. 이때 「성별」 「연령 분포」 등의 항목도 꼭 선택하세요. 2. "중복 제거" 클..
Node.js 란 무엇인가Node.js는 간단하게 말하면 JavaScript를 서버 사이드에서 실행시켜주는 존재입니다. 프런트엔드, 백엔드를 하나의 언어로 실행할 수 있으며, WEB 서비스, 스마트 폰 앱, IoT 관련 개발에도 사용할 수 있습니다. 설치우선 Nodejs를 설치하지 않은 분은 [Node.js 공식 사이트] (https://nodejs.org/en/)에서 LTS 버전을 다운로드하여 설치. 'node'에서 JavaScript를 실행하기명령 프롬프트에서 index.js가 저장되어있는 폴더에 pwd로 이동, 해당 폴더의 index.js를 실행합니다. node index.js node에서만 Enter 누르면, JavaScript 콘솔에서 다양한 코드를 시험할 수 있습니다. 취소하려면 .exit를 ..
매크로 자동 기록 → "작업자의 엑셀 2016 작업을 기록하고 매크로 프로그램으로 변환해주는 기능" 한국어를 입력하면 영어로 번역해주는 앱처럼 엑셀 작업을 자동으로 해주는 코드를 만듭니다. 당연히 엑셀 매크로 사용법 에는 장점뿐만 아니라 단점도 있습니다. 구체적으로는 다음과 같습니다. "매크로 자동 기록" 장단점 장점 - 초보자도 쉽게 만들 수 있음 - 몇 분의 작업만으로도 충분히 자동화 가능 (보고서 양식 수정 및 자료 인쇄 등) 단점 - 복잡한 처리 못 함 (마지막 줄의 자동 조정, 조건 분기) - 수십 분 이상의 작업은 자동화 어려움 - 자동 기록된 코드는 이해하기 어려움 위와 같이 복잡한 작업은 매크로 코드로 자동 변환할 수 없습니다. 번역기 소프트웨어가 한국어를 완벽하게 영어로 번역하지 못하듯,..
시리즈 목록Node.js Express 로컬 서버 구축(1): npm 도입Node.js Express 로컬 서버 구축(2): Express 라우팅Node.js Express 로컬 서버 구축(3): JSON 반환 stub APINode.js Express 로컬 서버 구축(4) Request 다른 서버 이미지 얻기 개요로컬 서버를 구축하면서, 썸네일 등의 많은 이미지 파일을 모두 로컬에서 준비하는 것이 번거로웠습니다. 그래서 특정 경로에 대한 요청(리퀘스트)을 받았을 때, 배포 및 개발 전용 서비스 등 다른 Server에서 데이터를 가져오게 해봤습니다. 응답받은 JSON 데이터의 이미지 ID를 사용했는데요. 동적으로 URL을 만들면 이미지 얻을 때 편리할 것으로 생각합니다. 이 글의 순서목적Node.js E..
시리즈 목록Node.js Express 로컬 서버 구축(1): npm 도입Node.js Express 로컬 서버 구축(2): Express 라우팅Node.js Express 로컬 서버 구축(3): JSON 반환 stub APINode.js Express 로컬 서버 구축(4) Request 다른 서버 이미지 얻기 요즘은 Json 데이터 송수신이 일반적입니다. 이전 포스트에선 API가 완성되지 않았었는데, 이번엔 로컬 서버에서 JSON을 반환하는 스텁 API 기능을 구현합니다. sub - IT 용어 사전 글 순서목적Node.js Express를 이용해 PC 로컬 서버를 시작포스트 결과GET으로 요청을 보내면, JSON 데이터가 돌아옴POST에서 JSON 데이터를 보내면, 200 OK 응답 코드가 돌아옴대상자..
시리즈 목록Node.js Express 로컬 서버 구축(1): npm 도입Node.js Express 로컬 서버 구축(2): Express 라우팅Node.js Express 로컬 서버 구축(3): JSON 반환 stub APINode.js Express 로컬 서버 구축(4) Request 다른 서버 이미지 얻기
시리즈 목록Node.js Express 로컬 서버 구축(1): npm 도입Node.js Express 로컬 서버 구축(2): Express 라우팅Node.js Express 로컬 서버 구축(3): JSON 반환 stub APINode.js Express 로컬 서버 구축(4) Request 다른 서버 이미지 얻기 글 순서목적Node.js 이용하여 PC에 로컬 서버 띄우기 (Express 응용은 다음 포스트)이 포스트 결과브라우저에서 "localhost:8080"에 접속하면 "HelloWorld"가 보임대상자WEB 프런트 담당자HTML, CSS, JavaScript(es2015 포함) 기본 문법을 이해하고있는 사람HTTP 통신, GET, POST 등을 어느 정도 이해하고있는 사람 (대충 알아도 됨)검은 화면..
CSS는 Cascading Style Sheets(캐스케이딩 스타일 시트) 약자이며, 문장에 디자인을 입히고 싶을 때 사용하는 언어입니다. HTML은 문장의 구조를 만드는 반면 CSS는 "그 문장을 어떻게 브라우저에 표시할지 지정하는 언어"이므로 HTML과 세트로 사용합니다.이 때문에 CSS는 '구조'와 '디자인'의 역할 분리를 위한 언어라고 합니다. CSS는 HTML 태그로 둘러싸인 위치의 문자 색상을 바꾸거나 링크를 버튼으로도 장식할 수 있습니다.그러나 HTML 보다 기억할 게 많고, 작성도 어려워 CSS가 무엇인지 잘 모르는 사람이 많은 것도 사실입니다. 이 포스트에선 CSS를 잘 모르는 사람을 위해, CSS가 어떤 언어인지 구체적인 예를 통해 자세히 설명합니다. 목차1. CSS란 1-1. HTML..
인터넷에서 찾아보니 최신 버전엔 카카오톡 생일 비공개 기능이 없어졌다는 댓글이 보였습니다. 하지만, 8.7.6 최신 버전을 사용하는 저에겐 기능이 있습니다. 아마도 다른 메뉴에서 카카오 생일설정 옵션을 찾지 못해서 생긴 오해일 겁니다. 간단하게 카카오톡 생일표시하는 방법 2가지 설명할게요. 2가지란 내 생일을 다른 사람에게 안 보이는 것, 다른 하나는 내가 다른 사람 생일을 안 보는 것입니다. 카카오톡 생일표시 비공개는 딱 1분이면 되니깐 천천히 제가 정리한 사진과 글을 읽으며 따라와 주세요. 하나씩 시작할게요. 카카오톡 생일알림 끄기 - 내 생일 비공개카카오톡 생일 비공개 순서부터 정리하면 이렇습니다. 1. 카카오톡 실행 후 내 이름 터치 2. 오른쪽 위 설정 버튼 터치하여 프로필 관리로 이동 3. 화..
Node.js + Express + MongoDB 사용하여 API를 만드는 방법을 소개합니다. 작성하는 API에 대한 링크 이 포스트에서 사용하는 주요 기술을 소개합니다. 이외에 사용하는 package 등은 중간에 간단히 설명합니다. 당연히 javascript 지식은 있어야 합니다. Node.js : 서버 측에서 움직이는 JavaScriptExpress : Node.js MVC 프레임워크MongoDB : NoSQL로 불리는 데이터베이스 전제 조건여기에선 Node.js와 MongoDB가 설치되어 있는 것이 개발의 전제 조건입니다. 설치되지 않은 분은 아래 링크를 통해 쉽게 설치할 수 있습니다. MongoDB 설치Node.js 설치 Node.js + Express API 만들기 순서이 포스트에선 아래 순서로..