Develop/React & React Native 88

[더들어야함] React Apollo

DaheeSpace - movieql 서버 돌려야 해! https://academy.nomadcoders.co/courses/enrolled/364948 불러오는 중입니다... 1. 언제나처럼 깃헙 프로젝트 만들기! https://github.com/daheeahn/apollo-2020 daheeahn/apollo-2020 Movie App build with React, Apollo and GraphQL 노마드 코더 아폴로 강의 - daheeahn/apollo-2020 github.com 2. npm install -g create-react-app // React 위해서 필수인가? react-native 처럼? 3. npx create-react-app apollo-2020 4. src 폴더 안에 있..

Facebook도 쓰는 GraphQL 정복하기

graphql-yoga: create-react-app 명령어랑 비슷. GraphQL 프로젝트를 빠르게 시작할 수 있음 https://github.com/prisma-labs/graphql-yoga prisma-labs/graphql-yoga 🧘 Fully-featured GraphQL Server with focus on easy setup, performance & great developer experience - prisma-labs/graphql-yoga github.com easy installation 1. yarn init 2. make github repository 3. git init / git remote add / git pull origin master graphql-yoga: ..

TDD 개발 방법론

github : https://github.com/daheeahn/TDDRN Test Driven Development 불확실성이 높을 때 진행 https://gmlwjd9405.github.io/2018/06/03/agile-tdd.html [Agile] TDD(테스트 주도 개발)란 - Heee's Development Blog Step by step goes a long way. gmlwjd9405.github.io 테스트를 많이 하는 개발방법? 그정도의 개념이 아니다. 말그대로 테스트가 주도하는 개발. 테스트를 먼저 작성하고 테스트가 요구하는 만큼의 개발을 진행. 테스트를 작성하지 않은 부분은 구현하지 않는다! Describe it. = RDD Readme Driven Dev Make it fail..

react-navigation

React Navigation · Routing and navigation for your React Native apps Routing and navigation for your React Native apps reactnavigation.org gesture-handler 설치할 때 link하면 오류가 났음. 맨 밑에 설정까지 해줬는데. https://github.com/kmagiera/react-native-gesture-handler/issues/671 Android 'react-native-gesture-handler' error · Issue #671 · kmagiera/react-native-gesture-handler When I follow the instruction by the rea..

[React/Inflearn] 리액트 처음이시라구요? React JS로 웹 서비스 만들기!

Introduction to React React는 단방향 데이터플로우를 가지고 있음 데이터 -> UI (항상 이 방향) 데이터가 변하면 UI가 변함 UI에서 데이터를 바꿀 순 없음 리액트 : UI 라이브러리 (프레임워크 X) 리액트는 VIEW이기 때문에 파이썬, 루비 등등과 같이 쓸 수 있다 리액트는 view이기 때문에 model과 controller랑 섞어 쓸 수 있다 리액트를 장고 루비 노드.js랑 섞어쓸 수 있다 https://yts.lt/api API Documentation - YTS YIFY Official YTS YIFY API documentation. YTS offers free API - an easy way to access the YIFY movies details. yts.lt ..

[React Native/Inflearn] React Native로 ToDo 앱 만들기

강의마다 commit 해놓음! README.md를 포함한 git repository를 만들고 프로젝트 폴더에서 git remote add origin https://github.com/daheeahn/190623_KawaiToDo.git 를 해준 후 git pull origin master git add . git commit -m "msg" git push origin master 이렇게 하더라! READMD를 프로젝트 폴더에 가져오기 위함! Coding the UI part 1 Android에서는 fontWeight가 안먹는다 https://github.com/react-native-training/react-native-fonts react-native-training/react-native-fon..

[React/Inflearn] 생활코딩 React

React : Facebook에서 만든 Javascript UI Library Component : 사용자 정의 태그 1. 가독성 2. 재사용성 3. 유지보수 https://reactjs.org/docs/create-a-new-react-app.html#create-react-app Create a New React App – React A JavaScript library for building user interfaces reactjs.org > npm install -g create-react-app@2.1.8 -g : 터미널 어디에서나 사용 가능! 맥 : sudo 추가 C:\Users\user\Desktop\dev\expo\myNewProject>create-react-app Please spec..

[React Native/Inflearn] React 첫 입문 & React Native로 날씨앱 만들기

https://facebook.github.io/react-native/docs/getting-started React Native · A framework for building native apps using React A framework for building native apps using React facebook.github.io 아직은 window라 이렇게 설정. Expo CLI Quickstart는 간결한데 안되는게 많음 결국은 React Native CLI Quickstart를 써야함 아래로 쭉쭉 따라하면 됨 안드로이드 에뮬레이터에서 설정 창 띄우기 adb shell input keyevent 82 [Inflearn] Expo - XDE 지원 중단 -> CLI 설치 https://cod..