Dahee's Solution Hub

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 storeFor small to medium Apps, we don't necessarily need to use Redux!dev.tohttps://velog.io/@i_thank/React-Context-API React Context API with Hook들어가기 전에 Context API의 이유 목표 - - Context API는 data들을 자식에게 전달할..

https://academy.nomadcoders.co/courses/enrolled/546456 실전형 리액트 Hooks[중급] JavaScript, ReactJSacademy.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-2020Movie App build with React, Apollo and GraphQL 노마드 코더 아폴로 강의 - daheeahn/apollo-2020github.com2. npm install -g create-react-app // React 위해서 필수인가? react-native 처럼?3. npx create-react-app apollo-20204. src 폴더 안에 있는 것들 중, App.js /..

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-yogagithub.com easy installation 1. yarn init2. 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 BlogStep by step goes a long way.gmlwjd9405.github.io테스트를 많이 하는 개발방법? 그정도의 개념이 아니다.말그대로 테스트가 주도하는 개발.테스트를 먼저 작성하고 테스트가 요구하는 만큼의 개발을 진행. 테스트를 작성하지 않은 부분은 구현하지 않는다! Describe it. = RDD Readme Driven DevMake it fail *** (테..

1. setState는 async다 this.setState({ checkList: checkedList, })  2. MapView in android현재 위치 버튼이 안드로이드에서만 안보임export class MapWithPin extends Component { constructor(props) { super(props) this.state = {marginTop: 0}; // here!!!!!! } componentWillMount() { // here!!!!!! //Hack to ensure the showsMyLocationButton is shown initially. Idea is to force a repaint setTi..

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

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

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

빵판에서 +- 는 아래로 쭉 같은거고 그 사이에는 A-E F-J 각각이 연결된거! 서버 :nputt or http IO~~~는 우리가 임의로 설정 가능한거라 아무데나 연결하면 됨! LED의 긴쪽이랑 저항 짧은게 그라운드랑 팩트 : 짧은쪽이 저항 FTDI232 여기서 가운데랑 3.3V를 연결하기 VCC : + 파일 - 환경설정 - 추가적인 보드 매니저 URL : http://arduino.esp8266.com/stable/package_esp8266com_index.json 이거 입력하면 보드매니저에서 8266 검색 가능 불러오는 중입니다... 그리고 보드를 node mcu 1.0 esp12 어쩌구로 하고 예제 basic blink 핀번호 맞춰야해 나는D7로해서 13으로 한거 코드 /* Blink Turn..