치로의 부자되기 프로젝트

금리의 기초 슈카쌤에게 배워보기 1. 금리(Interest rate)돈의 가치. 기대 수익률. 실시간으로 달라진다. 대출받아 일하는 사람 입장에선 현재의 기회비용. 돈의 가치는 시장에 의해 수요 공급의 원칙에 의해 결정된다. 금리가 오른다는 것은 돈을 필요로 하는 사람들이 많다는 것이고, 그들은 투자할 것들이 많다(수요가 많다)는 얘기. 따라서 개발도상국이 돈의 가치가 높다. 그래서 성장잠재력이 낮은 나라가 금리가 낮다. 물가가 오르면 돈의 가치도 올라간다. 투자(물건을 사는 것 포함)를 위해 돈이 많이 필요해지니까 돈의 가치가 오르고, 돈의 가치는 금리이니까 결국 금리가 올라간다. ※ LTV매매가 대비 대출 가능한 비율※ DTI소득 대비 대출 가능한 비율 2. 기준금리, 중앙은행(한국은행)이 정하는 금..

VS CODE로 html 학습하기 1. html이란?HyperText Markup Language의 약자로써 웹문서를 만들기 위한 언어이다. html언어는 태그라는 명령어로 이루어져 있다. 태그는 괄호로 묶어서 표현하고, , 태그로 작성해야 한다. html 언어는 영문자 대, 소문자로 작성 가능한데, 소문자로 작성하는 것을 추천한다. html 언어는 저장 시 반드시 파일명.html 또는 파일명.htm으로 저장한다. 저장된 html 문서를 미리보고자 한다면 더블클릭하면 된다. 브라우저에서 자동으로 열리게 된다. 2. HTML(Hyper Text Markup Language) 언어WWW를 통해 볼 수 있는 하이퍼텍스트 문서를 만들기 위한 프로그래밍 언어. 웹페이지의 구조를 만들기 위한 언어. 웹에서 대부..

배당성향(Payout Ratio)과 FFO(Funds from operations)1. 배당성향(Payout Ratio)이란?배당주를 투자할 때 꼭 확인해야 하는 지표. 기업이 벌어들인 수익(당기순이익, 일정기간동안의 순이익)에서 현금으로 지급된 배당금이 차지하는 비율을 뜻하는 것.배당성향(%) = 배당금총액/당기순이익 = 주당배당금(DPS)/주당순이익(EPS) 기업이 이익을 내면 일부는 기업의 성장을 위한 연구나 시설 투자, 인수/합병 등에 사용하고 일부는 주주들에게 배당을 통해 이익을 공유한다. 배당성향이 높으면 주주들에게 기업의 이익을 환원할 수 있지만, 기업이 사업에 투자할 여력은 줄어든다. 반대로 배당성향이 낮으면 기업이 성장하는데 필요한 투자를 할 수 있지만, 주주들과 이익을 공유하는 부분이 ..

1. 부모프레임과 자식프레임간 버튼 클릭하면 모달 팝업 띄우기 구현하기1) 모달열기 버튼을 선택하고 ‘prototype’ 패널에서 ‘부모 프레임'과 연결한다.연결하면 애니메이션 설정 옵션이 뜨는데, 여기서 Open overlay를 활용한다. 모달 팝업의 노출 유형에 대한 상세 설정을 하고, 부모 프레임을 선택하여 Preview 해보면 모달 팝업이 뜨는 것을 볼 수 있다. ※ 닫기 버튼 클릭 시에도, 닫기버튼을 선택해 두고 '부모프레임'과 연결하면 애니메이션 설정 옵션이 뜨는데,여기서 Close overlay를 설정해 주면 팝업 창 닫기 애니메이션이 자동으로 구현된다. 2) 프로토타입의 이벤트 설정은 ‘on Click’ 또는 ‘on Tap’, 화면전환은 ‘open Overlay’, 프레임 이름은 ‘모달윈도..

1. 프로토타입이란?실제 화면처럼 시연하는 테스트 화면. 본격적인 상품화에 앞서 성능을 검증 및 개선하기 위해 간단히 핵심 기능만 넣어 제작한 기본 모델 화면 전환, 애니메이션 등의 움직이는 동작(인터랙션)을 포함한다. 시제품, 견본품이라고도 한다. 2. 프로토타입의 특징- 본격적으로 제품 개발 및 생산에 들어가면 도중에 중단하거나 취소하는 것이 쉽지 않으므로 사전에 프로토타입을 제작하고 검증 과정을 거쳐 위험 부담을 최소화한다.- 이를 위해 예상 고객에게 프로토타입을 사용해보게 하고 피드백을 받아 제품 개선 시 반영하기도 하는데 이를 프로토타이핑이라고 한다.- 기계, 자동차, 전자전기, 컴퓨터, 항공, 우주, 토목, 건축 등 공학 산업과 패션, 교육, 의료 산업에서 주로 제작하고, 특히 IT 산업에서 ..

1. 와이어프레임(Wireframe)UX/UI의 기획단계 또는 시각적 요소들에 대한 디자인을 하기 전에 화면 구성요소의 배치와 속성, 기능, 네비게이션 등과 관련한 동작들을 그린 도면. 최종적으로 화면에 표시될 구성, 정보 체계, 기능, 콘텐츠를 요약하여 보여주는 것으로 색상, 타이포그래피, 이미지 등의 정보를 최소화하여 도식(Schematic), 청사진, 프로토타입(Prototype)의 형식으로 보여주는 것을 의미하며, 자신의 생각을 시각화하여 보여주게 된다. 이 때 그래픽 요소나 시각적 요소의 표현보다는 계층 요소의 구현을 중심으로 표현해야 한다.2. 와이어프레임의 구성요소- 콘텐츠들의 분류- 정보의 구조- 사용자 상호작용(Interation)  ※ 선택한 프레임에 대한 미리보기(Present 혹은 ..

1. Variants란?변형, 컴포넌트를 조합하여 컴포넌트 세트를 만들어 좀 더 체계적으로 사용하기 위한 기능 해시태그 박스 만들기 사각형 오브젝트+텍스트박스를 오토 레이아웃 적용 후 Hug Contents 옵션을 사용하면 텍스트박스 크기가 텍스트 크기만큼 알아서 늘어난다. 그렇게 만든 버튼을 복사하여 문자 내용만 변경하면 해시태그 박스 완성! 2. 인터랙션을 위한 컴포넌트 등록하기각각 등록한 컴포넌트들을 Combine as variants로 결합하면(부모 컴포넌트끼리만 결합할 수 있다.) 하나의 인터랙션형 컴포넌트로 Assets 컴포넌트에 등록되며, 두 컴포넌트가 하나의 컴포넌트로 묶였다는 뜻의 점선 그룹이 생긴다. 이 그룹 컴포넌트를 Assets에서 꺼내와서 사용하면 된다.꺼내와서 오브젝트를 내가 필..

교통비 절약하기영종도 주민의 K-패스, 기후동행카드, 영종도 주민 교통비 환급을 활용한서울 출퇴근  '교통 패스 종류가 왜 이렇게도 많은걸까, 영종도 주민 페이백 정책도 있는 것 같긴 한데... ' 교통비와 관련된 정책이 지역에 따라서도 이것저것 참 많다. 궁극적으로 서울 출퇴근을 하는 영종도 주민인 나는 어떻게 교통비를 절약할 수 있는 건지 궁금했다. 그래서 직접 카드 정책을 꼼꼼하게 알아보고 정리해 보았다. 우연히 이 글을 보게 되신 누군가에게도 도움이 되길 바라면서. 서울과 거리가 멀어진 것을 과감하게 선택한 만큼(일명 몸테크) 각종 비용 절감에 최선을 다해보기로 다짐하면서.1. K-패스란?K-패스 사업에 '참여하는 지자체(인천 전역도 참여 중!)에 주민등록상 등록된' 만 19세 이상 주민이 전국 ..

1. 베리언트베리언츠(Variants)란 변형이라는 뜻으로, 컴포넌트들을 조합하여 컴포넌트 세트를 만들어서 체계적으로 사용하는 기능이다.(ex. 마우스 오버 전/후) 1) 각 상태의 컴포넌트를 만들고 네이밍 한다. ex) 버튼 on, 버튼 off  2) 만든 컴포넌트들을 Combine as variants 기능으로 결합하여 그룹으로 묶는다. 결합된 컴포넌트는 재활용의 용도가 아니라 하나의 디자인에 두 가지 디자인을 사용하고자 하는 용도로 사용하는 것이다. 이로써 'button on/off'와 과 같은 인터랙션을 구현할 수 있다.  3) 왼쪽 패널창 assets에서 등록된 combine 그룹을 확인하고 프레임창에 드래그하여 삽입한다.4) 버튼 on, off 디자인을 오른쪽 패널에서 속성에서 선택하여 확인할..

Figma 그리드, 레이아웃, 오토 레이아웃, 컴포넌트1. 그리드 레이아웃이란?그리드 레이아웃이란 화면의 배치를 의미한다. 레이아웃을 구성하는 요소에는 여러 가지가 포함되는데 대표적으로 문자와 이미지가 있다. 2. 레이아웃에 필요한 조건1) 주목성2) 가독성3) 조형성4) 독창성 3. 그리드란?그리드란 격자, 바둑판의 눈금을 말한다. 면을 구성할 때에 쓰이는 가상의 격자 형태의 안내선을 말한다. 일반적으로 수직과 수평으로 면이 분할되는 형태이다. 4. 그리드 시스템의 기능그리드 시스템은 정보의 구조, 정보의 전달과 반복의 기능을 한다. 5. 레이아웃레이아웃에는 X-레이아웃, 스크롤-레이아웃, F-레이아웃 등이 있다. 6. 960 그리드 시스템최적화된 해상도는 가로 사이즈 960px이다.(940px, 좌우..