초보개발자의 코딩이야기 초보개발자의 코딩이야기

인스타그램 클론 코딩/#3 GraphQL API

• #3.4~3.6 passport JWT

  인스타그램 클론 코딩/#3 GraphQL API 2019. 12. 22. 17:27

  - passport 설치 - 설치하고 설정만 해주면 모든 인증기능을 사용할 수 있어서 편리 - passport는 인증 관련한 모든 일을함. jwt 토큰이나 쿠키에서 정보를 가져와서 사용자정보에 serialize(저장)함 - passport-jwt를 사용, yarn add passport-jwt passport - passport jwt - https://randomkeygen.com/에서 암호화된 키 문자열 하나 복사해서 .env에 기입 - yarn add jsonwebtoken ( node.js에서 jwt를 생성하기위해 설치하는 모듈) - jwt이란? - https://victorydntmd.tistory.com/116 [Node.js] JWT 기반으로 사용자 인증 구현하기 ( jsonwebtoken ..

  Read More

• # 3.3 Nodemailer를 이용한 sendMail 기능

  인스타그램 클론 코딩/#3 GraphQL API 2019. 12. 20. 18:33

  .env 설정 다시 import dotenv from "dotenv"; import path from "path"; dotenv.config({ path: path.resolve(__dirname, ".env") }); import { GraphQLServer } from "graphql-yoga"; import logger from "morgan"; import schema from "./schema"; const PORT = process.env.PORT || 4000; const server = new GraphQLServer({ schema }); server.express.use(logger("dev")); server.start({ port: PORT }, () => console.log(`✅..

  Read More

• #3.2 requestSecret Resolver

  인스타그램 클론 코딩/#3 GraphQL API 2019. 12. 20. 00:23

  비밀값 요청 기능 https://www.randomlists.com/nouns?dup=false&qty=500 라는 사이트에서 형용사 , 명사 500개씩 복사해서 붙여준다. 1. src 폴더 안에 utils.js , words.js파일 생성 (utils.js은 시크릿 코드 작성파일, words.js은형용사,명사 붙여넣을파일) 2. words.js파일안에 다음과 같이 작성 export const adjectives = []; //형용사 export const nouns = []; //명사 // []안에 형용사 , 명사 500개 붙여넣고 alt+ shift + i 를 활용해서 "" , 추가하여 문자열로만들기 3. utils.js파일안에 다음과 같이 작성 import { adjectives, nouns } f..

  Read More

• #3.1 계정 확인자 만들기 (Create Account Resolver)

  인스타그램 클론 코딩/#3 GraphQL API 2019. 12. 18. 07:00

  회원 로그인 체크하는 폴더, 파일, 쿼리 만들기 .graphql은 스키마 타입 , .js는 함수 datamodel.prisma는 prisma의 데이터모델 (스키마), models.graphql은 datamodel.prisma의 언어를 graphql로 바꾼 파일 (@id , @unique,@default(value: ""), @relation(name: "FollowRelation") 는 prisma언어라 graphql파일에 적을땐 삭제해줘야함) prisma.createUser => prisma가 서버와 정보를 공유하기위해서 필요한것

  Read More