Node.js, Express, 그리고 Prisma를 사용하여 인증과 권한 부여를 구현하는 우수 사례를 배웁니다.
Achievement Goal - Node.js 로 서버를 생성할 수 있다. - middleware에 대해 이해할 수 있다. - 서버를 생성하고 서버를 연결할 수 있다. middleware 란? - 미들웨어 : 구조 내에서 중간 처리를 위한 함수(함수들의 꾸러미가 모듈) 1) express 프레임워크에서 사용할 수 있는 중간 처리 목적의 소프트웨어...
GraphQL 서버에 데이터베이스를 추가하는 법을 배웁니다. 데이터베이스는 Prisma를 사용하여 서버와 연결됩니다.
GraphQL 서버에 데이터베이스를 추가하는 법을 배웁니다. 데이터베이스는 Prisma를 사용하여 서버와 연결됩니다.
graphql-js, Node.js, Prisma를 사용하여 GraphQL 뮤테이션을 구현하는 우수 사례를 배웁니다. 구현한 내용을 GraphQL Playground에서 테스트해봅니다.
GraphQL 스키마 정의, Node.js를 사용하는 쿼리 리졸버 구현, GraphQL Playground를 사용한 쿼리 테스트에 대하여 배웁니다.
Node.js와 Express를 사용하여 GraphQL 서버를 설정하는 방법을 알아봅니다. 또한, GraphQL 스키마를 정의하는 모범 사례를 알아봅니다.
Tutorials that will start from scratch and teach you how to build a fully-fledged Hackernews clone
node.js를 설치하기 https://nodejs.org/ko/에서 LTS 버전을 다운로드하여 설치한다. node.js와 npm 설치확인 NPM이란 node.js의 패키지 매니저이며, nodejs에서 사용하는 모듈이나 패키지를 설치, 관리한다. ~bash node version npm version // npm 설치 확인 ~ 프로젝트 ...
express를 이용해서 Server를 만들어 보겠습니다. 실행환경 - vscode - vscode에서 실행한 터미널 ( vscode에서 터미널을 띄울려면 맥은 "control + ₩ (숫자1 왼쪽버튼)" ) 사전준비 1. myapp 폴더 생성 2. myapp 폴더 안에 index.js 생성 3. npm init -y 사...
웹 서비스를 이용하다보면 가장 짜증나는 것이 아이디랑 비번 찾기이다... 왜 항상 내가 쓴 비밀번호는 틀리는지, 항상 내가 생각한 아이디가 없다고 하는지 모르겠다. 비밀번호의 빡침을 그나마 해소시켜주는 것이 바로 소셜 로그인이다. 자주 들어가는 소셜 서비스의 아이디로 간단하게 서비스를 이용할 수 있는 편리한 시스템인 것 같다. 이번에는 Expres...
Express.js에서 url을 통한 정보전달 http://blink.com/login?id='3' domain : blink.com path : login url parameter(query string) : id='3' express.js 에서 req.query로 query string값을 참조할 수 있다.
서론 지난 포스트에서 프로젝트 세팅을 모두 끝마쳤습니다! 이제 실제로 멋진 Typescript Express 크롤러를 만들어볼 차례입니다. 어서 개발하러 가시죠! 1. 크롤러의 작동원리 크롤러의 작동원리는 사실 정말 별 것도 없습니다. 우리가 일반적으로 웹 서핑을 할 때 보는 웹 페이지들은 다들 알고 계시는 것처럼 HTML과 CSS, 자바스크립트로 동...
서론 저번 포스트에서 크롤러에서 필요한 모듈들을 설치하는 것까지 진행했었죠? 이번 포스트에서는 프로젝트 세팅을 이어서 해볼 것입니다. 이번 포스트에서 할 작업들은 다음과 같습니다. 1. tsconfig 세팅 2. tslint 세팅 3. jest 세팅 tsconfig 세팅 Typescript를 해보신 분들도 계시겠지만, 이전 포스트에서도 말했다시피 ...
서론 안녕하세요! Medium에서 글을 쓰다가 코드는 안예뻐쁘고, github gist를 쓰기엔 귀찮아서 velog로 찾아온 사람입니다. 이상한 소리는 집어치우고, 서론이지만 본론으로 들어가봅시다. 저는 원래 Typescript(I love TS)와 React를 좋아하는 프론트엔드 개발자였습니다. 하지만 모든 개발자들이 그러하듯이 풀스택!!!의 꿈을 가지...
이어서... - 1. 폴더 생성 및 환경설정 폴더 생성 : mkdir mongodbgraphql 폴더 들어가기 : cd mongodbgraphql 이후 yarn init 또는 npm init 으로 package.json을 만들어줍니다. 1-1. express, graphql, mongoose를 설치. npm install save exp...
본 라이브러리는 decorator를 이용해 express의 몇몇 기능을 쉽게 작성할 수 있도록 도와주는 라이브러리입니다. 라이브러리 코어 기능 1. decorator를 이용해 application level의 middleware를 지정한다. 2. decorator를 이용해 router level의 middleware를 지정한다. 3. dec...
사연 Next.js + React.js (프론트엔드) 쪽에서 Express.js (백엔드 API서버) 쪽으로 JWT 쿠키값을 요청하는 과정중 Express.js 서버와 Next.js + React.js가 서로 다른 포트(port)위에서 실행되고 있다보니 Cross Domain 에 걸려서 여러가지 셋팅을 해야했다. 1. header값에 Access-C...