TIL

한국에는 연배당을 지급하는 회사가 많다. 12월 30일까지 주식을 가지고 있느면 2월 경 실적발표하고 3월에 배당금을 확정한다. 그럼 4월중에 배당을 받게 되는 구조이다. 그래서 연초가되면 연배당은 지급한 기업들은 매력이 떨어져 주가 또한 급락하는 경우가 많다. 이런 사이클이 계속되다보니 투자자들은 12월이 아니니 11월 부터 배당기업에 관심을 갖고 투자한다. 실제 배당금 지급을 잘해주는 4대 금융지주회사 KB금융, 신한지주, 우리금융지주, 하나금융지주를 살펴보면 2022년 배당 기준일인 12월 27일 이후 주가가 많이 하락한 것을 알 수 있다.KB금융 주가는 12월 대비 1월에는 마이너스 7.76% 하락했다.신한지주는 마이너스 9%, 하나금융지주는 마이너스 10.16%, 우리금융지주는 마이너스 13.9..

배당금의 성장은 보통 기업의 이익에서 발생되며 주주에게 나눠주는 몫의 증가다.실제 발생된 매출과 이익, 현금흐름을 바탕으로 산출된 배당금은 안정감을 준다.대신 그 성장성은 빅테크 기업의 주가 상승에 비하면 현저히 낮기 때문에 상대적 박탈감을 느끼게 되는 경우가 많다.지인이 하루 만에 10% 이상의 수익을 냈다는 얘기를 듣게 되면 억울한 마음이 올라오면서 배당 투자에서 성장 투자로 노선을 바꾸는 사람이 많다. 안타깝게도 그렇게 바꾼 노선은 이미 과속으로 달리고 있는 고속철도이며 머지않아 종착역에 도달하게 된다.하지만 묵묵히 투자를 이어가면 그 어느 투자보다 성실한 열매를 맺는 것이 배당 투자다.배당 투자를 하다 보면 내가 잘 투자하고 있는지 올바른 방향으로 가고 있는지 의문이 생기는 날이 많다.투자에 대해..

부동산도 주식으로 투자가 가능하다.리츠 투자란?부동산 임대를 하고 있는 기업이 투자의 배당금을 받는다면 그것이 바로 부동산 주식 투자, 즉 리츠 투자다.투자자는 부동산 회사에 지분 투자를 하고, 부동산 회사는 투자한 자산에서 발생한 임대료 및 개발 이득 등을 배당으로 지급하는 형태다.본질은 부동산이지만 형태는 주식회사의 모습을 갖추고 있기 때문에 주식으로 투자할 수 있다.국내 리츠 기업은 대부분 주택과 오피스 비중이 높지만 미국은 주택뿐만 아니라 물류, 리테일, 호텔 등 다양한 리츠 기업에 투자할 수 있다.생활 방식이 바뀌고 다양한 산업이 성장하면서 리츠도 함께 성장했다.각 분야의 대표라고 할 수 있는 리츠 기업은 다음과 같다.1. 프로로지스https://kr.investing.com/equities/p..

랜딩페이지에 들어갈 요소들과 구조 정리   전환율 높은 랜딩페이지를 만드는게 중요하다원시인이 딱 보고 투덜거릴 수 있을 정도로 만들어야 한다.  스크롤 전 보이는 페이지와 스크롤 해야 보이는 페이지로 나눌 수 있다.스크롤 전 보이는 페이지(메인 페이지)목표 : 관심유도크게 5부분으로 나눌 수 있다Explain the value you provide (title)Explain how you'll create it (subtitle)Let the user visualise it (visual)Make it believable (social proof)Make taking the next step easy (CTA)  1. 제목 표어크게 3가지로 나누어 볼 수 있다.Unique한 product - explai..

리액트 컴포넌트란 리액트 요소 또는 다른 컴포넌트를 조합한 것이다JSX로 작성된 컴포넌트가 라우저에서 표시될 때까지의 흐름을 잠시 설명하자면, 먼저 웹팩 ( 자바스크립트 빌드 도구, next js 에서는 SWC ) 에 의해 자바스크립트로 변환한다. 그러면 브라우저가 해석이 가능해진다. 이때 컴포넌트는 자바스크립트의 객체로 표현된다. 변환된 자바스크립트 코드를 보고 브라우저가 화면에 표시하는 것이다 자바스크립트 코드에서 프라우저의 표시 내용을 바꿔쓸때는 DOM에 접근해야 하며, 먼저 가상 DOM을 구현한다. 가상 DOM과 비교해 차이가 있는 부분만 실제 DOM 을 업데이트 한다.  리액트요소 class, onchange 대신 className, onChange 를 사용한다. (카멜케이스)  컴포넌트 리액트..

Next.js는 리액트 기반 프레임워크로 리액트에 대해 어느정도 알고 있으면 좋다.  로컬에서 프로젝트 구축하기create-react-app을 사용해서 자동으로 빌드 가능하다. npx create-react-app@latest react-sample --template typescriptcd react-samplenpm run start 실행하면 localhost:3000 에서 확인 가능하다.

인수와 반환값 각각의 타입을 지정할 수 있다. 함수의 인수와 반환값 모두 string 으로 정의하는 예시:function sayHello(name : string): string{return `Hello ${name}`}sayHello('Mewo')  optional 로도 정의할 수 있다. function sayHello(name? : string): string{return `Hello ${name}`}  파라미터(인수)를 정의할 때 기본값도 정의할 수 있다. 함수 호출시 해당 인수를 지정하지 않으면 자동으로 기본값이 적용된다. function sayHello(name : string='KIM'): string{return `Hello ${name}`}  화살표 함수 (arrow function) 의 ..

배열 정의배열에 타입을 지정할 때는 그 배열의 타입과 []을 사용한다. \const array:string[] =[]array.push('a')array.push(0) //이것은 타입이 맞지 않아 오류로 처리됨 여러 타입이 있는 경우 다음과 같이 표기할 수 있다 const Mixed = ['a',1]const MixedT :[string,number]=['a',1]   Object 객체 타입 정의 객체는 키와 값을 가지고 있는 데이터 형식 인스턴스이다 다음의 구조를 따른다. const 변수 : {키1:타입1; 키2:타입2; ... } name 이 string 타입, age는 number 를 가진 객체 정의하는 예시는 다음과 같다. const user : {name:syring; age:string} ={..

배당을 50년 이상 늘려온 기업 (49개)배당을 25년 이상 늘려오면서 , S&P 500 에 포함되어 있는 우량 기업(68개)을 골라야 한다.  지난 글에 봤던  기준 5가지도 충족하는지 살펴봐야 한다. 배당성장률이 낮으면, 기업에 따라서는 복리 효과를 누릴 수 없을 수도 있다.  [배당금 재투자 할까말까] 배당을 50년 이상 늘려온 왕족주 중에서 워렌버핏이 투자하고 있는 기업은 코카콜라다.코카콜라의 배당률은 3% 정도이며, 1억 원을 투자한다면 분기마다 75만 원의 배당금이 들어온다.하지만 세금을 제하면 실제 남는 금액은 63만7500원이다.  이 돈은 매달 20만 원 정도의 고정비를 대체할 수 있는 돈이다.과거 10년간 코카콜라의 연평균 배당 성장률을 보면 5.64%다. 먼저 배당금을 재투자하지 않고..

목표 SEO (검색 엔진 최적화)를 통해 검색엔진에서 웹사이트가 상위 노출되도록 함배경 : 구글은 구글봇이라는 웹 크롤러를 사용해서 여러 사이트를 정기적으로 돌아다니며 수집한다. 수집된 데이터들은 구글 서버로 전송되어 분석되고, 인덱스에 반영된다. 구글 검색시에는 이 인덱스를 사용해서 보다 적절한 페이지가 상위에 나타나도록 검색 결과를 제공한다.  구글봇은 자바스크립트를 처리할 수 있지만, SPA 등 자바스크립트를 중심으로 구축한 웹사이트에서는 주의가 필요하다. CSR만 제공할 수 있는 라이브러리/프레임워크는 SEO에 문제가 있다. 화면을 그리는데 시간이 걸리면 크롤러는 처리를 멈추게 되어 콘텐츠를 올바르게 가져갈 수 없기 때문이다.  Next.js는 SEO에 강하다. SSR이나 SSG를 활용하면, 클..

cloudfare에서 도메인 사고 vercel에 적용했는데 페이지에 들어가면 ERR_TOO_MANY_REDIRECTS 오류가 나는 상황https://www.retrotasker.com/ RetroTaskerYour To-Do List, Reimagined Featuring unlimited task creation, real-time deadline and day countdowns, collapsible layouts, and a unique feature to play your favorite YouTube tunes without disruption. Achieve more with a glance at what percentage of your tawww.retrotasker.com  cloudf..

https://blog.hootsuite.com/how-to-get-twitter-followers/ 을 읽고 번역함나는 마케팅에 돈을 최대한 아끼기 위해 소셜 미디어를 활용할 것이다. 일단 내가 브랜딩이 되어야 하고 팔로워가 많아야 제품 홍보효과도 많아진다. 그렇지만 팔로워 늘리기는 생각보다 쉽지 않다...그래서 트위터 팔로워를 늘리기 위한 30개의 팁을 공유하고자 한다. 트위터 팔로워 수가 중요한 이유는?트위터는 YouTube나 Facebook과 같은 플랫폼의 사용자 수에는 미치지 못하지만, 다른 어떤 플랫폼과도 비교할 수 없는 전문가 집단과 소통할 수 있다. 실제로 트위터에서 나와 같은 개발자들을 많이 찾을 수 있다. 피드백을 요청하면 적극적으로 해준다. 다만 컨텐츠적이 아닌  굉장히 개발적인면에서..

런칭을 기준으로 런칭 전, 런칭 , 런칭 후 로 나누어 설명1. 런칭 전- 마켓 리서치 / 경쟁사 분석- 프로덕트 이름 정하기 - 로고 만들기 - 특별한 셀링 포인트 만들기- 비즈니스 모델 정하고 가격 정책 정하기- 메일 입력칸을 담은 랜딩페이지 만들기 - 포스팅하기 - 내 소셜계정에 프로덕트 올리기- 타겟고객이 어디있는지 알고 관계 맺기 - 커뮤니티/런칭 플랫폼에 참여하기 - 내 소셜계정 팔로워 올리기 - 목표와 방법론 명확히 하기 - 런칭 날짜 정하기- MVP 만들기 - 모든 소셜계정에 올리기(바이럴)- 설명하는 비디오 만들기- 웨이팅리스트 만들고 pre-sale 진행하기- 콜드메일 보내기 - 웹사이트 재정비하기- 데이터 분석하기- 피드백 정리하기- 소셜 리뷰 모으기 (홈페이지 업뎃)- 그동안 모은 ..

올해 목표1인개발로 수익내기월 300 이상, 디지털 노마드 생활 시작하기 최종목표월 1억투자를 겸해서 경제적 자유 달성 1인개발하는 방법론과 개발한 프로덕트들을 포스팅할 예정입니다    만관부!

1. 배당투자의 필요성예금 - 이자 2-3% : 인플레이션에 비하면 똑같다. 이자율이 더 내려가고 물가가오른다면 오히려 돈을 잃는 셈이 되는것이다. 부동산 - 이자 5%정도 : 각종 취득세 , 종부세 등 세금을 고려하면 귀찮아짐, 건물이 낡을수록 수리할 곳도 많아진다. 배당투자 주식 - 이자 2-8%   2. 배당투자시 봐야할 것- 매출 : 기업이 돈을 잘 벌고있는지 가시적으로 즉시 확인할 수 있는 항목 (기업의 방향성 확인)- 순이익 : 기업이 실제로 돈이 얼마나 생기는지 , 순이익이 상승하는데 주가가 멈춰있거나 떨어진다면 기회, 순이익이 하락한다면 언제까지 영향을 미칠것인가 봐야 한다. - 영업현금흐름 : 증가한다면 배당금도 끊기지 않고 들어온다는 뜻- 배당연수 : 배당금을 얼마나 오랫동안 지급했는지..

컴포넌트 지향은 프론트 할 때 가장 기본이 되는 사고방식이다. 컴포넌트는 재사용 가능한 부품을 나타내고 컴포넌트 조합을 통해 ui를 구현하는 것이 컴포넌트 지향 방식이다. 컴포넌트 설계를 확실하는 것이 중요하다. 컴포넌트 설계의 장점은 재사용성과 가독성, 쉬운 테스트 이다. 컴포넌트는 가능한 추상적이어야 한다. 서비스나 기능 고유의 UI부품을 구현해버리면 재사용성이 낮아져 버려 컴포넌트의 장점을 얻을 수 없다. 예를 들어 소셜로그인 버튼을 구현한다고 하면, 버튼은 아이콘+버튼 컴포넌트로 이루어져 있다. 실제로 구현할때는 GoogleButton으로 만드는 것이 아니라 IconLabelButton이라는 미래의 다른 소셜연동을 지원할때 재사용할 수 있는 형태가 바람직하다. 각 종류의 인증을 모두 구현하는 것이..

nextJS는 웹 프런트엔드 라이브러리인 리액트를 기반으로 구현 및 개발되었다. 리액트를 기반으로 하지만, node js 서버의 기능도 일부 가지고 있다기존 리액트 애플리케이션은 모든 콘텐츠를 클라이언트 사이드인 브라우저에서 렌더링한다. 이는 리액트가 웹 프론트엔드에 최적화된 라이브러리이기 때문이다. nextjs를 사용하면 서버 사이드에서 렌더링되는 애플리케이션으로 만들 수 있다. nextjs는 리액트 자체만 사용할 때보다 개발하기 쉽다.  서버 사이드 렌더링서버에서 요청에 대한 page의 HTML 반환 장점- 사이트를 빠르게 표시할 수 있다- 서버에서 콘텐츠를 생성하므로 SEO 향상 단점- node.js와 같은 서버사이드 자바스크립트 실행환경이 필요하다- 서버 CPU부하가 증가- 서버와 클라이언트에서 ..

Failed to initialize NVML: Driver/library version mismatchlsmod | grep nvidia nvidia_uvm 332436 0nvidia_drm 34223 6nvidia_modeset 1231231 1 nvidia_drmnvidia 342344 58 nvidia_uvm,nvidia_modeset 다음 명령어로 위의 것들을 삭제sudo rmmod nvidia_drmsudo rmmod nvidia_modesetsudo rmmod nvidia_uvmsudo rmmod nvidia  sudo reboot 실행하면 해결

최근 몽고디비로 작업해야해서 하다가 궁금한점 발견mongoose.model 와 mongoose.model 의 정확한 차이는 무엇이고  어떻게 써야하는가?Modelmodel은 'schema'의 wrapper이다Schema데이터의 구조와 타입을 정의하는 JSON 객체로 데이터베이스의 스키마와 같은 뜻 코드 예시 (model로 schema wrap한 모습)export const Schemas: any = {  Services: mongoose.model(    "Services",    new mongoose.Schema(      {        name: { type: String, unique: true },        createdAt: Date,        updatedAt: Date,      ..

"scripts": { "dev": "next dev --experimental-https"}package.json 에 dev부분 수정 후 npm run dev 로 다시 실행하면 http가 아닌 https localhost 환경에서 실행됨 안된다면 , 다음과같이 설치 후 실행npm i next@latest react@latest react-dom@latest eslint-config-next@latest 진짜 너무 편하다