전체 글
-
191222_TILTIL(Today I learned) 2019. 12. 22. 21:30
오늘 한 일 오늘.. 내 자신에대한 믿음이 흔들리기 시작했다. 3월안에 하루종일 공부하면 취업이 가능할거라 생각했다. 무조건 가능하다는 믿음 하나로 노마드코더 로드맵을 따라 열심히 달려왔다. 그런데.. 오늘 '인스타그램 클론'강의 들으면서 그 믿음이 흔들렸다. 아직 CRUD도 제대로 못하는데.. 혼자서 쉬운 이벤트처리하나 못하는데 가당키나 할까?.. 여러 과외를 알아보고, 학원, 후불제코딩과외까지 써칭해봤다. 학원에 대해선 부정적인 생각을 갖고있는데( 국비학원 다니다 그만뒀었음) 이런 내가 학원까지 써칭해볼 정도면 그만큼 지금이 힘들다는거겠지.. 3월까지만 해보자 3월까지만 미친듯이 매달려보고 발전이 없으면 그땐 후련하게 내려놓자.
-
#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 ..
-
# 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(`✅..
-
#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..
-
#2.2 프리즈마 테스팅인스타그램 클론 코딩/#2 Prisma 소개 및 설정 2019. 12. 18. 20:27
// 유저 생성은 이런식으로 mutation { createUser(data:{username:"정준식",email:"wndtlr@tlrdl.com"}){ id } } connect: {id}의 사용자가 where:{id}의 사용자를 팔로잉하고 where문 이후에 오는건 조회 한다는 뜻 mutation{ updateUser(data:{following:{ connect:{ id:"ck4b70b3idxl40993lu7gpdj2" } }}where:{id:"ck4b6wz3ri6f00922id0t735e"}){ username firstName lastName following{ id username } followers{ id } } }
-
#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가 서버와 정보를 공유하기위해서 필요한것
-
#2.3~2.4 서버에 프리즘 통합,Resolvers with Prisma인스타그램 클론 코딩/#2 Prisma 소개 및 설정 2019. 12. 17. 21:52
실제 api에서 어떻게 prisma를 사용할까? generated 폴더에있는 index, prisma-schema 파일이 있는데, 이 파일들을 통해 prisma와 정보를 주고받게됨 서비스를 배포(deploy)할 때 마다 prisma cloud에서 뭔가를 생성하는데, 그걸 다운받아야함 prisma 서버와 정보를 주고받으려면 prisma client를 다운받아야함 여기서 generate는 prisma와 상호작용할 client인데, javascript다. (generate 폴더 안에 prisma-client폴더가있음)
-
#2.1 Datamodel with Prisma인스타그램 클론 코딩/#2 Prisma 소개 및 설정 2019. 12. 16. 22:16
Prisma로 모델 만들기 datamodel.prisma 파일에 작성 type User { id: ID! @id username: String! email: String! firstName: String! @default(value: "") lastName: String! bio: String following: [User!]! @relation(name: "FollowRelation") followers: [User!]! @relation(name: "FollowRelation") posts: [Post!]! Likes: [Like!]! comments: [Comment!]! } type Post { id: ID! @id location: String caption: String! user: User!..