Dahee's Solution Hub

[참고링크] 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://academy.nomadcoders.co/p/build-a-blockchain-with-typescript Typescript로 블록체인 만들기 [중급] JavaScript academy.nomadcoders.co 타입스크립트를 배우는 것에 초점을 둠!

[Stack]- GraphQL- Apollo- ReactJS- StyledComponent https://github.com/daheeahn/nomad-notes daheeahn/nomad-notesOffline-First Markdown Note Taking App bulit with Apollo오프라인 노트앱 만들기 - daheeahn/nomad-notesgithub.com GraphQL, Apollo로 local state 관리, 오프라인으로.Redux(x) Context Api(x) 니꼴피셜: 리덕스 버림. Apollo, GQL과 함께면, 리덕스 필요 없음 GQL이 Redux의 API 부분만 대체하는줄 아는데,GQL로 local state 다루는걸 보여줄 것. api 없이, 다 local sta..

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

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