오늘도 공부

저장소 정리하다 보니 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..

Gitflow 공부initgit flow init 소스트리를 사용해서 진행해볼 예정이다.오른쪽 상단에를 클릭해서 branch등을 설정해준다.설정화면에서 시작하기를 눌러서 진행해준다.그리고 각각의 기능별로 시작시 오른쪽 상단 깃 플로우를 클릭해주면feature(새기능)그런다음 소스를 수정해서 다시 finish를 할 수 있다.이런식으로 finish 를 하게 되면 develop 브랜치에 자동으로 merge 되는 걸 볼수 있다. 만약 체크를 하면 rebase 가 된다.release출시 버전을 관리를 하는데 출력을 보면Summary of actions: - A new branch 'release/1.0' was created, based on 'develop' - You are now on branch 'rele..

Flutter 화면 제작 공부https://www.youtube.com/watch?v=dMLreUXpSQ0&t=1s를 보고 하나씩 공부 하고자 한다.우선 사이즈 부분을 알아보자.Row를 사용해서 정렬Container Boxdecoration을 이용해서 박스형태 제작그림자 효과 적용소스높이 자동 계산 로직double baseHeight = 640.0; double screenAwareSize(double size, BuildContext context) { return size * MediaQuery.of(context).size.height / baseHeight; }import 'package:flutter/material.dart'; import 'package:flutter_adidas_shoes_..

할 줄 아는 것과 해 보고 싶은 것최근 풀스택(잡부라고도 한다)으로 개발하다 보니 과연 내가 무엇을 할 줄 알고 미래에는 무엇을 하고 싶은지 생각을 할 때가 있다. 그래서 이번 참에 한번 정리를 해보고자 한다. 할 줄 아는 것자바 (12년)Android (10년)JSP + 톰캣 (3년)Spring (5년)IOS (1년)Flutter (6개월)Golang (2개월)PHP (7년)Mysql (12년)Oracle (1년, 11g 자격증 보유)Mssql (1년)sqlite (10년)mongodb (6개월)node (1년)javascript (4년)es6 (6개월)Graphql (입문)docker (3개월)kubernetes (입문)Tensorflow (입문)RxJava (2년)Kotlin (2년)AWS (2년)..

부산에서 매주 진행되는 스터디입니다.부산에서 다른 스터디 내용을 보실려면 카페 에서 보실수 있습니다.https://www.udemy.com/docker-and-kubernetes-the-complete-guide 을 공부하고 있습니다도커 & 쿠버네티스 9주차 스터디 pod 자세한 설명 스크립트# kubectl describe > kubectl describe pod client-pod ........... Name: client-pod Namespace: default Node: minikube/10.0.2.15 Start Time: Sat, 02 Feb 2019 12:05:16 +0900 Labels: component=web Annotations: kubectl.kubernetes.io/last-ap..

부산에서 매주 진행되는 스터디입니다.부산에서 다른 스터디 내용을 보실려면 카페 에서 보실수 있습니다.https://www.udemy.com/docker-and-kubernetes-the-complete-guide 을 공부하고 있습니다Kubernetesminikube start 상태확인minikube status 클러스터 정보 확인kubectl cluster-info 목표다양한 도커 이미지들을 활용해서 로컬 쿠버네티스를 통해서 올리는 게 목표도커 컴포즈와 쿠버네티스 비교docker-compose이미지들을 각각 빌드해서 올린다우리가 원하는 컨테이너를 만든다각 네트워크 속성들에 대해 정의를 각각 한다.kubernetes이미 모든 이미지들이 만들어져있다고 가정한다우리가 만들기를 원하는 하나의 오브젝트에 하나의 ..