Hun's Blog

GraphQL을 개인 프로젝트에 적용하기위해 제대로 학습해보기 시리즈 해당 글은 Nexus 를 개인 프로젝트에 적용하고자 제대로 학습하기 위해 Nexus tutorial의 내용을 정리한 것입니다. Nexus tutorial에도 상세하게 나와있음을 알려드립니다. Adding mutations to Your API 3. Adding mutations to Your API 3. Adding mutations to Your API nexusjs.org Overview GraphQL mutation 작성. mutation에 대한 GraphQL 객체 노출 GraphQL Context 사용 GraphQL argument 사용 Wire up the context 먼저 메모리 내 데이터베이스를 설정하고 GraphQL c..

GraphQL을 개인 프로젝트에 적용하기위해 제대로 학습해보기 시리즈 해당 글은 Nexus 를 개인 프로젝트에 적용하고자 제대로 학습하기 위해 Nexus tutorial의 내용을 정리한 것입니다. Nexus tutorial에도 상세하게 나와있음을 알려드립니다. Schema 컴퓨터 과학에서 데이터베이스 스키마는 데이터베이스의 자료구조, 자료의 표현방법, 자료 간의 관계를 형식 언어로 정의한 구조이다. 데이터베이스 관리 시스템(DBMS)이 주어진 설정에 따라 데이터베이스 스키마를 생성하며, 데이터베이스 사용자가 자료를 저장, 조회, 삭제, 변경할 때 DBMS는 자신이 생성한 데이터베이스 스키마를 참조하여 명령을 수행한다. 외부스키마(External Schema): 프로그래머나 사용자의 입장에서 데이터베이스의..

GraphQL을 개인 프로젝트에 적용하기위해 제대로 학습해보기 시리즈 해당 글은 Nexus 를 개인 프로젝트에 적용하고자 제대로 학습하기 위해 Nexus tutorial의 내용을 정리한 것입니다. Nexus tutorial에도 상세하게 나와있음을 알려드립니다. GraphQL 페이스북이 2012년에 개발하여 2015년에 공개적으로 발표된 데이터 쿼리 언어이다. REST 및 웹서비스 아키텍쳐를 대체할 수 있다. 클라이언트가 필요한 데이터의 구조를 지정할 수 있으며, 서버는 정확히 동일한 구조로 데이터를 반환한다. 사용자가 어떤 데이터가 필요한 지 명시할 수 있게 해주는 언어이다. 이러한 구조를 통해 불필요한 데이터를 받게 되거나 필요한 데이터를 받지 못하는 문제를 피할 수 있다. 주요 클라이언트로는 아폴로와..

github.com/prisma/prisma/releases Releases · prisma/prisma Modern database access (ORM alternative) for Node.js & TypeScript | PostgreSQL, MySQL, MariaDB & SQLite - prisma/prisma github.com 1. Prisma 스키마 파일의 수동 변경 사항을 유지하여 보다 강력한 introspection 지원 prisma의 migrate가 불안정하기 때문에 일반 sql이나 migration 도구를 활용하여 migrate하는 경우가 많습니다. hackatalk-server에서 예를 들어보자면 database tool 로 dbeaver를 사용하고 있습니다. deaver에서 직접 ..

해당 예제는 아래의 nexus tutorial을 기반으로 하여 작성하였습니다. nexus 예제와 다른점은 npm이 아닌 yarn으로 변경된 것과 testing api를 위주로 설명하는 점입니다. npm으로 작성하고자 하시는 분은 아래의 예제를 참고하여 작성하셔도 됩니다. Nexus tutorial introduction An introduction to the Nexus tutorial. nexusjs.org 예제 작성환경은 mac 이며 vscode를 활용하여 작성되었습니다. 우선 아래의 명령어를 입력하여 nexus 프로젝트를 생성하도록 하겠습니다. $ mkdir nexus-testing && cd nexus-testing $ yarn install $ yarn add nexus $ mkdir api &..

Nexus 에서는 아래와 같이 database setting 없이 mutation과 query를 테스트하는 방법을 제공합니다. GraphQL Nexus · Declarative, Code-First GraphQL Schemas for JavaScript/TypeScript Declarative, Code-First GraphQL Schemas for JavaScript/TypeScript nexusjs.org 참여중인 프로젝트에서 제공하는 방법이 작동이 되지 않았습니다. 이유는 간단합니다. 아래의 링크로 들어가서 상단을 확인해보면 Nexus Framework와 Nexus Schema 버튼을 볼 수 있습니다. GraphQL Nexus · Declarative, Code-First GraphQL Schema..

!! 해당 예제는 prisma 2.3.0 을 사용합니다. 두부랩(dooboolab)의 오픈 소스 프로젝트인 hackatalk에서 GraphQL을 구현하기위해 Prisma를 사용합니다. 정확히는 Apollo Server +Prisma + nexus로 구현되어 있습니다. 그렇기 때문에 처음 프로젝트를 분석할때 도대체 어디서 부터가 prisma인지prisma가 정확히 무엇인지 파악하는 것이 쉽지만은 않습니다. 해당 글은 Prisma 공식 유튜브에 올라온 Building a modern backend with TypeScript, PostgreSQL and Prisma — Part 1을 소개합니다. 이 예제는 prisma를 활용해 schema를 직접 작성하고 CRUD를 구현하는 prisma methods를 사용..

Hackatalk은 두부랩(dooboolab)의 오픈 소스 채팅 프로젝트입니다. Hackatalk-Server는 GraphQL 기반으로 구현되어 있습니다. 해당 글은 Hackatalk 오픈 소스에 참여하시는 분들 중 Server, Backend의 경험이 부족 하시거나 GraphQL이 생소한 주니어 개발자 분들의 진입장벽을 조금이라도 낮추기 위해 작성되었습니다. Hacaktalk - server의 기술 사양 node typescript prisma prisma-nexus apollo-server jest postgreSQL Database 관리 tool은 DBeaver를 사용하고 있습니다. 실행 환경은 MAC OS 이며 IDE는 vscode를 사용하여 작성하였습니다. Hackatalk 오픈 소스에 Cont..

developer.android.com/training/transitions/start-activity 애니메이션으로 활동 시작 | Android 개발자 | Android Developers 머티어리얼 디자인 앱의 활동 전환은 공통 요소 간의 모션 및 변환을 통해 서로 다른 상태 간에 시각적 연결을 제공합니다. 들어가기 및 나가기 전환과 활동 간 공유 요소의 전환을 위한 맞춤 애 developer.android.com 머테리얼 디자인 앱의 액티비티 전환은 공통 elements 사이에서 이동과 transition을 통해 서로다른 상태에서의 시각적 연결을 제공한다. 당신은 `Enter`와 `Exit` transition및 액티비티간 `Shared element`에 대한 커스텀 애니메이션을 지정할 수 있다. ..

아래의 오픈소스를 통해서 분석하고 학습하여 개인프로젝트에 Dagger-Hilt적용 github.com/android/architecture-samples/tree/dev-hilt android/architecture-samples A collection of samples to discuss and showcase different architectural tools and patterns for Android apps. - android/architecture-samples github.com github.com/skydoves/Pokedex skydoves/Pokedex 🗡️ Android Pokedex using Hilt, Motion, Coroutines, Flow, Jetpack (Room, V..