BackEnd
npm install pg typeorm reflect-metadata —save
npx typeorm init (data-souce 파일 생성, typeorm을 생성하기 위한 설정파일);
npm install bcryptjs class-validator class-transformer —save
npm install @types/bcryptjs —save-dev
npm install jsonwebtoken dotenv cookie --save
npm install multer --save
pg
pg PostgreSQL 데이터베이스와 인터페이스하기 위한 NodeJS 모듈 모음입니다.
typeorm
ORM (Object Relational Mapping) 이란, 객체와 관계형 데이터베이스의 데이터를 자동으로
변형 및 연결하는 작업입니다. 객체와 데이터베이스의 변형에 유연하게 사용할 수 있습니다.
typeorm 은TypeScript 및 JavaScript(ES5, ES6, ES7, ES8)와 함께 사용할 수 있는
Node JS에서 실행되는 ORM 객체 관계형 매퍼 라이브러리입니다.
최신 JavaScript 기능을 지원하고 몇 개의 테이블이 있는 소규모 응용 프로그램에서 여러 데이터베이스가 있는
대규모 엔터프라이즈 응용 프로그램에 이르기까지 데이터베이스를 사용하는 모든 종류의 응용 프로그램을
개발하는 데 도움이 되는 추가 기능을 제공합니다.https://typeorm.io/
reflect-metadata
reflect-metadata 패키지를 사용하면 유형에 대한 런타임 반영을 수행할 수 있습니다.
TypeORM은 대부분 데코레이터(@Entity 또는 @Column과 같은)와 함께 작동하므로
이 패키지는 이러한 데코레이터를 구문 분석하고 SQL 쿼리를 작성하는 데 사용합니다.
https://stackoverflow.com/questions/49618719/why-does-typeorm-need-reflect-metadata/49639117#49639117
https://www.wolksoftware.com/blog/decorators-metadata-reflection-in-typescript-from-novice-to-expert-part-4
express
Node.js에서 실행되는 각종 라이브러리와 미들웨어 등이 내장되어 있어 서버를 쉽게 구성할 수 있는 프레임워크이다.
morgan
http 요청과 응답이 있을때마다, 명령창에 로그로 보여주는 Node.js 패키지
nodemon
node.js가 실행되는 동안 파일 변경을 사항을 감지 후 애플리케이션을 재시작해주는 라이브러리
bcryptjs
bcryptjs는 JavaScript에서 비밀번호 해싱과 검증을 위한 라이브러리입니다.
bcrypt 알고리즘을 사용하여 비밀번호를 안전하게 저장하고 검증하는 기능을 제공합니다.
hash 함수를 사용하며 비동기식으로 작동하여 비밀번호와 솔트 를 입력받아 해시된 비밀번호를 반환합니다
class-validator
class-validator 데코레이터를 이용해서 요청에서오는 오브젝트의 프로퍼티를 검증하는 라이브러리 입니다.
class-transformer
class-transformer를 사용하면 일반 개체를 클래스의 일부 인스턴스로 또는 그 반대 로 변환할 수 있습니다.
cors
cors에러 해결을 위한 라이브러리
cookie
쿠키 저장을 위한 라이브러리
dotenv
백엔드 환경변수를 위한 라이브러리
jsonwebtoken
로그인을 통해 유저에게 token을 발급하기 위해 사용
multer
Node.js에서 파일 업로드를 처리하는 데 사용되는 미들웨어 라이브러리로
클라이언트가 파일을 업로드하면 서버에서는 해당 파일을 저장해야할때 유용하게 사용가능
FrontEnd
npx create-next-app@latest --typescript
Next
React 기반의 JavaScript 프레임워크로, SSR(Server-Side Rendering, 서버 사이드 렌더링)과
정적 사이트 생성(Static Site Generation, SSG)을 지원
페이지 라우팅, 데이터 프리페칭, 코드 스플리팅, 서버 사이드 렌더링 등을 제공합니다
검색 엔진 최적화(SEO)에 유리하며, 초기 로딩 속도를 개선하여 사용자가 빠르게 콘텐츠를 볼 수 있게 합니다.
Type-Script
Type-script는 Microsoft에서 개발한 자바스크립트의 확장된 버전으로 컴파일 언어입니다.(정적 타입 언어)
일반적인 자바스크립트는 동적 타입 언어로,변수의 타입을 선언하지 않고도 자유롭게 사용할 수 있지만,
이는 개발 과정에서 발생하는 많은 오류를 컴파일 시간이 아닌 런타임 시간에 발견하게 됩니다.
개발자가 코드를 작성하는 동안 타입 오류를 사전에 체크할 수 있게 합니다. 변수의 타입을
명시적으로 선언하고, 함수의 매개변수와 반환값의 타입을 명시하여 타입 오류를 줄일 수 있습니다
Tailwind-css
Tailwind CSS는 CSS 프레임워크로서, 사용자 정의 가능한 유틸리티 클래스를 통해 빠르고
효율적인 웹 애플리케이션 개발을 지원합니다. html태그에 classname을 통해 css설정을 할 수 있습니다.
Class-names
JavaScript 환경에서 CSS 클래스 이름을 조작하는 라이브러로 classnames({ 'active': isActive })는 isActive가 true인 경우 "active"라는 클래스 이름을 반환하고, 그렇지 않은 경우 빈 문자열을 반환합니다. Tailwind-css와 같이 사용시
조건부 스타일링이 가능하며 다른 동적인 렌더링을 해야하는 상황에서도 유용합니다.