web
Cross-Origin Resource Sharing(CORS)
MDN web docs를 정리하였습니다. CORS(Cross-Origin Resouce Sharing) 다른 도메인에서의 자원을 호출하는 행위에 제한이 없을 경우 안전하지 않습니다. CORS (Cross-Origin Resource Sharing)는 이렇게 시스템 수준에서 타 도...
#react js
6개의 글
web
백엔드 3계층 구조로 구현한 프로젝트 템플릿
3계층 구조 설계 3계층 구조 설계는 백엔드 코드를 3개의 구조로 나눠 구현하는 것을 말한다. Controller, Service, Data Access계층으로 나눠져 있다. Data access계층은 Model 계층으로도 쓰인다. Controller layer 사용자의 reque...
web
리액트 Hook에 대해 알아보자
React hooks Hook은 React 16.8에 새로 추가된 기능입니다. Hook은 class를 작성하지 않고도 state와 다른 React의 기능들을 사용할 수 있게 해줍니다. -react 공식 문서- Hook을 사용하면 계층의 변화 없이 상태 관련 로직을 재사용 가능하게 ...
web
React 시작하기, Routing
React js React js는 component 기반 자바스크립트 라이브러리다. 캡슐화된 component로 재사용성을 높인 라이브러리다. 현재 프로젝트에서는 Node js와 React js를 이용해 Backend와 Frontend를 구성한다. Real Dom and Virtu...
web
로그인 기능, 로그아웃 기능(Node js)
Compare password method userSchema.methods.comparePassword = function (plainPassword, cb) { bcrypt.compare(plainPassword, this.password, function (err, isMat...
web
Node js 프로젝트 시작하기
Node js 시작하기 npm init npm init명령어로 node js 애플리케이션을 시작할 수 있다. 기본 정보를 입력하고 나면 package.json파일이 생성된다. package 설치하기 npm install <package name> npm install을 ...