node.js

2022.04.11(75일 차) 이번에는 Socket.io 모듈을 이용한 채팅 프로그램에 대해 정리할 것이다. https://css-tricks.com/replicating-google-hangouts-chat/ Replicating Some Of Google Hangouts Chat Design | CSS-Tricks I've been using Google Hangouts a bunch. It's really pretty great. One on one or group text chat, audio, or video. Text is archived, maintains history, and is css-tricks.com [완성본] Web(웹)은 일반적으로 클라이언트(사용자)에서 서버로 가는 단방향성..

2022.04.08(74일 차) 이전 글에서는 ejs를 사용해서 페이지를 만들었는데 이번에는 Jade를 사용할 것이다. 중복되는 부분이 많아서 다른 부분을 중심으로 정리할 것이다. 자세한 방법은 이전 글 참고 https://backendcode.tistory.com/138 [node.js] View Template 적용하기(1) - Semantic UI(반응형), EJS 사용 2022.04.06(72일 차) 이번에는 View Template 중 하나인 Semantic UI에 대해 정리할 것이다. 그리고 이전 글에 정리한 모듈 분리 소스 코드를 응용할 것이고, 추가적인 모듈 분리를 더 할 것이다. 오늘의 수 backendcode.tistory.com Jade 사용하기 1. 프로젝트 구조 위에 체크된 jad..

2022.04.07(73일 차) 이번에는 View Template 중 하나인 Semantic UI에 대해 정리할 것이다. 그리고 이전 글에 정리한 모듈 분리 소스 코드를 응용할 것이고, 추가적인 모듈 분리를 더 할 것이다. 오늘의 수업 내용 Semantic UI (시멘틱 UI) View Template란 버튼, 아이콘, 카드, 피드, 체크 박스 등 수많은 UI를 HTML로 제공해주는 프레임워크이다. 대표적으로 부트스트랩(BootStrap), Ulkit, 시멘틱 UI(Semantic UI)가 있다. 그중에 Semantic UI를 배워보겠다. 1. Semantic UI 패키지 다운 https://semantic-ui.com/ Semantic UI Shipping Choose your shipping opti..

2022.04.06(72일 차) 이번에는 암호화 모듈, 모듈 분리 방법에 대해 정리할 것이다. 회원 가입을 할 때 비밀번호를 암호화해서 DB에 저장할 것이고, 1개의 js파일에서 소스를 작성하였는데 Java를 할 때 클래스 단위로 나누는 것처럼 모듈을 분리해서 할 것이다. [기능] 회원 가입 시 비밀번호가 암호화돼서 저장되고, 로그인 시 DB에 저장된 비밀번호와 사용자가 입력한 비밀번호를 비교해서 로그인을 한다. 오늘의 수업 내용 암호화 모듈(crypto 모듈) Crypto 모듈이란? 평문(암호화되기 이전의 텍스트)을 암호화하는 데에는 다양한 방법의 암호화 기법이 존재한다. Crypto 모듈은 node.js에서 데이터 암호화 기능을 제공하는 모듈이다. ModuleExe 프로젝트 우클릭 -> cmdHire..

2022.04.05(71일 차) 이번에는 mongoose 모듈에 대해 정리할 것이다. mongoose 모듈 사용하기 mongoose 모듈은 데이터베이스를 테이블이나 엑셀처럼 쉽게 다룰 수 있게 하는 모듈이다. 그래서 스키마(Schema)를 만들고 해당 스키마에 맞는 모델을 만들어 공통된 조건에 맞게 조회 및 저장이 가능하다. 어떤 문서(칼럼)에는 name이 있고 다른 문서에는 name이 없을 수도 있기 때문에 일정한 조건으로 적용하기가 어렵다. 관계형 데이터베이스처럼 조회 조건을 공통적으로 적용할 수 있게 정해진 규칙으로 문서를 저장할수 있게 하는 것이 Schema이다 mongoDB(몽고DB)에는 스키마(Schema)가 없어서 mongoose 모듈을 사용해서 관계형DB로 만들 수 있다. [모듈 설치 방법..

2022.04.05(71일 차) 이번에는 MongoDB(몽고 DB)를 사용할 때 쓰는 Robo 3T에 대해 정리할 것이다. 오늘의 수업 내용 Robo 3T 란? DB작업을 할 때 서버에 접근해서 직접 커맨드를 치는 TUI방식이 있고 사용하기 편하게 GUI형식으로 만든 DB툴을 사용하는 방식이 있다. MongoDB(몽고 DB)는 유저 인터페이스가 없어서 눈에 보이지 않는다. 이때 Robo 3T라는 프로그램을 통해 시각적으로 mongoDB에 들어간 데이터를 확인할 수 있다. 따라서 Robo 3T는 GUI형식으로 손쉬운 DB작업을 할 수 있는 DB툴 프로그램인 것이다. 주의할 점 : Studio 3T -> X / Robo 3T -> O 이걸 설치한다. Robo 3T 설치 1. 링크 하단 사이트를 접속해서 St..