뚱뚱하게 나온다고 자르면 더 보기가 좋지 않다. 입이나 코가 잘리는 경우 그렇다. 뚱뚱하게 나오면 보기가 좋지 않고 그래서 비율에 맞게 처리해 주는 방법이 제일 좋은데 아래 방법을 사용 하면 된다. 알아보기 쉽게 인라인으로 작성함. 이미지 주변에 옅은 테두리를 추가하고 이미지가 짤리지 않도록 조정하기 위해서 먼저 이미지를 감싸는 div 태그에 테두리(border)를 추가하고 이미지의 object-fit 속성을 contain으로 변경하여 이미지가…
글자가 많을 경우 밀리지 않고 뒤쪽이 보이지 않게 처리하려면 텍스트가 넘치는 부분을 숨기는 CSS 속성인 overflow를 사용할 수 있습니다. 여기에 text-overflow 속성을 추가하여 넘치는 텍스트를 어떻게 처리할지 결정할 수 있으며 white-space 속성을 사용하여 텍스트가 한 줄에 표시되도록 설정할 수 있습니다.width 속성을 설정하여 <div>의 너비를 제한하는 것도 중요합니다. 이를 통해 텍스트가 넘치는 부분을 …
반응형으로 만들기 좋은 부트스트랩에 관한 툴이 있는 사이트입니다.가끔씩 사용할때 레이아웃이 생각나지 않은 경우 이용하면 좋습니다.지원하는 버전은 현재 버전보다 낮은 4버전 이긴 하지만 기본적인것은 동일하기 때문에 사용하는데는 큰 문제는 없습니다. * 찾을 때 검색한 키워드bootstrap design toolbootstrap builder* 부트스트랩 레이아웃 관련된 사이트 https://www.bootstrapcdn.com/https://bo…
현재 페이지에서 표현이 되고 있는 스타일을 간단하게 자바스크립트로 볼 수 있는 방법입니다.const fontSize = Number(window.getComputedStyle(document.body).getPropertyValue('font-size').match(/\d+/)[0])위에대한 설명입니다.window.getComputedStyle(document.body) - HTML BODY에 대한 모든 스타일을 얻으려면getPropertyVa…
일반적으로 제목이 길면 2줄로 나오게 됩니다. 너무 긴 경우 더 나올수도 있겠지요.그런 경우 백엔드에서 잘라서 보여주기도 하곤 합니다.이런 경우 css 처리 방법에선 hidden을 주면 됩니다.부트스트랩에선 overflow-hidden 클래스만 추가해주면 기본적인 길이에서 넘치게 되면 보이지 않게 처리를 합니다.높이게 대한것과 길이에 대한 부분은 필요하면 style 속성을 추가해서 해주면 됩니다.a 태그도 필요하면 style 줘서 높이와 길이 …
투자를 할때는 시장을 사는 방식과 개별주식을 투자하는 두가지 방식으로 크게 나눌 수 있을것 같습니다.결론부터 말하면 시장을 사는 방식도 크게 나쁘지 않습니다.* 시장을 사는 방식은 다음과 같은것이 있습니다.. ETF: 코덱스, 코스닥150, 타이거, SPY, QQQ* 개별주식의 방식은. 삼성, 현대건설, 대한항공 등 유망할것으로 보이는 개별회사의 주식을 사는 것입니다.여기서 시장을 살때 상승장이라고 생각이 들면 레버리지 상품을 사는 방식이 있는…
ETF가 뭔가요. 전체 시장 또는 섹터별 시장을 사는 방식 입니다.그리고 투자할 수 있는 자산은 주식만 있는것이 아니라 채권, 예금, 원자재 등 여러가지가 있습니다.간혹 모두가 같이 폭락을 하지만 때로는 서로 보완을 해주곤 합니다.꾸준한 수익을 내는 올웨더 포트폴리오란 간단하게 말하면전체 주식 시장을 묶어 놓은 KODEX ETF에 전체 투자자산의 ETF의 묶음이라고 생각해도 된다고 설명을 합니다.(미국엔 상당된 ETF 도 있습니다: 단, 큰 …
사람의 본성은 작은힘으로 큰것을 얻고자 합니다.금융에선 빌려서 사용하는 방법등 여러가지가 있는데 여기선 ETF펀드의 레버리지에 관한 것입니다.하락용, 상승용 레버리지에 구분은 여기서 하지 않습니다.가장 단순하게 레버리지의 위험성에 대한 것입니다. ● 가장 간단한 예로 2배 레버리지 입니다.(국내 3배가 없어 다행 입니다.) - 사례1) 100원이 2배(100%) 오르면 200원이 됩니다. - 사례2) 100원이 절반(50%) 떨어지면 0원이 됩…
현재 전쟁을 보면 러시아가 밀리고 있다고 판단이 되는데 그게 맞느냐?러시아도 그렇게 생각하고 있나? 전쟁과 평화에서 나폴레옹이 60만 대군으로 러시아를 침공하는 그림 하나로 그린 유명한 것이라고 합니다.위에서 까만색 선은 돌아오는것이라고 합니다.40만이 러시아 국경을 넘었다고 하는데 돌아올때는 1만명 정도 였다고 합니다.러시아는 이때는 청야전술을 했고 후퇴만 했다고 합니다. 적의 자원을 소모시키는 것을 했다는 것입니다.이 전술은 역사를 보면 상…
우리가 언론에서 익히 들은 러시아의 유가 가격상한제에 대해서 제대로 알고 있는가에 대한 영상 입니다.러시아는 왜? 조용할까?아래 그림을 보면 우리가 생각했던것과 확연하게 다른것을 볼 수 있습니다.생각해 보면 인도와 러시아는 다른곳에서 사져오는것보다 전체적인 비용이 저렴하기만 하면 이익 입니다.러시아는 사가는쪽에서 이익이 되면 당연히 살것을 무리해서 싸게 팔 이유는 또 없는 것입니다. 우리는 흔히 인도가 러시아에서 수집하는 것은 20% 정도는 할…
천리길도 한걸음 이란 오래전 부터 전해오는 말이 있습니다.쉬운일도 못하면서 굉장한 일을 할 수 있을까요?그렇지 않을 것입니다.아래는 동기부여관련 유명한 영상으로서해병대 사령관이 왜? 아침에 일어나 침대부터 정리해야 하는지 알려 줍니다.결론은 쉬운일부터 하나하나씩 해가다 보면 어느새 나도 모르게 다른 사람과 대화를 하다 보면 다름을 느낄 수 있습니다. ● 참고할것실제 심리학적으로도 뭔가 성과를 이루면 나 자신에 대한 자신감이 생기게 됩니다.그리고…
난 복잡한 부트스트랩이나 테일윈드 같은것 사용하기 싫고 순수 html 로만 페이지를 만들고 싶다.보통 백오피스 페이지가 그렇습니다.(시간이 들어가니 그렇지요. 집에서 양복 입지 않는것과 같은 이치~)하지만 반응형은 필요하고 보여지는 것은 좀 괜찮아야 한다면 pico css를 추천합니다.폰트사이즈만 약간 줄여서 사용하면 그만.아래는 폰트사이즈 때문에 테스트 해본것입니다.결론 부터 말하면1rem은 16pxpico css 기본은 21px 입니다. 부…
기본적으로 제공이 안되고 있어서 확인 후 테스트 해본 것입니다.간단하며 어떤 방식으로 사용 할것 인지는 본인 판단으로 하면 되며 rem 방식이 제일 무난 하게겠지요. <!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initia…
외부파일을 읽어서 사용하는 경우에 오류가 있을 때 처리하는 방법에 대한것입니다.이런 문제 발생 할 걱정이 되면 자신의 서버에 모두 저장하고 사용하면 됩니다.일반적인 경우는 모두 자사의 서버에 두고 사용하기 때문에 이런것을 신경쓸 필요는 없지만 그래도 이런 방법도 있는것을 알고 있으면 좋겠지요~아래는 먼저 읽힌것이 실패할 경우 처리 하는 방법의 예 입니다. <!DOCTYPE html> <html lang="ko"> …
파일 첨부할때 사용합니다.기본이 모든 파일로 되어 있는데 특정 워드파일만 받고 싶다든지 아니면jpg 이미지만 받고 싶을때 선택을 그것만 가능하게 하는 방법에 대한 것입니다. accept 속성에 MIME 값을 넣어주면 됩니다. <!-- 모든것을 보여줄 때는 아래처럼 하면 된다: 순서대로 오디오,동영상,이미지 --> <input type="file" accept="audio/*"> <input type="file…
부트스트랩에서는 대부분 영문의 약자를 생각하면 되면 되는데 문제는 왼쪽, 오른쪽이 아니라 시작, 끝 인것이 있다는 것이다.마진: m패딩: p * 위, 아래top: tbottom: b * 왼쪽 오른쪽 보다는 시작과 끝으로 생각하면 된다.left: sright: e * 포함이다.즉 위아래는 top, bottom이 되고 x는 left, right가 되는것이다.위아래: y ( left / right )양옆: x (top / bottom)위와 별도로 …
원하는 것은 이런것입니다.메시지를 보여주고 닫기 버튼만 있어서 닫을 수 있게 하는것이 없네요. 많이 사용할텐데 좀 만들지? 버전이 5.2까지 올라오면서 왜? 그랬을까 하는 생각이 먼저 듭니다.** 부트스트랩 모달 닫기버튼만 보이도록 하기 **<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta…
부트스트랩 연습하는데 한쪽으로 쏠립니다.다운데로 버튼을 보내고 싶은데요 생각처럼 되지 않아 찾아 보아 정리 한것입니다.다른것들도 방법은 비슷합니다. 가운데 정렬하고 싶을대 말입니다. 테이블 같은것도 비슷한 원리 입니다. 부트스트랩 버튼을 가운데(중앙) 정렬하기 <div class="row"> <div class="col text-center"> <!-- <button class="btn btn-primar…
현재 전쟁을 보면 러시아가 밀리고 있다고 판단이 되는데 그게 맞느냐?러시아도 그렇게 생각하고 있나? 전쟁과 평화에서 나폴레옹이 60만 대군으로 러시아를 침공하는 그림 하나로 그린 유명한 것이라고 합니다.위에서 까만색 선은 돌아오는것이라고 합니다.40만이 러시아 국경을 넘었다고 하는데 돌아올때는 1만명 정도 였다고 합니다.러시아는 이때는 청야전술을 했고 후퇴만 했다고 합니다. 적의 자원을 소모시키는 것을 했다는 것입니다.이 전술은 역사를 보면 상…
우리가 언론에서 익히 들은 러시아의 유가 가격상한제에 대해서 제대로 알고 있는가에 대한 영상 입니다.러시아는 왜? 조용할까?아래 그림을 보면 우리가 생각했던것과 확연하게 다른것을 볼 수 있습니다.생각해 보면 인도와 러시아는 다른곳에서 사져오는것보다 전체적인 비용이 저렴하기만 하면 이익 입니다.러시아는 사가는쪽에서 이익이 되면 당연히 살것을 무리해서 싸게 팔 이유는 또 없는 것입니다. 우리는 흔히 인도가 러시아에서 수집하는 것은 20% 정도는 할…
천리길도 한걸음 이란 오래전 부터 전해오는 말이 있습니다.쉬운일도 못하면서 굉장한 일을 할 수 있을까요?그렇지 않을 것입니다.아래는 동기부여관련 유명한 영상으로서해병대 사령관이 왜? 아침에 일어나 침대부터 정리해야 하는지 알려 줍니다.결론은 쉬운일부터 하나하나씩 해가다 보면 어느새 나도 모르게 다른 사람과 대화를 하다 보면 다름을 느낄 수 있습니다. ● 참고할것실제 심리학적으로도 뭔가 성과를 이루면 나 자신에 대한 자신감이 생기게 됩니다.그리고…
국민연금 일시수령하게 되는것보다 연금형태로 받는것이 이익 입니다. 단, 오래살면 확실하게 이익이 됩니다.자신의 상황에 따라서 조기수령을 할지 고민할 필요는 있습니다.우린 알고 있잖아요. 다 이유가 있을 것이라고. 뭔가 나에게 이익을 주겠다고 하는건데 그냥 그럴리가 있을 까요?회사 중간에 다니지 않은 기간에 대해 추가적으로 내는 제도도 있는데 이 부분에 대해서도 생각을 해볼 필요가 있습니다. 그리고 돈이 많은 분들쪽에선 받을 수 있는 기준이 지…
국민연금은 제대로만 시행 된다면 상당히 좋은 제도임에 틀림이 없습니다. 그리고 유족연금의 경우 사망하게 되면 상속받는분이 60%의 급여를 받는다고 하는데요. 좋은 취지도 약한 부분은 있기 마련 입니다.이게 모두 세금으로 이뤄지는 부분이 많고 더군다나 사실상 금융피라미드와 다를바 없는제도 입니다.그렇기 때문에 고갈이 되는것입니다.사적연금처럼 내가낸 돈에서 연금을 받는다면 금융피라미드 소리를 들을 필요가 없겠습니다.그래서 공무원연금, 군인연금 모두…
알고 있으면서 지키지 못하고 있다면 잘 보이는곳에 적어 두세요.그리고 난 안되더라 정말. 그럼 안되는 것을 하는 것 장체가 문제 입니다. ▷ 세금과 수수료에 대한 과도한 걱정투자 결정을 할 때, 세금과 수수료도 중요하지만 이들이 투자 전략을 지나치게 지배하지 않도록 해야 합니다. 경제적 수익성을 고려할 때, 이러한 비용들은 전체 수익률에 미치는 영향을 감안하여 균형 있게 고려해야 합니다. 이익도 발생하지 않는데 세금적게 내는 것에 더 집중을 합…
아래와 같은 의견이 있네요.여기서 중요한것은 남들 오를 때 내려갔다는 것입니다. 그럼 남들 내려 갈때는 더 내려갈 것이다. TSLA의 상황이 그다지 좋지 않다고 생각합니다... 지수가 상승하는 동안 계속 하락했습니다. 만약 지수가 더 깨진다면, TSLA는 160에서 100까지 급락할 수 있는 공백을 열 수 있습니다. 지난 3-6개월 동안 다른 회사들은 인력을 감축할 때 주가가 상승했지만, TSLA는 하락했습니다. 기본적인 재무 상황이 이미 좋지…
트위터에 재미 있는 글이 있어 가져 왔습니다.이 폭락전의 패턴이 전형적인 형태라는 것입니다. 오닐의 책에 나와 있다는 그 챠트모형그리고 아래쪽에 보면 테슬라 고점과 비슷하다고 합니다. 아래는 이미지 캡처 한것입니다. SMCI 주가폭락에 대한 의견 위에 대한 아래 의견이 있었는데 마지막으로 발생 해야 하는것이.... 조건에 맞는듯? 아닌듯 했는데 아닌쪽이라 다시 오른것으로 보입니다. 그런데 이것의 유효 기간이 바로 다음날 그래야 하는건지 얼마후에…
많은 구독자를 가지고 있는 삼프로에 있는 컨텐츠 입니다.경기선행지수를 기반으로 봤을때 바닥의 근처에 있다고 본다는 것입니다.저도 그렇게 생각합니다. OECD 선행지수를 보면 코로나 이전의 10년만에 오는 대폭락이 아닌 경기 저점에 거의 다다랏 습니다.아래 그래프를 보면 경기선행지수와 대략 비슷합니다.그리고 OECD에서 우리나라의 선행지수와 코스피를 비교한적이 있는데 거의 비슷합니다.즉, 추세를 봤을때 내려가는 추세다 싶으면 인버스를 사면 됩니다…
개별주식에서 퀀트투자에 대한 것입니다.ETF같은 펀드 상품과 다르게 개별주식은 변동성이 상당합니다.그리고 ETF보다는 신경을 더 많이 써야하고 손해보는것에 대해 견디지 못할것 같은 경우는 하긴 해야 겠는데 신경이 쓰인다면 ETF 하시면 되며 좀 떨어졌다고 판단 될때만 하면 됩니다. 이 부분만 잘 조절하면 개인도 주식으로 손해를 보지 않고 수익을 얻을 수 있습니다. 하다보면 급한 마음이 생기는데 이것도 경험이기 때문에 반드시 최소 10년의 기간을…
사람과 관계가 있는 자산은 오르기도 내리기도 합니다.이런 사이클이 있는것은 분명한것이고 이런 사이클이 왜? 존재를 하느냐는 사람의 심리와 영향이 크다고 볼 수 있습니다.민스키 모델에 대한 설명인데요.너무 비슷해서 올리게 되었습니다. 자산에서 부동산 만큼 괜찮은 경우도 많지 않습니다.내가 살아야할 집은 있으니 사람들이 비관적일때 구매하는것은 좋은 방향일 가능성이 있습니다.하지만 현재는 아닐 가능성이 높으며 예전에 사이클을 보면 현재 보다는 더 기…
아래 글은 사실상 할투 아저씨의 내용을 그대로 정리한것입니다.부동산도 퀀트로 가능한가 인데. 상당히 흥미로운 컨텐츠 입니다.부동산 주식과의 관계는 있는가에 대한 테스트로서 관계가 있다고 보기 힘들다.우선 주식과의 관계는 그렇다는 것이다.● 상승장과 하락장주식은 3년 전후로 생각하는 것이 좋다.부동산은 하락장이 생각보다 길때가 많다. 6~7년 간다고 생각하는 것이 좋다.● 진입 시점은 언제가 좋은가?KB 부동산 지수를 보면 상승. 하락을 알 수 …
저도 가끔 컨텐츠를 소비해서 들은적이 있습니다.대전인지 대구인지 미분양이 발생 했을때 이런 저런 이유로 큰 부분은 아니다.하지만 그렇지 않다는 것입니다. 흐름의 방향이 하락인지가 중요한데 하락쪽이라면 상당한 신호라는 것입니다.이부분에선 강남쪽의 아파트에 대한 것입니다.이또한 대출을 받지 못하기 때문에 강남쪽은 문제가 되지 않을 것이란 이야기도 많았습니다.하지만 그렇지 않다는 분이 있었습니다. 사업자가 회사명의로 대출을 받은 것이라서 오히려 노원…
블로그에 있는 datepicker는 안되는것이 많아서 사용할 일이 있어서 완성한것 올립니다.jquery는 버전이 다르면 안될 수 있으니 버전을 맞우는것이 중요하며 아래 순서도 중요합니다.jquery를 이용하기 때문에 jquery-ui가 아래에 있어야 한다는 것입니다.그리고 jquery-ui 압축 파일을 받으면 아래와 같이 CDN 이용하지 않고 사이트에 올려 놓고 사용할 수 있으며 압축 파일 안에 아래 cdn 링크 걸린 모든 파일과 더불어 필요…
Node Express는 Node.js와 Express.js를 결합하여 웹 애플리케이션 개발에 사용되는 프레임워크입니다. 이를 통해 비동기적인 서버 측 코드 작성과 HTTP 요청 및 응답 처리 등 다양한 웹 개발 작업을 보다 쉽게 처리할 수 있습니다.
1) 간단하게 띄울 프로그램을 하나 준비
서버가 잘 작동하는지 확인을 할 수 있는 간단한 프로그램을 준비 하도록 합니다.자신이 하는것이 디비커넥션이 들어가게 되면 이 부분도 간단하게 CRUD 프…
-g 옵션을 주어 글로벌로 설치한것이 아닌데 현재 디렉토리에 node_modules이 없고 다른곳에 설치 된경우는 아래처럼 초기화하면 package.json 파일이 생성 되고 현재 디렉토리에 node_modules 디렉토리가 생기면서 설치 됩니다.아래와 같이 초기화 후 설치 하면 됩니다. npm init -y npm install express 그리고 초기화 했는데 안되는 경우는 시스템 로그인할때 홈 디렉토리나 또는 기본적으로 있어야할 스크…
실제 파일은 있는데 없는다는 메시지가 나올 경우는 PATH 설정 값을 확인해 봐야 합니다.만약 whereis env 했는데 있다면 로그인할 때 실행되는 파일에 PATH 설정을 추가해 주면 됩니다./usr/local/nodejs/bin/npm install yarn/usr/bin/env: node: 그런 파일이나 디렉터리가 없습니다위와 같은 오류가 발생 하는 경우는 경로를 추가해 주면 된다.vim /etc/bashrcexport PATH=$PAT…
프로그래머가 아니라 일반인이면 PDF 페이지번호 추가해주는 사이트가 있으니 아래를 참고하시면 됩니다.https://tools.pdf24.org/ko/add-page-numbers#s=1687481961009여기선 nodejs와 pdf-lib 설치에 대해선 언급하지 않습니다.아래는 간단한 소스 입니다.PDF파일에 페이지 번호가 없어서 인쇄하는데 있어 페이지수가 적으면 문제가 안되지만 수십페이지만 되어도 읽을때 문제가 될 수 있습니다. 페이지가 바…
chat GPT API를 통해서 물어본것에 대한 테스트 인데요.잘 되네요.별도의 모듈설치 없이 그냥 실행 되었습니다. 제가 전에 다른것 하면서 설치 되었는지는 확인 안해 봤습니다. // zlib 모듈을 불러온다. const zlib = require('zlib'); const fs = require('fs'); // 압축할 문자열 const str = '압축할 문자열'; // gzip으로 압축한다. zlib.gzip(str, (er…
파일저장이나 또는 가져올때등 상대경로로 호출 하는 경우도 있지만때론 전체 경로를 알아야 되는 경우가 있습니다.그럴때 현재 디렉토리 기준으로 처리하면 좋은때 이럴때 사용 합니다. // 현재 디렉토리 const _DIR_ = process.cwd(); php의 __DIR__ 과 같은 역활 입니다.확인 결과 위 예제는 잘 되는 것입니다. 현재 V16 버전에서 문제 없었습니다.* 사용한곳은 아래 입니다. 파일을 저장할때 유용합니다. [no…
뚱뚱하게 나온다고 자르면 더 보기가 좋지 않다. 입이나 코가 잘리는 경우 그렇다. 뚱뚱하게 나오면 보기가 좋지 않고 그래서 비율에 맞게 처리해 주는 방법이 제일 좋은데 아래 방법을 사용 하면 된다. 알아보기 쉽게 인라인으로 작성함. 이미지 주변에 옅은 테두리를 추가하고 이미지가 짤리지 않도록 조정하기 위해서 먼저 이미지를 감싸는 div 태그에 테두리(border)를 추가하고 이미지의 object-fit 속성을 contain으로 변경하여 이미지가…
투자를 할때는 시장을 사는 방식과 개별주식을 투자하는 두가지 방식으로 크게 나눌 수 있을것 같습니다.결론부터 말하면 시장을 사는 방식도 크게 나쁘지 않습니다.* 시장을 사는 방식은 다음과 같은것이 있습니다.. ETF: 코덱스, 코스닥150, 타이거, SPY, QQQ* 개별주식의 방식은. 삼성, 현대건설, 대한항공 등 유망할것으로 보이는 개별회사의 주식을 사는 것입니다.여기서 시장을 살때 상승장이라고 생각이 들면 레버리지 상품을 사는 방식이 있는…
