즐거운인생 (미련없이 하자)

본 포스트는 [vuetify] Sample Wireframe적용 를 진행 했다는 가정하에 진행 합니다. router 설치 1. 설치 VScode terminal에서 실행 npm install --save vue-router 2. vue-router가 설치 안되어 있을시 에러 ERROR Failed to compile with 1 errors 11:18:26 ├F10: PM┤ This dependency was not found: * vue-router in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_..

Sample Wireframe 선택 vuetify에서 제공하는 무료를 아래 링크에서 확인 가능 합니다. vuetifyjs.com/en/getting-started/wireframes/ 여기서 맘에 드는 것을 하나 선택 합니다. 저는 Constrained 를 선택 했습니다. Constrained 적용 1. 소스 코드 찾기 위에서 선택한 Constrained를 누르면 다음과 같은 화면이 뜨게 됩니다. 소스코드를 보기 위해서 우측 하단에 고양이(Octocat) 표시를 누르면 github의 Contrained 소스 코드를 볼수 있습니다. 2. 소스 코드 복사 소스 코드를 모두 복사합니다. 쉽게 복사 하기위해서 Raw를 누르시면 깔끔하게 소스 코드를 보실 수 있습니다. 3. 소스 코드 적용 복사된 소스코드를 vu..

Brower 지원 확인 vuetifyjs.com/en/getting-started/browser-support/ Browser support Vuetify is a progressive framework that supports all evergreen browsers and IE11 / Safari with polyfill. vuetifyjs.com 설치 / 삭제 설치를 위해서 필요한 것 Vue CLI 1. 설치 - 아래 두 명령어중 하나로 설치 npm install -g @vue/cli yarn global add @vue/cli 2. 설치 완료 3. 확인 1) vue 명령으로 버전 확인 - vue -v 2) npm 설치 리스트 확인 - npm list -g --depth=0 4. vue-clie 삭..

of : 전체의 일부 그림 표현 예문 - this back door of the building is out of use part1) this back door of the building - 빌딜 전체의 일 부에 해당하는 뒷문 part2) out of use : 사용의 일부분이 나갔음 전체 : 빌들의 뒷문을 사용 할 수 없음 출처 www.youtube.com/watch?v=U6bLg6shpyY&ab_channel=%EC%98%81%EC%95%8C%EB%82%A8YAN

1. 원금 내가 가지고 있는 돈을 원금 이라고 합니다. 2. 이자 내 돈을 "타인"이 사용하려고 할 때 "타인"이 나에게 지불 해야 할 "돈의 사용료"를 이자 라고 합니다. 3. 금리 1) 정의 "원금"에 대한 "이자"의 비율, 이를 "이자율" 또는 "금리"라고 합니다. 2) 예시 - 다음은 은행에게 이자 받는 것을 표현한 그림 입니다. "나는 은행(타인)에게 100만원을 예금(빌려줌)합니다. 그러면 은행은 100만원을 사용 하였음으로 나에게 100만원에 대한 이자(돈의 사용료)를 주어야 합니다." 2. 금리 인상/인하에 따른 경제적 파급 효과

1. 목표 - web개발에 있어서 frontend와 backend를 연결하는 방법을 알아보겠습니다. - 이번 Post는 web개발 함에 있어서 front-end와 back-end를 연결 원리를 알지 못하는 사람들을 위한 post입니다. 2. Web Server의 Architecture - frontend와 backend를 이해 하려면 아래의 Web Server의 Architecutre는 무조건 이해하고 가야 합니다. 그래야 Frontend, backend 및 1tier, 2 tier, 3 tier Architecture 등을 이해할 수 있습니다. - Web Server의 기본 구조는 아래와 같이 3개의 Server(Web Server, Web Application Server, DB Server)로 구성..

1. Dockerfile 1) 목적 - base image 파일로 수정된 image 만드는 일련의 과정들을 정리해 놓은 파일 입니다. - docker는 Dockerfile을 이용하여 손쉽게 동일한 이미지를 반복해서 만들수 있습니다. 2) 문법 #FROM # 베이스 이미지를 지정합니다. 반드시 지정해야 하며 어떤 이미지도 베이스 이미지가 될 수 있습니다. # tag는 될 수 있으면 latest(기본값)보다 구체적인 버전(16.04등)을 지정하는 것이 좋습니다. # 이미 만들어진 다양한 베이스 이미지는 Docker hub에서 확인할 수 있습니다. # FROM : FROM ubuntu:16.04 #MAINTAINER # Dockerfile을 관리하는 사람의 이름 또는 이메일 정보를 적습니다. 빌드에 딱히 영향..

본 Go에 대한 모든 실습은 Linux(ubunutu)에서 진행 합니다. 1. 선언과 관련 키워드 개념 및 사용법 - 프로그램 개발 순서대로 나열 분류 키워드 설명 사용법 package package 현재 작업하는 파일 어느 package에 속하는지 선언 합니다. - package 패키지명 package main import 현재 작업하는 파일에서 사용 할 package를 선언 합니다 import ( "패키지명" "패키지명" ) import ( "fmt" "log" ) 변수 var - 변수를 선언 합니다. - go에는 초기화 안되는 변수가 없으며 초기화 값 아래 표기 숫자 = 0, boolean = false string = "" interface = nil - 여러 방식의 선언이 가능 합니다. 1. v..

본 Go에 대한 모든 실습은 Linux(ubunutu)에서 진행 합니다. 1. 프로그램의 기본 구조 GoLang의 프로그램 구조는 package, import, main으로되 어있다. package main import ( "fmt" ) func main() { fmt.Println("Hello, GoLang") } 1) package "패키지명" - 현재의 소스 파일이 어느 패키지에 들어가 있는지를 명시한다. - 최종 Directory 명이 패키지 명이 된다 - 예외적으로 package main라고 되어있다며 현재 소스파일은 단독 실행 파일임을 명시한다. 2) import ("패키지명") - 각종 Package(=Library) 를 불러오는 역활을 한다. c언어의 #include와 동일한 기능이다. 3..

본 글에서는 부자 아빠 가난한 아빠라는 책을 통하여 나의 부자 마인드를 점검하려고 한다. 이 책을 통해서 마인드를 점검하는 이유는 우선 유명해서이고 책을 읽어보니 내가 추구하는 부의 방향 이기도 하기 때문이다. 그러면 지금부터 각 Chapter를 통하여 내가 얼마나 부자와 거리가 멀었는지를 깨달으려고 한다. 그리고 책을 다 읽기에는 시간이 부족한 사람들을 위한 글이기도 하다. Chater 3 : 부자들은 자신을 위해 사업을 한다. 부제 : 부자들은 자산에 초점을 맞춘다. 부자가 아닌 이들은 수입에 초점을 맞춘다. 1 핵심 일화 - 사람들은 맥도날드가 햄버거를 파는 회사라고 생각을 하지만 매 도날드 창업자이 레이 크록은 맥도널드는 햄버거 사업을 하는 것이아니라 부동산 사업을 한다. 그래서 세계에서 가장 좋..