치로의 부자되기 프로젝트

배당성향(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, 좌우..

Figma의 스타일 등록 및 적용, 스마트 셀렉션, 오토 레이아웃  1. 스타일을 등록하는 방법(create style)1) 글자 스타일글자를 선택하고 오른쪽 패널에서 Text의 ‘점자’ 버튼을 클릭한 후, ‘+’ 아이콘을 클릭하여 글꼴과 폰트 사이즈에 대한 스타일을 등록한다.2) 색상 스타일스타일로 만들 객체(색상)를 선택하고 오른쪽 패널에서 Fill의 '점자'버튼을 클릭한 후 '+' 아이콘을 클릭하여 색상 스타일을 등록한다. 2. 스타일 적용하기글자를 작성한 후 오른쪽 패널창에서 등록해 둔 스타일을 선택하면 반복적인 스타일 적용 작업을 빠르게 할 수 있다. 필요한 스타일을 바로바로 적용할 수 있어 편리하다. 스타일 적용한 개체에 대해 수정을 하고 싶을 때에는 해당 스타일 이름에 마우스 오버를 하면 e..

Figma의 기본 기능 이해하기 | 프레임, 도형, 이미지 삽입 1. 프레임이란?프레임이란 작업을 하는 창이다. 상단 도구상자에서 프레임을 클릭 후, 우측 패널에서 프레임 크기에 대한 설정을 할 수 있다. 기획, 설계 시 프레젠테이션 16:9 사이즈를 많이 사용한다. 작업 시에 각 개체가 프레임 안에 잘 들어가 있는지 레이어를 잘 확인해 가면서 작업해야 한다. 확실하게 프레임 위에서 작업하기 위해서는 복사 및 붙여넣기를 할 때 레이어 패널에서 해당하는 프레임을 선택한 후 한다.(ctrl+c, ctrl+v) 2. 도형 도구피그마에서는 도형 그리기 및 이동 시 자동으로 가이드라인이 나오며 snap되기 때문에 편리하다. 또한 그린 도형을 alt키를 누르면서 드래그하면 복사가 되며 shift를 함께 누르면서 드..