redditclone React 및 GraphQL - 07을 사용하여 Reddit 클론 만들기 이제 사용자가 성공적으로 등록되면 사용자는 홈 페이지로 리디렉션해야 합니다. 그런 다음 홈 페이지에 리디렉션을 추가합니다. 먼저 EntityManager 에서 @mikro-orm/postgresql를 가져옵니다. 그런 다음 em를 EntityManager로 캐스트합니다. 여기서 getKnexQuery를 사용하면 모든 쿼리 작업을 사용할 수 있다는 몇 가지 사항을 강조해야 합니다. 그러나 여기... reactredditclonetypescriptgraphql React 및 GraphQL - 08을 사용하여 Reddit 클론 만들기 지난 블로그 게시물에서 홈페이지에서 이름을 업데이트하는 동안 문제가 있음을 확인했습니다. 이 문제를 해결하려면 업데이트 캐시 메커니즘을 추가해야 합니다. 관련 패키지를 추가해 보겠습니다. 이제 exchanges 페이지의 createClient에 _app.tsx를 추가해야 합니다. cacheExchange가 @urql/exchange-graphcache에서 오는지 확인하십시오. . 이제 사용자... reactredditclonetypescriptgraphql React 및 GraphQL - 09를 사용하여 Reddit 클론 만들기 이제 SSR(Server-Side Rendering)을 설정합니다. 이제 코드를 약간 리팩토링하고 SSR을 urqlClient 에 추가합니다. 몇 가지 도우미 함수를 만들고 이러한 것들을 이동해 보겠습니다. 다음 단계는 인덱스 페이지에서 이 withUrqlClient 함수를 사용하여 urqlClient 를 제공하는 것입니다. Index.tsx 파일로 이동하여 변경해 보겠습니다. 이제 이 오... reactredditclonetypescriptgraphql React 및 GraphQL - 10을 사용하여 Reddit 클론 만들기 이제 우리는 서버에 이메일 기능을 추가하고 있습니다. 예제에서 코드를 가져와 파일에 붙여넣을 수 있습니다. 이제 우리는 forgotPassword 돌연변이를 생성하고 있습니다. 그런 다음 마이그레이션 명령을 실행하여 데이터베이스를 업데이트해야 합니다. 그런 다음 응용 프로그램을 실행하면 이 오류가 발생합니다. 이제 이메일이 필수 필드이기 때문에 사용자 등록 변형을 업데이트해야 합니다. 이제 ... reactredditclonetypescriptgraphql React 및 GraphQL - 12를 사용하여 Reddit 클론 만들기 이 블로그 게시물은 원래 내 블로그 사이트에 게시되었으며 여기에서 찾을 수 있습니다. 이전 게시물에서 말했듯이 여기에서 2개의 시나리오를 관리해야 합니다. 토큰 오류에 대한 오류 핸들입니다. 토큰 오류를 처리하기 위해 아래 코드 라인을 추가하십시오. 그런 다음 토큰 오류가 있는지 확인하기 위해 아래 코드를 추가합니다. 이 오류를 표시해 보겠습니다. 이 순간을 추가하려고 하면 404 오류가 발... reactredditclonetypescriptgraphql React 및 GraphQL - 13을 사용하여 Reddit 클론 만들기 이 블로그 게시물은 원래 내 블로그 사이트에 게시되었으며 여기에서 찾을 수 있습니다. 이제 POST 및 USER 와의 관계를 추가하려고 합니다. MikrORM 문서에서는 엔터티에 @ManyToOne를 추가하여 다대일 관계를 만들 수 있습니다. 더 검색하면 다음과 같이 author를 설정할 수 있습니다. 그런 다음 서버 프로젝트에서 index.ts 파일을 변경해야 합니다. 먼저 구성 개체를 T... reactredditclonetypescriptgraphql React 및 GraphQL - 14를 사용하여 Reddit 클론 만들기 이 블로그 게시물은 원래 내 블로그 사이트에 게시되었으며 여기에서 찾을 수 있습니다. 그런 다음 post 리졸버에서 이 미들웨어를 사용할 수 있습니다. 이 코드를 추가해 보겠습니다. InputField 구성 요소를 변경할 수 있습니다. prop라고 불리는 textarea를 받아 부울로 정의할 수 있습니다. 그런 다음 InputField 구성 요소에서 확인하십시오. createPost.grap... reactredditclonetypescriptgraphql React 및 GraphQL - 15를 사용하여 Reddit 클론 만들기 이 블로그 게시물은 원래 내 블로그 사이트에 게시되었으며 여기에서 찾을 수 있습니다. 이 블로그 게시물에서 우리는 페이지 매김을 설정할 것입니다. 사이트를 사용하여 모의 데이터를 생성하고 해당 데이터를 SQL 쿼리로 내보낼 수 있습니다. 해당 마이그레이션 파일에는 up 및 down 라는 2개의 메서드가 있습니다. 이 코드 줄을 up 메서드에 추가합니다. 그런 다음 이 마이그레이션 파일을 실행... reactredditclonetypescriptgraphql React 및 GraphQL - 18을 사용하여 Reddit 클론 만들기 이 블로그 게시물은 원래 내 블로그 사이트에 게시되었으며 여기에서 찾을 수 있습니다. 이제 프론트 엔드 코드를 추가해야 합니다. 이 컴포넌트에서 우리는 포스트가 가지고 있는 위아래 화살표 버튼과 현재 포인트를 보여주고 싶습니다. 또한 여기에서 다른 색상에서 우리의 응답 상태를 보여주고 싶습니다. 해당 변경 사항을 추가하기 전에 vote 및 post 메서드를 모두 변경하여 이에 맞게 변경합니다... reactredditclonetypescriptgraphql
React 및 GraphQL - 07을 사용하여 Reddit 클론 만들기 이제 사용자가 성공적으로 등록되면 사용자는 홈 페이지로 리디렉션해야 합니다. 그런 다음 홈 페이지에 리디렉션을 추가합니다. 먼저 EntityManager 에서 @mikro-orm/postgresql를 가져옵니다. 그런 다음 em를 EntityManager로 캐스트합니다. 여기서 getKnexQuery를 사용하면 모든 쿼리 작업을 사용할 수 있다는 몇 가지 사항을 강조해야 합니다. 그러나 여기... reactredditclonetypescriptgraphql React 및 GraphQL - 08을 사용하여 Reddit 클론 만들기 지난 블로그 게시물에서 홈페이지에서 이름을 업데이트하는 동안 문제가 있음을 확인했습니다. 이 문제를 해결하려면 업데이트 캐시 메커니즘을 추가해야 합니다. 관련 패키지를 추가해 보겠습니다. 이제 exchanges 페이지의 createClient에 _app.tsx를 추가해야 합니다. cacheExchange가 @urql/exchange-graphcache에서 오는지 확인하십시오. . 이제 사용자... reactredditclonetypescriptgraphql React 및 GraphQL - 09를 사용하여 Reddit 클론 만들기 이제 SSR(Server-Side Rendering)을 설정합니다. 이제 코드를 약간 리팩토링하고 SSR을 urqlClient 에 추가합니다. 몇 가지 도우미 함수를 만들고 이러한 것들을 이동해 보겠습니다. 다음 단계는 인덱스 페이지에서 이 withUrqlClient 함수를 사용하여 urqlClient 를 제공하는 것입니다. Index.tsx 파일로 이동하여 변경해 보겠습니다. 이제 이 오... reactredditclonetypescriptgraphql React 및 GraphQL - 10을 사용하여 Reddit 클론 만들기 이제 우리는 서버에 이메일 기능을 추가하고 있습니다. 예제에서 코드를 가져와 파일에 붙여넣을 수 있습니다. 이제 우리는 forgotPassword 돌연변이를 생성하고 있습니다. 그런 다음 마이그레이션 명령을 실행하여 데이터베이스를 업데이트해야 합니다. 그런 다음 응용 프로그램을 실행하면 이 오류가 발생합니다. 이제 이메일이 필수 필드이기 때문에 사용자 등록 변형을 업데이트해야 합니다. 이제 ... reactredditclonetypescriptgraphql React 및 GraphQL - 12를 사용하여 Reddit 클론 만들기 이 블로그 게시물은 원래 내 블로그 사이트에 게시되었으며 여기에서 찾을 수 있습니다. 이전 게시물에서 말했듯이 여기에서 2개의 시나리오를 관리해야 합니다. 토큰 오류에 대한 오류 핸들입니다. 토큰 오류를 처리하기 위해 아래 코드 라인을 추가하십시오. 그런 다음 토큰 오류가 있는지 확인하기 위해 아래 코드를 추가합니다. 이 오류를 표시해 보겠습니다. 이 순간을 추가하려고 하면 404 오류가 발... reactredditclonetypescriptgraphql React 및 GraphQL - 13을 사용하여 Reddit 클론 만들기 이 블로그 게시물은 원래 내 블로그 사이트에 게시되었으며 여기에서 찾을 수 있습니다. 이제 POST 및 USER 와의 관계를 추가하려고 합니다. MikrORM 문서에서는 엔터티에 @ManyToOne를 추가하여 다대일 관계를 만들 수 있습니다. 더 검색하면 다음과 같이 author를 설정할 수 있습니다. 그런 다음 서버 프로젝트에서 index.ts 파일을 변경해야 합니다. 먼저 구성 개체를 T... reactredditclonetypescriptgraphql React 및 GraphQL - 14를 사용하여 Reddit 클론 만들기 이 블로그 게시물은 원래 내 블로그 사이트에 게시되었으며 여기에서 찾을 수 있습니다. 그런 다음 post 리졸버에서 이 미들웨어를 사용할 수 있습니다. 이 코드를 추가해 보겠습니다. InputField 구성 요소를 변경할 수 있습니다. prop라고 불리는 textarea를 받아 부울로 정의할 수 있습니다. 그런 다음 InputField 구성 요소에서 확인하십시오. createPost.grap... reactredditclonetypescriptgraphql React 및 GraphQL - 15를 사용하여 Reddit 클론 만들기 이 블로그 게시물은 원래 내 블로그 사이트에 게시되었으며 여기에서 찾을 수 있습니다. 이 블로그 게시물에서 우리는 페이지 매김을 설정할 것입니다. 사이트를 사용하여 모의 데이터를 생성하고 해당 데이터를 SQL 쿼리로 내보낼 수 있습니다. 해당 마이그레이션 파일에는 up 및 down 라는 2개의 메서드가 있습니다. 이 코드 줄을 up 메서드에 추가합니다. 그런 다음 이 마이그레이션 파일을 실행... reactredditclonetypescriptgraphql React 및 GraphQL - 18을 사용하여 Reddit 클론 만들기 이 블로그 게시물은 원래 내 블로그 사이트에 게시되었으며 여기에서 찾을 수 있습니다. 이제 프론트 엔드 코드를 추가해야 합니다. 이 컴포넌트에서 우리는 포스트가 가지고 있는 위아래 화살표 버튼과 현재 포인트를 보여주고 싶습니다. 또한 여기에서 다른 색상에서 우리의 응답 상태를 보여주고 싶습니다. 해당 변경 사항을 추가하기 전에 vote 및 post 메서드를 모두 변경하여 이에 맞게 변경합니다... reactredditclonetypescriptgraphql