본문 바로가기

전체 글

(28)

🚶🏻#28 [Apollo Server & GraphQL & Prisma] - 서버세팅 GraphQL Node.js를 이용해, 데이터베이스에 접근하는 나만의 명령어를 만들고 (Query, Mutation, TypeDefs, resolvers ) CRUD 요청, 응답을 더 효과적으로 처리할 수 있게 해주는 API ( 연결다리 ) Apollo Server GraphQL 을 사용하는 서버를 쉽게 만들어주는 Node.js 의 패키지 Prisma prisma 는 ORM 으로써 GraphQL 타입으로 DB 쿼리 조회, 테이블 생성 등을 담당한다 GraphQL 로 불러오고 싶은 데이터의 뼈대를 만들고, prisma 를 통해 원하는 데이터를 가지고온다 Step 01 - package.json 만들기 /* package.json 파일을 만드는 명령어 */ npm init --yes Step 02 - 패키지..

🚶🏻#27 [React & RN] - Flatlist Flatlist vs ScrollView ScrollView 는 ScrollView 안에 들어갈 데이터를 모두 가지고 온다 Flatlist 는 화면상에 보이는 데이터만 가지고 온다 사용법 및 Props import React from "react"; import { FlatList } from "react-native"; ( )} /> 필수 Props 는 data 와 renderItem 입니다 data 는 FlatList 에서 보여줄 data array 를 말합니다 renderItem 은 data 에 입력한 data array 를 하나씩 렌더링 시킵니다 onRefresh 는 스크롤 해서 새로고침 할때 사용합니다 refreshing 은 boolean 형으로 새로고침이 진행중인지 판별합니다 ItemSepar..

🚶🏻#26 [React & RN] - @react-navigation/native, Tab, Stack React Native Navigation, Tab, Stack /* 네비게이션 설치법 */ npm install @react-navigation/native npm install react-native-safe-area-context npm install react-native-screens /* Mac OS */ npx pod-install ios /* Tab 설치법 */ npm install @react-navigation/bottom-tabs /* Stack 설치법 */ npm install @react-navigation/native-stack How to used /* App.js */ import React from "react"; import { NavigationContainer } fr..

이전 1 2 3 4 ··· 10 다음

티스토리툴바