오늘도 공부

Riverpod는 기존의 provider 를 개선해서 나온 업그레이드 버전이다. 정식 패키지는 https://riverpod.dev/ko/ Riverpod 안전하게 Provider 읽기 Provider를 읽는 중 더 이상 bad state가 되지 않습니다. 만약 Provider를 읽기 위한 필요한 코드를 작성하면, 당신은 유효한 값을 얻을 수 있습니다. Provider는 비동기적으로 로드된 riverpod.dev 자세한 설명은 https://velog.io/@yeahsilver/Flutter-Riverpod-Riverpod%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80-Riverpod%EC%9D%84-%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94-%..

안녕하세요. 수지아빠입니다. 현재 블로그내 글을 안적은지 몇개월이 되어가네요. 그래서 이번참에 글을 다시 적어볼려고 생각합니다. 30일이상 매일 한개의 다양한 주제의 글을 올려보는게 현재로서는 목표입니다. 1. 개발 2. 부동산 공부 3. 인생 공부 그리고 현재 Flutter 단톡방도 운영중입니다. 개발관련해서 궁금하시거나 토론하실 내용 있으시면 여기 오셔서 말씀해주세요. https://open.kakao.com/o/gsshoXJ Flutter 개발자 모임 #flutter #android #ios #안드로이드 #아이폰 #모바일 #선물요정소환 open.kakao.com

안녕하세요. 수지아빠입니다. 오늘은 마스크를 사기위해 온라인에서 며칠간 구매를 시도했었지만 쉽지는 않아서 알람을 받을수 있는 앱을 개발하게 되었습니다. https://play.google.com/store/apps/details?id=kr.pe.mask.alarm 마스크 실시간 알람 - Google Play 앱 국내 판매중인 마스크 판매 실시간 알람을 보내주는 앱입니다. 기능 1. 판매 시간에 대한 카운터 다운 2. 현재 구매 버튼이 활성화시 실시간 알람 서비스 개발예정중인 기능 1. 구매 시간 앞 알람을 설정 2. 다른 카테고리 추가(손소독제등) 모쪼록 필요하신 분들은 유용하게 쓰시기 바랍니다. ---- 개발자 연락처 : 07043562312 play.google.com 그럼 기능들 설명입니다. 현재 ..

Flutter 대표 카카오톡 개발자 톡을 운영중입니다. https://open.kakao.com/o/gsshoXJ Flutter 개발자 모임 #flutter #android #ios #안드로이드 #아이폰 #모바일 #선물요정소환 open.kakao.com 자바스크립트에서 많이 사용되는 Promise.all 을 다트에선 어떻게 구하는지 알아볼 예정입니다. Promise.all 은 여러개의 Promise 를 모아서 한꺼번에 처리해주는 역할을 해준다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Promise/all Promise.all() Promise.all() 메서드는 순회 가능한 객체에 주어진 모든 프로미스가 ..

이 내용은 https://www.udemy.com/course/vue-js-course 를 공부해서 정리한 내용입니다. 개발완료 화면은 다음과 같습니다. Input을 넣으면 텍스트에 맞게끔 이미지가 생성됩니다. vue는 선언형 형태로 개발되며 다음 세가지 flow를 가진다고 한다. Data : 데이터 초기화 Compute : 주어진 데이터를 조합해서 리턴해줍니다. Method : 만들어진 데이터를 이용해서 랜더링해서 화면을 다시 보여줍니다. Html My identicon generator Input: Output: Javascript new Vue({ el: '#app', data: { textInput: '' }, computed: { identicon: function() { return jdent..

저장소 정리하다 보니 1월에 진행된 간단한 백엔드 연동된 스터디 자료가 있어서 공유합니다. 내용 : 간단한 투두 리스트 구현내용 1. Flutter 2. Bloc 3. RxDart 4. Docker 5. Node, Express 6. nginx proxy https://github.com/bear2u/flutter-ecommerce-study

Pragmatic State Management in Flutter (Google I/O’19) Dart: Productive, Fast, Multi-Platform — Pick 3 (Google I/O’19) Beyond Mobile: Building Flutter Apps for iOS, Android, Chrome OS, and Web (Google I/O’19) Building for iOS with Flutter (Google I/O’19) Beyond Mobile: Material Design, Adaptable UIs, and Flutter (Google I/O’19)

.final__clip-image-1 { -webkit-clip-path: circle(50% at 50% 50%); clip-path: circle(50% at 50% 50%); } .final__clip-image-2 { -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%); clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%); } .final__clip-image-3 { -webkit-clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 7..

.shadow-typo { position: relative; display: inline-block; font-size: 4em; text-transform: uppercase; color: #00b3b4; text-shadow: 3px 3px 0px #e7eef1, 8px 8px 0px rgba(0, 0, 0, 0.1); } .threedee-typo { font-size: 4em; text-transform: uppercase; color: #f2395a; -webkit-transform: skew(-5deg, -5deg) rotate(5deg); transform: skew(-5deg, -5deg) rotate(5deg); -webkit-transform-origin: center center; ..

React Styled-Component노마드 코더 styled-components공식홈Basicstyled-components 을 사용해서 스타일링 할 수 있다.this -> & 로 내부에서 사용가능props 도 사용 가능하다.import React, { Component, Fragment } from 'react'; import styled from 'styled-components'; class App extends Component { render() { return ( Success Danger ); } } const Container = styled.div` height: 100vh; width: 100%; background-color: #bdc3c7; ` const Button = styl..