배꼽파지 않도록 잘 개발해요

◆ 회원가입 구현하기 ◆ Passport.js와 로그인 ◆ Session Store ◆ 회원과 게시글의 연동 ◆ CSR로 댓글기능 구현하기 ◆ MongoDB Aggregation 회원가입 구현하기 회원가입 설명 이메일, 이름, 패스워드의 간단한 정보만 사용 - 이메일의 형식이 올바른지 확인 - 비밀번호 최소 길이 확인 - 패스워드와 패스워드 확인 문자가 일치하는지 확인 회원 정보를 데이터베이스에 저장하기 회원의 비밀번호를 그대로 저장한다면? 관리자가 모든 회원의 비밀번호를 알 수 있음 → 보안 취약점 발생 비밀번호 저장 방법 - Hash Hash는 문자열을 되돌릴 수 없는 방식으로 암호화하는 방법 → hash 출력값을 이용해 사용자의 비밀번호를 알아낼 수 없음. 비밀번호의 Hash 값을 데이터베이스에 저..

◆ Template Engine ◆ 프로젝트 세팅하기 ◆ 게시판 CRUD 만들기 ◆ Async Request Handler ◆ Pagination ◆ PM2 Process Manager Template Engine 템플릿 엔진 서버에서 클라이언트로 보낼 HTML의 형태를 미리 템플릿으로 저장(SSR 구현) 동작 시에 미리 작성된 템플릿에 데이터를 넣어서 완성된 HTML 생성 템플릿 엔진은 템플릿 작성 문법과 작성된 템플릿을 HTML으로 변환하는 기능을 제공함. Express.js의 템플릿 엔진 EJS : html과 유사한 문법의 템플릿 엔진 Mustache : 간단한 데이터 치환 정도만 제공하는 경량화된 템플릿 엔진 Pug : 들여쓰기 표현식을 이용한 간략한 표기와 레이아웃 등 강력한 기능을 제공 Pug..

◆ MongoDB ◆ MongoDB ODM ◆ MongoDB ODM 사용하기 ◆ Sequelize ORM MongoDB MongoDB란? · 대표적인 NoSQL, Document DB · Mongo는 Humongous에서 따온 말로, 엄청나게 큰 DB라는 의미 → 대용량 데이터를 처리하기 좋게 만들어짐. RDB와 NoSQL RDB NoSQL Relational Database Non SQL 또는 Not Only SQL 관계형 데이터베이스 구조화된 질의어를 사용하지 않는 데이터베이스 자료들의 관계를 주요하게 다룸. 자료 간의 관계에 초점을 두지 않음. SQL 질의어를 사용하기 위해 데이터를 구조화해야 함. 데이터를 구조화하지 않고, 유연하게 저장함. NoSQL을 사용하는 이유 SQL을 사용하기 위해서는 데..

자바스크립트에서 배열을 비교하는 방법은 다양하며, 배열의 비교와 복사에 대해 몇 가지 알아두어야 할 점이 있다. 1. let a = [1, 2, 3]; let b = a.reverse(); console.log(a) // [ 3, 2, 1 ] console.log(b) // [ 3, 2, 1 ] console.log(a === b); // true 자바스크립트에서 array.reverse()는 원본 배열(array)를 뒤집어서 반환한다. 그러므로 a.reverse()는 뒤집어진 원본 배열 a가 반환되어, console.log(b)를 하였을 때 뒤집어진 a인 [3, 2, 1]이 될 것임이 충분히 예상된다. 그런데 원본 배열 a를 출력해보아도 [3, 2, 1]로 모든 요소들이 뒤집어졌음을 확인할 수 있다. ..

◆ Express 기본 익히기 ◆ ORM으로 하는 데이터베이스 작업 ◆ 배포하기 ORM으로 하는 데이터베이스 작업 데이터베이스와 SQL · 실제 서비스에서는 배열 대신 데이터베이스를 사용함. · 데이터베이스 : 일정한 체계 속에 저장된 데이터의 집합 · 테이블 : 표 형식으로 지정된 데이터의 집합 데이터베이스의 데이터 처리 · 테이블에 있는 row를 조회하는 작업 · 테이블에 새로운 row를 추가하는 작업 · 테이블의 기존 row를 수정하는 작업 · 테이블의 기존 row를 삭제하는 작업 DBMS(Database Management System) · 데이터베이스 제어 프로그램 · 사용자가 입력한 SQL을 해석해서 데이터베이스 작업을 수행 · MySQL(Oracle), PostgreSQL, SQLServer..

HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 position 일반적인 글의 흐름에서 벗어나고 싶을 때 사용 속성값 : static, relative, absolute, fixed, sticky 위치의 기준 : position 으로 정하기 구체적인 위치 : top, right, bottom, left 으로 지정함. ex. 이미지나 영상 위에 글자가 겹치기 화면 위쪽에 메뉴가 스크롤을 해도 떠있는 것처럼 글 흐름이랑 상관없이 static position 속성의 기본 값 원래 있어야 할 위치에 배치 일반적인 글의 흐름을 따름 relative 원래 위치를 기준으로 움직이고, 원래 있던 공간은 그냥 비워놓고 배치함. margin : 다른 요소들도 이동함. relative : 다른..

◆ 기본 문법 ◆ 심화 문법 정규 표현식 정규 표현식 Regular Expression, Regex - 실제 값은 다르지만 패턴은 서로 동일한 문자열을 표현할 때 사용되는 형식 언어 - 프로그래밍 언어에 따라 지원되는 정규 표현식 문법에 조금씩 차이가 있음. - 일반적인 정규 표현식에서는 대문자와 소문자를 구분함. - 시작기호 + 정규식 패턴 + 종료기호 + 플래그 ex. /[bce]ar/gi https://regex101.com/ regex101: build, test, and debug regex Regular expression tester with syntax highlighting, explanation, cheat sheet for PHP/PCRE, Python, GO, JavaScript, ..

◆ 유닉스 커맨드 시작하기 ◆ 디렉토리와 파일 다루기 ◆ 외부 프로그램 설치하기 ◆ 윈도우 유저를 위한 커맨드라인 팁 유닉스 커맨드 시작하기 유닉스 커맨드란? · GUI (Graphical User Interface) : 화면과 마우스를 통해 사용하는 방식 · CLI (Command Line Interface) : 검은화면에서 명령어를 통해 사용하는 방식, 커맨드 라인 → 웹 개발 환경 설정과 서버 실행, 라이브러리 다운로드 및 설치, 협업시 코드 관리 유닉스 운영체제 · 1970년대 초반에 개발된 운영체제 · 쉽게 수정해서 다른 컴퓨터에 적용할 수 있어서 큰 인기를 끌었음. · 유닉스를 기반으로 하는 다양한 운영체제 만들어짐. 터미널 사용해 보기 airytariy 사용자가 DESKTOP-3LJ03PJ에..

◆ Express.js의 Middleware ◆ REST API Middleware Express.js의 Middleware Middleware란? · 미들웨어는 Express.js 동작의 핵심 · HTTP 요청과 응답 사이에서 단계별 동작을 수행해주는 함수 Middleware 동작 원리 · Express.js의 미들웨어는 HTTP 요청이 들어온 순간부터 시작이 됨. · 미들웨어는 HTTP 요청과 응답 객체를 처리하거나, 다음 미들웨어를 실행할 수 있음. · HTTP 응답이 마무리될 때까지 미들웨어 동작 사이클이 실행됨. Middleware의 작성과 사용 · req, res, next를 가진 함수를 작성하면 해당 함수는 미들웨어로 동작할 수 있음. req : HTTP 요청을 처리하는 객체 res : HT..

◆ Npm과 모듈 ◆ Express Npm과 모듈 NPM 이해하기 NPM · Node.js 프로젝트를 관리하는 필수적인 도구 (Node Package Manager) (온라인 저장소 + 커맨드라인 도구) NPM 온라인 저장소 · 수많은 오픈소스 라이브러리와 도구들이 업로드되는 저장소 · 필요한 라이브러리나 도구를 손쉽게 검색 가능 · Node.js의 인기로, 거대한 생태계를 보유함. 커맨드라인 도구 · 프로젝트 관리를 위한 다양한 명령어를 제공 저장소에서 라이브러리, 도구 설치 프로젝트 설정 / 관리 프로젝트 의존성 관리 NPM 사용해보기 NPM을 사용한다는 것은? · NPM 커맨드라인 도구의 사용법을 익히는 것 · 프로젝트의 생성부터 다양한 기능을 사용하는 법까지 학습 프로젝트 생성하기 npm init..