코딩을 보라

https://coding-dahee.tistory.com/111 아폴로 습득 후 직접 해보기! 목적: redux, context 대체. 1. isLoggedIn 이라는 변수 만들고 cache에서 가져와보기 client/src/apollo/Apollo.js import {resolvers, typeDefs} from './resolvers'; import {ApolloClient} from 'apollo-client'; import {HttpLink} from 'apollo-link-http'; import {InMemoryCache} from 'apollo-cache-inmemory'; const cache = new InMemoryCache(); const link = new HttpLink({ ur..

[참고링크] https://yuddomack.tistory.com/entry/React-Navigation%EC%9C%BC%EB%A1%9C-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%ED%83%AD-%EB%84%A4%EB%B9%84%EA%B2%8C%EC%9D%B4%ED%84%B0-%ED%99%94%EB%A9%B4-%EA%B5%AC%EC%84%B1%ED%95%98%EA%B8%B0 React Navigation으로 로그인, 탭 네비게이터 화면 구성하기 이전에 react-native-navigation 사용법을 포스팅 한 적이 있는데, react-navigation이 react-native-navigation보다 설치도 간편하고, 사용하기 편리하고, 무엇보다 성능이 좋아져서 최근에 자주 사용하고 있습..

https://www.youtube.com/watch?v=A4Grb-bm0Ok&list=PL7jH19IHhOLMTVBzUkbN74h1nyXW7VhYV [Stack] - GraphQL - Apollo - ReactJS - StyledComponent https://github.com/daheeahn/nomad-notes daheeahn/nomad-notes Offline-First Markdown Note Taking App bulit with Apollo오프라인 노트앱 만들기 - daheeahn/nomad-notes github.com GraphQL, Apollo로 local state 관리, 오프라인으로 !! No 리덕스 No Context Api !!!!! 니꼴피셜: 리덕스 버림. Apollo, GQ..

https://academy.nomadcoders.co/courses/styled-components-like-a-boss/lectures/4713642 #1 Setup and a trip to the past Make CSS great again. academy.nomadcoders.co https://github.com/daheeahn/awesomeness-styled-components daheeahn/awesomeness-styled-components Learn About Styled Component. Contribute to daheeahn/awesomeness-styled-components development by creating an account on GitHub. github.co..

https://academy.nomadcoders.co/courses/enrolled/324423 불러오는 중입니다... React Context API: React 16.3 이후 생김 - context api를 hooks와 사용하기 위해 참고한 링크 https://dev.to/nazmifeeroz/using-usecontext-and-usestate-hooks-as-a-store-mnm Using useContext and useState hooks as a store For small to medium Apps, we don't necessarily need to use Redux! dev.to https://velog.io/@i_thank/React-Context-API React Context A..

https://academy.nomadcoders.co/courses/enrolled/546456 실전형 리액트 Hooks [중급] JavaScript, ReactJS academy.nomadcoders.co useState, useEffect npm에는 자신의 use~ 라이브러리를 많이 배포해. 수많은 사람들이 자신의 hooks을 공유해. useTitle: react document의 title을 몇개의 hooks와 함께 바꾸는 것 useInput: 그냥 input 역할 usePageLeave: 유저가 page를 벗어나는 시점을 발견하고 함수를 실행함 useClick: 누군가 element 클릭하는 시점을 발견해 useFadeIn: 어떤 element든 상관없이 애니메이션을 element 안으로 서서히..

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 폴더 안에 있..

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: ..

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 · 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..