오늘도 공부

이 내용은 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..

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