난 복잡한 부트스트랩이나 테일윈드 같은것 사용하기 싫고 순수 html 로만 페이지를 만들고 싶다.보통 백오피스 페이지가 그렇습니다.(시간이 들어가니 그렇지요. 집에서 양복 입지 않는것과 같은 이치~)하지만 반응형은 필요하고 보여지는 것은 좀 괜찮아야 한다면 pico css를 추천합니다.폰트사이즈만 약간 줄여서 사용하면 그만.아래는 폰트사이즈 때문에 테스트 해본것입니다.결론 부터 말하면1rem은 16pxpico css 기본은 21px 입니다. 부트스트랩5도 이정도 될듯.그렇다면 내가 보기엔 왜? 폰트사이즈가 무지막지 하게 크냐!나 같은 시력이 좋은 사람을 위한것이 아니라 항상 그렇듯이 기준은 나쁜쪽에 둬야 하기 때문에 그…
기본적으로 제공이 안되고 있어서 확인 후 테스트 해본 것입니다.간단하며 어떤 방식으로 사용 할것 인지는 본인 판단으로 하면 되며 rem 방식이 제일 무난 하게겠지요. <!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="color-scheme" content="light dark" /> <!-- <link rel="s…
외부파일을 읽어서 사용하는 경우에 오류가 있을 때 처리하는 방법에 대한것입니다.이런 문제 발생 할 걱정이 되면 자신의 서버에 모두 저장하고 사용하면 됩니다.일반적인 경우는 모두 자사의 서버에 두고 사용하기 때문에 이런것을 신경쓸 필요는 없지만 그래도 이런 방법도 있는것을 알고 있으면 좋겠지요~아래는 먼저 읽힌것이 실패할 경우 처리 하는 방법의 예 입니다. <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device…
파일 첨부할때 사용합니다.기본이 모든 파일로 되어 있는데 특정 워드파일만 받고 싶다든지 아니면jpg 이미지만 받고 싶을때 선택을 그것만 가능하게 하는 방법에 대한 것입니다. accept 속성에 MIME 값을 넣어주면 됩니다. <!-- 모든것을 보여줄 때는 아래처럼 하면 된다: 순서대로 오디오,동영상,이미지 --> <input type="file" accept="audio/*"> <input type="file" accept="video/*"> <input type="file" accept="image/*"> <!-- 특정 이미지포맷만 보여주고자 할때는 아래…
부트스트랩에서는 대부분 영문의 약자를 생각하면 되면 되는데 문제는 왼쪽, 오른쪽이 아니라 시작, 끝 인것이 있다는 것이다.마진: m패딩: p * 위, 아래top: tbottom: b * 왼쪽 오른쪽 보다는 시작과 끝으로 생각하면 된다.left: sright: e * 포함이다.즉 위아래는 top, bottom이 되고 x는 left, right가 되는것이다.위아래: y ( left / right )양옆: x (top / bottom)위와 별도로 부트스트램 템플릿의 경우 임으로 스타일 주면서 pc에서 rem으로 높은 값을 주면 모바일에서 깨지는(너무 켜저버리는) 문제가 있으니 건드리지 않는것이 좋다.기본적인 부분만 건드리고…
원하는 것은 이런것입니다.메시지를 보여주고 닫기 버튼만 있어서 닫을 수 있게 하는것이 없네요. 많이 사용할텐데 좀 만들지? 버전이 5.2까지 올라오면서 왜? 그랬을까 하는 생각이 먼저 듭니다.** 부트스트랩 모달 닫기버튼만 보이도록 하기 **<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
…
부트스트랩 연습하는데 한쪽으로 쏠립니다.다운데로 버튼을 보내고 싶은데요 생각처럼 되지 않아 찾아 보아 정리 한것입니다.다른것들도 방법은 비슷합니다. 가운데 정렬하고 싶을대 말입니다. 테이블 같은것도 비슷한 원리 입니다. 부트스트랩 버튼을 가운데(중앙) 정렬하기 <div class="row"> <div class="col text-center"> <!-- <button class="btn btn-primary" type="submit"> 저장하기 </button> --> <button class="btn btn-primary" type="button"…
빌더는 처음 사용하는 개발자에게는 상당히 유용 합니다.다운로드를 클릭해야 소스를 볼 수 있습니다.부트 스트랩 빌더https://www.layoutit.com/build 부트스트랩 레이아웃http://shoelace.io/만들어진 레레이아웃 위것 예제https://webruden.tistory.com/76화면 크기별 레이아웃https://blogpack.tistory.com/823
DivTable.com 이란곳에서 가져온것입니다.이 사이트 방문하면 마우스로 끌어서 쉽게 만들 수 있는 방법을 보여 줍니다.테이블은 표이기 때문에 이것으로 레이아웃을 만들지 말라는것입니다. 표 인줄 착각할 수 있기 때문에 그래서 레이아웃 짤때는 아무의미가 없는 div 사용해야 된다는 것입니다.표 형식으로 된것은 당연히 table 사용해야 되는데 이때 div 쓰면 이 또한 바보 입니다.부트스트랩 테이블https://mdbootstrap.com/docs/standard/tools/builders/table/ https://divtable.com/generator//* DivTable.com */.divTable{ displ…
지금으로 부터는 1년이 된 영상입니다.2008년 금융위기에서 유명한 전 리먼브러더스 한국대표 이셨던분의 영상입니다.이분 다른 영상에서 각각의 위치에 따라서 말하는 주식의 전망이 다르더라는 것입니다.본인과 같은 트레이더는 솔직이 말한다. 모른다. 영상을 보니 실제 그런 형태로 말을 합니다. 확실한것은 이런 형태로 말하면 주변의 아시는 분들은 관계 없지만 모르시는 분들에게는 인기는 없습니다. 하지만 이런것을 본인이 몰라서 그렇게 말하겠습니까. 채…
주가에 대한 수익이 주식의 가치를 나타내는것은 아닙니다.
수치에 대한것만 보면 수학자나 경제학과 회계사 분들이 모두 큰 수익을 거둬야 맞습니다.
단 이런 수치는 현재 어느상태 인지 참고할 만한 좋은 지표 일뿐 입니다.개별지수 - 한국거래소 | 정보데이터시스템 (krx.co.kr)위 사이트는 코스피 전체를 대표하는 곳은 아닙니다. 구성종목수가 833개 입니다.현재 대략 코스피가 930개, 코스닥이 1500개가 넘습니다.
PER, 배당수익율, P…
신용잔고 추이를 볼 수 있는곳은 금융투자협회 입니다.안타까운? 일이기도 하지만 주가의 바닥을 논할때 말하곤 하는것중 하나 입니다.몇가지 규칙을 정하고 욕심만 버려도 큰 문제는 생기지 않고 레버리지 사용하지 말고 몇가지 만 잘 지켜도 되는데 알고도 못하는것중 하나입니다.점점 경험이 많아 지면서 그렇게 하면 안된 경험을 토대로 나의 행동이 스스로 변하게 되는 것도 경험하게 되죠.왜냐하면, 알면 그렇게 안하지요1) 금융투자협회 아래 사이트를 들어갑니…
장기투자를 말하는데 무조건적인 장기투자는 전혀 도움이 되지 않습니다.어떤 의미의 장기투자인지 알아봐야할 필요가 있는데 우리가 흔히 생각하는 장기투자는 그분들이 말하는 장기투자와 같은것이 아닐 수 있습니다.확실한것은 쌀때 사서 원상회복되면 파는 방식이 좋습니다.수익은 길게 가져가고 싶으면 본인의 수익이 최고일때보다 나는 얼마이상 떨어지면 그때 팔겠다라는 형태로 살때 부터 팔때를 정해 놓는것도 방법입니다.한국은행의 뉴스 심지지수를 통한 하반기 심리…
ISM 제조업 지수는 미국 경영인협회(ISM)가 발표하는 제조업 성장지수로, 제조업의 경기상황을 파악하는 지표입니다. 이 지수는 매달 발표되며, 50 이상이면 경기가 확장되고, 50 미만이면 경기가 축소되는 것으로 판단됩니다. 또한, 이 지수는 제조업의 생산, 신규 주문, 고용, 납품 기간, 재고 등의 항목을 조사하여 계산됩니다. ISM 제조업 지수는 미국의 경제 흐름을 파악하는 중요한 지표로 활용됩니다.상승장, 하락장을 추정하는데 도움이 되는…
내가 힘들고 어렵다고 다른분도 그런것은 아닙니다.내가 약간 어유가 있다고 다른분들도 그런것은 아닙니다.얼마전 뉴스에서 긴급생계비 50만원 즉시 지원에 대한 이자와 몰려든 사람의 숫자를 보고 깜작 놀랐습니다.5천만 중에서 여유가 많은 사람 힘든사람이 당연히 있겠지만 이 금액으로 이렇게 많이 몰릴 수 있나?인플레이션과 M2 통화량에 대한 것입니다.적절한 인플레이션은 좋다고 합니다. 내가 조금씩 낳아 지고 있다는 느낌을 받기도 하기 때문이죠.그리고 …
캔들차트 혹은 봉차트라고 합니다.오랬동안 봐왔던것이고 주식관련된 영상을 보면 가장 흔하게 볼 수 있는 챠트 입니다.이걸 왜? 많이 사용하는지 알면 왜? 이걸 많이 사용하는지 알 수 있습니다.하루 또는 특정기간의 현황을 가장 간단하게 알 수 있습니다.예를 들면 10분동안 거래가 되는데 일어 날 수 있는것은 여러가지가 있지만 보통 4가지가 궁금합니다.1) 가장높았던가격 2) 가장 낮았던가격 3) 시작가 4) 종가이 4가지를 한번에 보여줄 수 있는…
오토잇은 두가지를 받아야 합니다.1) 컴파일 프로그램2) 에디터 프로그램먼저 첫번째 컴파일 및 예제가 있는 파일을 받습니다.autoit-v3-setup.exe 프로그램을 실행하면 실행을 시킬것인지 에디터를 열것인지 물어 보는데요.실행을 선택하지 말고 반드시 에디터를 열것을 선택하시면 됩니다. 그래야 컴파일 시키죠.그리고 그 이전에 32bit, 64bit 선택하는것이 나오는데 아무거나 해도 일반 실행에는 관계 없습니다.그냥 다음 누르세요.그냥 캡처를 했네요. 아래 반드시 실행 보다는 "Edit"를 선택하세요. 그냥 캡처를 했네요. 위 반드시 실행 보다는 "Edit"를 선택하세요.두번째, 에디터 프로그램을 받습니다. 이건 …
# 컴파일 하는 방법pack은 용량이 줄어 든다"C:\Program Files (x86)\AutoIt3\aut2exe\aut2exe.exe" /in "c:\list.au3" /out "e:\list.exe" /nopack /comp 2 오토잇이 아닌 다른 프로그램에서 au3 소스 컴파일 하지 않고 직접 실행 시키는 방법은 오토잇 에디터에서 실행 시킬때 하단에 명령줄이 나오는데 그것을 복사해서 사용하면 됩니다.그리고 컴파일 할 때 용량을 줄이기 위해서 pack 옵션을 줄이면 오탐율이 올라 갑니다. 그렇기 때문에 nopack 옵션을 주는것이 더 좋습니다.
바로 디스크에 쓰는 것이빈다.무엇을 메모리에 있는것을 디스크에 저장하는 것입니다. 굳이 메모리에 가지고 있지 말라고 명시적으로 명령을 내려 줍니다.* PHP에서 버퍼에 있는것을 디스크에 저장하는것입니다. fflushFileFlushFlushes the file's buffer to disk. Local $hFileOpen = FileOpen($sFilePath, $FO_OVERWRITE) ; Flush the file to disk. FileFlush($hFileOpen) 이렇게 데이터를 메모리(버퍼)에 가지고 있지 않고 바로 디스크에 저장하도록 하여 읽어 들일때 문제 되지 않게 하는데 언제 문제가 되…
만약 먼저 올린 게시글의 웹드라이브를 설정 했다면 json은 웹드라이브에서 사용하기 때문에 별도로 포함시킬 필요는 없다.참고: 오토잇 크롬 웹드라이브 사용하기 > autoit 사용 방법은 다음과 같다. 가져오는 방식만 참고를 하면 되겠다. $json_data = FileRead($filePath) $Object = Json_Decode($json_data) $UNIX_TIME = Json_Get($Object, '["unix_time"]') 사용 방법을 보면 어떻게 하는지 알 수 있는데 특이하게 대괄호 안에 따음표가 있는것을 알 수 있다. PHP에서 처럼 배열로 …
리눅스 계열에서 많이 사용하는 유닉스 타임스탬프를 오토잇에서 사용하는 방법입니다.테스트를 먼저 해보고 문제 없는지 확인 후 사용하는것이 좋습니다.간혹 잘 된다고 알고 있었는데 후에 보면 시간의 차이가 있는 경우가 있기 때문입니다. #include <Date.au3> #include <Array.au3> #include <Constants.au3> ; ---------------------------------------------------------- ; 테스트 ; -------------------------------------------------…
최근 많이 이용하는 웹브라우저인 크롬 웹드라이브를 이용하는 방법에 대한 것입니다.한글 문제가 있는데 적절히 사용하시면 됩니다.우리는 점점 없어지는 euc-kr은 윈도우의 한글과 호환이 됩니다. 즉, 윈도우에서 utf-8로 만들어진것은 깨져 보이는 경우를 보게 될 수 있다는 것입니다.일반적인 사이트는 utf-8이 많습니다. 프로그램안에서는 utf-8로 해야 되는데 이때문에 iconv 같은것을 찾아 보았는데 보이질 않아 그때그때 적절하게 변환하여 사용 했습니다. #include <MsgBoxConstants.au3> #include "wd_capabilities.au3" #include "wd_h…
간단하게 만들어진 파일 관련 읽기 / 쓰기 함수 입니다.PHP의 file_get_contents, file_put_contents에 해당하는 함수 이지만 쓰기에선 이어쓰기 기능은 없는 함수 입니다.이어쓰기가 필요하면 두번째 파라미터를 받아서 기능을 추가할 필요가 있습니다. #include <FileConstants.au3> #include <MsgBoxConstants.au3> #include <WinAPIFiles.au3> Func _FilePutContents( $sFilePath, $sFileData ) ; 필요에 따라 두번째 파라미터의 조건을 줄…
간속 다른 언어에서 익숙한 형태로 사용한것을 그대로 사용하고 싶은 경우가 있습니다.그런 경우 찾아서 사용하는데 찾은 것을 또 찾을 필요 없이 이렇게 정리해 두면 기억하는데도 더 도움이 됩니다.str_pad - stringformat msgbox(4096,"",stringformat("%03d",1))가끔 출력을 할 때 자릿수를 맞춰주면 가독성이 좋은 경우가 있습니다.그럴때 사용 합니다. 한줄로 잘 맞춰진 경우가 가독성면에서 훨씬 좋기 때문입니다.위 예전의 경우는 앞쪽에 4자리의 공백을 줍니다. 뒤쪽에 추가 하는 것은 한번 더 확인해 봐야 겠습니다.
사람과 관계가 있는 자산은 오르기도 내리기도 합니다.이런 사이클이 있는것은 분명한것이고 이런 사이클이 왜? 존재를 하느냐는 사람의 심리와 영향이 크다고 볼 수 있습니다.민스키 모델에 대한 설명인데요.너무 비슷해서 올리게 되었습니다. 자산에서 부동산 만큼 괜찮은 경우도 많지 않습니다.내가 살아야할 집은 있으니 사람들이 비관적일때 구매하는것은 좋은 방향일 가능성이 있습니다.하지만 현재는 아닐 가능성이 높으며 예전에 사이클을 보면 현재 보다는 더 기…
아래 글은 사실상 할투 아저씨의 내용을 그대로 정리한것입니다.부동산도 퀀트로 가능한가 인데. 상당히 흥미로운 컨텐츠 입니다.부동산 주식과의 관계는 있는가에 대한 테스트로서 관계가 있다고 보기 힘들다.우선 주식과의 관계는 그렇다는 것이다.● 상승장과 하락장주식은 3년 전후로 생각하는 것이 좋다.부동산은 하락장이 생각보다 길때가 많다. 6~7년 간다고 생각하는 것이 좋다.● 진입 시점은 언제가 좋은가?KB 부동산 지수를 보면 상승. 하락을 알 수 …
저도 가끔 컨텐츠를 소비해서 들은적이 있습니다.대전인지 대구인지 미분양이 발생 했을때 이런 저런 이유로 큰 부분은 아니다.하지만 그렇지 않다는 것입니다. 흐름의 방향이 하락인지가 중요한데 하락쪽이라면 상당한 신호라는 것입니다.이부분에선 강남쪽의 아파트에 대한 것입니다.이또한 대출을 받지 못하기 때문에 강남쪽은 문제가 되지 않을 것이란 이야기도 많았습니다.하지만 그렇지 않다는 분이 있었습니다. 사업자가 회사명의로 대출을 받은 것이라서 오히려 노원…
제가 만든것은 아니고 테스트 한것을 정리하여 올린 것입니다. 음력 -> 양력으로 변경하는 라이브러리 흔하고 간단할줄 알았는데 생각외로 복잡하고 제대로 되는것을 찾기도 쉽지 않았습니다.여기선 PHP 8.1에서 테스트 한것입니다. PHP8 부터는 isset 같은것을 사용해야 되는 부분만 참고하면 되고 깃허브에 있는 예제가 모두 실행 되는것은 아니었습니다. 제가 필요한 음력, 양력으로 변경하는 부분이 문제가 없었습니다.만세력의 문제점등 라이센스 관련하여 저에겐 없고 깃허브에 보면 자세히 설명이 되어 있습니다.https://github.com/OOPS-ORG-PHP/Lunar 1) pear 설치하기 위한 파일을 받는다.w…
앞으로 @ 사용하지 말라고 하니 새로 만드는 프로그램은 try-catch 감싸서 처리 하는 것이 좋다.그래서 필요한 것으로 아래를 참고하면 된다. 그리고 아래 복원하는 함수면 한 줄이기 때문에 함수가 왜? 필요할까 싶지만 이런 경우도 함수로 만들어 사용하면 후에 어려운 일이 발생 했을 때 해결 할 수 있는 좋은 일이 생기게 되기도 한다. # 사용자 오류처리기 convertErrorsToExceptions(); # try { $link = "https://www.test2341.com"; $html = file_get_contents($link, false, null); } catch (Error…
내장함수에 strip_tags 라는 것이 있습니다.HTML을 삭제하고 txt만 남기죠. 그리고 나서 공백이 2개 이상이거나 줄바꿈이 필요 없거나 탭 같은것은 별도 삭제를 해줘야 합니다. 여기서 다루는 함수는 자바스크립트등 몇가지를 더 삭제해 주는 기능입니다.결과 확인 후 본인에게 맞지 않으면 좀 더 추가 해야 될 수 있는데 요즘은 GPT4 이용하면 도움이 많이 됩니다. /** * html2txt * * @param mixed $document * @return string|string[]|null */ function strip_tags_html2txt($document) { $sear…
사이트의 페이지를 소켓방식으로 수집할때 많이 사용하는 curl 클래스 입니다.본인의 상황에 따라서 좀더 조건을 줘서 처리를 하면 되며 쿠키를 저장해서 다시 보내줘야 한 다면 이 부분에 대한 주석 처리 된것을 풀어서 테스트 해보면 됩니다.중요한것은 HTTP 프로토콜에 대한 명확한 이해가 가장 중요합니다.원리를 모르는 상태에서 사용을 하다보면 헛발질을 많이 할 수 밖에 없기 때문이죠~코딩을 잘 한다는 것은 깔끔하게 재사용가능하게 하는 것도 중요하지만 더 중요한 것은 원리를 이해하고 문제를 해결 하는 것입니다. // 변수 선언 $http_url = 'http://example.com'; $method = 'g…
AWS SES API를 활용하면서 PEAR 라이브러리 활용할 필요가 있을 때 사용하면 되지만 일반적으로는 사용할 필요는 없습니다.하지만 필요한 분이 있을 수 있어 예전 소스중에 있어 올립니다. 1) PEAR 설치 사용하는 PHP 버전의 경로를 지정해서 설치 해야 한다. wget https://pear.php.net/go-pear.phar /usr/local/php82/bin/php go-pear.phar /usr/local/php82/bin/php -r "include 'PEAR.php';" 2) MIME 라이브러리 압축을 푼 다음 폴더를 옮겨 사용해야 한다. 라이브러리에서 또다른 파일 include 하면서 경로 문제 …
AWS에서 메일을 발송하는 방법에는 SMTP 설정을 통한 방법이 있고 다른 하나는 API를 이용한 방법이 있는데여기에선 API를 이용한 방법에 대한 예 입니다.보통 간단하게 조금 보낼때는 관계 없는데 많이 보내게 되면 AWS 비용이 비싸고 반송 메일에 따라 좋지 않으면 패널티도 받기 때문에 AWS 이용은 많이 안하는 편입니다.대량메일 발송서비스만 전문으로 해주는곳을 이용하거나 직접 구축하여 발송을 하게 됩니다.한달 몇 천건 정도면 이것 이용해도 됩니다. require __DIR__ . '/../aws/aws-autoloader.php'; use Aws\Ses\SesClient; use Aws\Exception\Aw…
간혹 PHP만 설치해서 사용하고 최대한 라이브러리 설치 하지 않게 사용하면서 간단하게 암호화할 필요가 있을 경우 사용 합니다. 가능하면 OpenSSL 라이브러리 사용하는 암호화 방식을 추천 합니다. 그리고 어떤 방식이든 대칭형 암호화에서 키는 가능하면 길게 만들고 여기선 md5 사용 했지만 sha512 같은것 사용하면 더 좋고 시간, 또는 일마다 같은 문자도 암호화 결과가 다르게 만드는것이 좋습니다. 그 부분은 개인의 상황에 맞게 별도의 메소드로 키를 생성하는 것을 만들면 좋습니다. 입력 받은 키에 부가적으로 더 넣어 줍니다.이 간단한 암호화 방식은 암호화와 복호화 함수가 동일하게 작동합니다. /** * open…
다른 언어에선 셀레리움을 많이 사용하는듯 한데 PHP에서 페이스북에서 만든 웹드라이브를 사용합니다.설치는 어렵지 않으며 여기선 윈도우용 PHP가 이미 설치 되어 있다고 가정하고 웹드라이브 설치 하는것 부터 진행 합니다.▷ 윈도우용 컴포저 다운로드https://getcomposer.org/Composer-Setup.exe▷ 필요한 라이브러리 설치composer require php-webdriver/webdrivercomposer require facebook/webdriver▷ 웹드라이브 설치 하기https://chromedriver.chromium.org/downloadshttps://googlechromelabs.g…
객체를 생성하는 각 방법은 사용하는 상황과 개발자의 선호도에 따라 다를 수 있는데 생성 하는 방법에는 아래와 같은 것들이 있습니다. $obj = new stdClass(); // 기본 클래스 $obj = (object) null; // (object) 변환 $obj = (object)[]; // 빈 배열을 object로 변환 $obj = new class {}; // 익명클래스 - php7 이상 new stdClass() 방법은 가장 직관적이고 널리 사용되는 방법입니다.(object) 변환은 간단한 형변환을 통해 배열이나 다른 값들을 객체로 변환할 때 유용하고익명 클래스는 더 복잡한 초…
뚱뚱하게 나온다고 자르면 더 보기가 좋지 않다. 입이나 코가 잘리는 경우 그렇다. 뚱뚱하게 나오면 보기가 좋지 않고 그래서 비율에 맞게 처리해 주는 방법이 제일 좋은데 아래 방법을 사용 하면 된다. 알아보기 쉽게 인라인으로 작성함. 이미지 주변에 옅은 테두리를 추가하고 이미지가 짤리지 않도록 조정하기 위해서 먼저 이미지를 감싸는 div 태그에 테두리(border)를 추가하고 이미지의 object-fit 속성을 contain으로 변경하여 이미지가 전체적으로 보이도록 조정할 수 있습니다. 이미지의 가로 세로 비율을 유지하면서 너비는 100%로 설정하여 부모 요소의 너비에 맞추고 높이는 원하는 값으로 고정합니다. 이렇게 하면…
글자가 많을 경우 밀리지 않고 뒤쪽이 보이지 않게 처리하려면 텍스트가 넘치는 부분을 숨기는 CSS 속성인 overflow를 사용할 수 있습니다. 여기에 text-overflow 속성을 추가하여 넘치는 텍스트를 어떻게 처리할지 결정할 수 있으며 white-space 속성을 사용하여 텍스트가 한 줄에 표시되도록 설정할 수 있습니다.width 속성을 설정하여 <div>의 너비를 제한하는 것도 중요합니다. 이를 통해 텍스트가 넘치는 부분을 '...' (ellipsis)로 표시하도록 설정할 수 있습니다.아래의 코드 예시는 이러한 속성들을 사용하여 긴 텍스트가 넘칠 경우 '...'으로 표시하는 방법을 보여줍니다. &l…
반응형으로 만들기 좋은 부트스트랩에 관한 툴이 있는 사이트입니다.가끔씩 사용할때 레이아웃이 생각나지 않은 경우 이용하면 좋습니다.지원하는 버전은 현재 버전보다 낮은 4버전 이긴 하지만 기본적인것은 동일하기 때문에 사용하는데는 큰 문제는 없습니다. * 찾을 때 검색한 키워드bootstrap design toolbootstrap builder* 부트스트랩 레이아웃 관련된 사이트 https://www.bootstrapcdn.com/https://bootstrap.build/apphttps://www.layoutit.com/https://bootsnipp.com/builder
현재 페이지에서 표현이 되고 있는 스타일을 간단하게 자바스크립트로 볼 수 있는 방법입니다.const fontSize = Number(window.getComputedStyle(document.body).getPropertyValue('font-size').match(/\d+/)[0])위에대한 설명입니다.window.getComputedStyle(document.body) - HTML BODY에 대한 모든 스타일을 얻으려면getPropertyValue('font-size') -글꼴 크기의 문자열 값을 얻으려면 예 : (16px)match(/\d+/)[0]) - 숫자 부분 만 얻으려면 예 : (16) - 문자열Number(…
일반적으로 제목이 길면 2줄로 나오게 됩니다. 너무 긴 경우 더 나올수도 있겠지요.그런 경우 백엔드에서 잘라서 보여주기도 하곤 합니다.이런 경우 css 처리 방법에선 hidden을 주면 됩니다.부트스트랩에선 overflow-hidden 클래스만 추가해주면 기본적인 길이에서 넘치게 되면 보이지 않게 처리를 합니다.높이게 대한것과 길이에 대한 부분은 필요하면 style 속성을 추가해서 해주면 됩니다.a 태그도 필요하면 style 줘서 높이와 길이 지정하여 사용하면 원하는 형태로(길어서 넘치는 경우) 한줄로 보이고 초과된 부분은 화면에서 보이질 않게 됩니다.
다음에 찾을때 필요할듯 하여 올림.!!반응형을 처리 하는 방식에 대한 이름(명칭) 입니다. 화면의 크기와 더불어 요즘은 해상도가 커지면서 글자 크기에대 한 부분도 같이 신경써야 합니다.
squish, scroll, collapse rows, collapse columns 방식의 반응형 모델 입니다.
버튼을 클릭하면 아작스를 통해서 서버로 보낸다음 버튼의 색을 변경하고 명칭도 변경하여 목록으로 이동 할 수 있게 하는 기능을 만들다 보니 이런것이 필요하게 되었습니다.처음의 버튼은 '글 삭제하기'였습니다.그리고 클릭하여 정상적으로 삭제가 되면 메시지를 하나 보여주고 '정상적으로 삭제 되었습니다.' 그리곤 아래의 jquery 명령으로 버튼를 변경해 줍니다. - 버튼의 명칭을 변경합니다. - onclick 특성을 줘서 클릭하면 주소를 이동합니다. - 부트스트랩의 클래스를 변경하여 버튼의 색이 바뀌게 합니다. $('#del_btn').html(' 목록으로 이동하기 '); $("#del_btn").attr("o…
중복된 처리를 제외하고자 할때 일정 부분 쿠키로 가지고 있다가 비교해서 동일한 것은 처리 하지 않기 위한것입니다.이것을 쿠키를 이용하는 방법이 있고 요즘은 로컬스토리지를 이용하는 방법도 있겠습니다. 특정 게시물의 번호나. 방문자의 로그를 저장하여 처리 하는 경우는 중복 처리 방지를 위한 간단한 방식 입니다.게시물의 경우 중복제외 처리를 하지 않으면 들쑥 날쑥 하지만 최고 30% 넘게 차이나는 경우도 있었습니다. <!DOCTYPE html> <html> <head> <title>Click Event Test</title> </head> &l…
블로그에 있는 datepicker는 안되는것이 많아서 사용할 일이 있어서 완성한것 올립니다.jquery는 버전이 다르면 안될 수 있으니 버전을 맞우는것이 중요하며 아래 순서도 중요합니다.jquery를 이용하기 때문에 jquery-ui가 아래에 있어야 한다는 것입니다. 그리고 jquery-ui 압축 파일을 받으면 아래와 같이 CDN 이용하지 않고 사이트에 올려 놓고 사용할 수 있으며 압축 파일 안에 아래 cdn 링크 걸린 모든 파일과 더불어 필요한 다른 파일들도 같이 모두 들어 있습니다. 같이 사용되는 jquery 도 별도 디렉토리에 있습니다.△ 아래 달력 datepicker(데이트티커)minDate 사용하면 적용한 이…
Node Express는 Node.js와 Express.js를 결합하여 웹 애플리케이션 개발에 사용되는 프레임워크입니다. 이를 통해 비동기적인 서버 측 코드 작성과 HTTP 요청 및 응답 처리 등 다양한 웹 개발 작업을 보다 쉽게 처리할 수 있습니다.
1) 간단하게 띄울 프로그램을 하나 준비
서버가 잘 작동하는지 확인을 할 수 있는 간단한 프로그램을 준비 하도록 합니다.자신이 하는것이 디비커넥션이 들어가게 되면 이 부분도 간단하게 CRUD 프로그램 하나 준비 하면 됩니다. const express = require('express'); const app = express(); const port = …
-g 옵션을 주어 글로벌로 설치한것이 아닌데 현재 디렉토리에 node_modules이 없고 다른곳에 설치 된경우는 아래처럼 초기화하면 package.json 파일이 생성 되고 현재 디렉토리에 node_modules 디렉토리가 생기면서 설치 됩니다. 아래와 같이 초기화 후 설치 하면 됩니다. npm init -y npm install express 그리고 초기화 했는데 안되는 경우는 시스템 로그인할때 홈 디렉토리나 또는 기본적으로 있어야할 스크립트 등이 없는 경우는 아닌지 살펴 보면 됩니다.예를 들면 bash shell의 경우 로그인 하면서 실행 되는 스크립트 들이 있습니다. 파일명은 .(점) 으로 시작하기 때문에 숨…
실제 파일은 있는데 없는다는 메시지가 나올 경우는 PATH 설정 값을 확인해 봐야 합니다.만약 whereis env 했는데 있다면 로그인할 때 실행되는 파일에 PATH 설정을 추가해 주면 됩니다./usr/local/nodejs/bin/npm install yarn/usr/bin/env: node: 그런 파일이나 디렉터리가 없습니다위와 같은 오류가 발생 하는 경우는 경로를 추가해 주면 된다.vim /etc/bashrcexport PATH=$PATH:/usr/local/nodejs/bin이 경우는 nodejs를 압축파일을 받아서 별도의 디렉토리에 압축을 풀고 심복릴 링크 처리한 경우 입니다.
프로그래머가 아니라 일반인이면 PDF 페이지번호 추가해주는 사이트가 있으니 아래를 참고하시면 됩니다.https://tools.pdf24.org/ko/add-page-numbers#s=1687481961009여기선 nodejs와 pdf-lib 설치에 대해선 언급하지 않습니다.아래는 간단한 소스 입니다.PDF파일에 페이지 번호가 없어서 인쇄하는데 있어 페이지수가 적으면 문제가 안되지만 수십페이지만 되어도 읽을때 문제가 될 수 있습니다. 페이지가 바뀐다거나 아니면 인쇄할때 잘못되어 중간부터 인쇄할때 몇페이지 부터 인쇄해야 될지 찾는데 시간이 소요 될 수 있는 문제를 해결하려면 페이지번호가 들어가 있는것이 좋습니다. /** …
파일저장이나 또는 가져올때등 상대경로로 호출 하는 경우도 있지만때론 전체 경로를 알아야 되는 경우가 있습니다.그럴때 현재 디렉토리 기준으로 처리하면 좋은때 이럴때 사용 합니다. // 현재 디렉토리 const _DIR_ = process.cwd(); php의 __DIR__ 과 같은 역활 입니다.확인 결과 위 예제는 잘 되는 것입니다. 현재 V16 버전에서 문제 없었습니다.* 사용한곳은 아래 입니다. 파일을 저장할때 유용합니다. [nodejs] PDF파일 페이지 번호 없는 경우 페이지 자동으로 넣어주기 > javascript 버전 업그레이드가 심해서 안되는것 들이 종종 입니다.요즘 언어들 경쟁 붙었는지 …
현재 nodejs 실행중인 유저를 알아내기 위한 것입니다.같은 프로그램을 쉘에서 실행하기도 하고 웹서버를 통해서 실행하기도 합니다.그런 경우 파일을 쓰게 되면 문제가 발생합니다. import os from "os"; let osUser = os.userInfo().username; if ( osUser == 'root' ) { console.log('루트 유저: ', osUser); } else { console.log('osUser: ', osUser); } 발생되는 문제는 웹서버로 쓰면 웹서버 유저가 되지만시스템에서 실행하면 시스템에서 실행한 유저로 파일이 저장 되는데요.이때 시스템에서 실…
간혹 파일을 찾기는 해야 하는데 언제쯤 이후에 만든것은 확실한데 어디 있는지 모르는 경우가 있을 때 유용 합니다.아래는 php 확장자인 경우 예를 들었습니다.삼바 연결된 곳이라면 PC 문서를 찾는데 무척 좋습니다.find . -type f -name "*.php" -newermt 2024-03-01▷ 각 항목에 대한 설명find: 파일 검색 명령어..: 현재 디렉토리를 의미.-type f: 파일만 검색.-name "*.php": .php 확장자를 가진 파일만 검색.-newermt 2024-03-01: 2024년 3월 1일 이후에 수정된 파일 검색.▶ find 명령으로 파일에 특정 문자가 있는 경우만 출력 아래는 현재…
ftp는 vsftpd 별도로 사용하고 있는데 오늘 보니 사용하지 않는 21번 포트가 열려 있네요.전 디폴트 포트는 사용하지 않기 때문에 이런게 있으면 안되지요~netstat -antp | grep LISTEN확인하니 xinetd 에서 띄워져 있네요.vim /etc/xinetd.d/vsftpd 파일을 열면 아래와 같은 텍스트를 볼 수 있는데요. service ftp { socket_type = stream wait = no user = root server …
MySQL에서 트리거(trigger)는 특정 테이블에 대해 INSERT UPDATE DELETE와 같은 DML(데이터 조작 언어) 작업이 수행될 때 자동으로 실행되는 프로시저입니다. 트리거는 데이터의 무결성을 유지하거나 로깅 감사 등의 목적으로 사용될 수 있습니다. 트리거는 데이터베이스가 특정 조건에 반응하여 자동으로 특정 작업을 수행하도록 할 때 유용합니다.▷ 트리거의 주요 특징- 자동 실행: 트리거는 관련 테이블에 특정 DML 작업이 수행될 때 자동으로 실행됩니다.- 데이터 무결성 보장: 데이터의 무결성을 보장하기 위해 사용될 수 있으며 복잡한 제약 조건을 구현하는 데 유용합니다.- 감사 및 로깅: 데이터 변경 사항…
왜래키는 잘 쓰면 보약이고 잘못하면 관련된 테이블 모두 확인 하느라 부하가 심해진다.그래서 무조건 쓰지 못하게 하는곳도 있는 실정이다. 사실 우리가 그런부분이 있다.사이트의 부하가 많지 않다면 사용하는것을 권장 하는데 문제가 될일이 별로 없기 때문에 그렇다. 외래키는 두 테이블 간의 관계를 정의하는 데 사용 되는 것으로 보통 부모 테이블과 자식 테이블 간의 관계를 나타내는 데에 사용됩니다.1. 관계 정의 외래키는 부모 테이블의 기본 키(primary key) 또는 유일한 키(unique key)와 연결됩니다. 이 관계를 통해 자식 테이블의 행들이 부모 테이블의 행들을 참조할 수 있습니다.2. 무결성 유지 외래키 제약 …
리눅스에서 OpenSSL을 사용해 생성한 사설 인증서의 유효 기간을 확인하려면 터미널에서 OpenSSL 명령어를 사용 하면 된다.아래 openssl 명령어를 사용해 인증서의 유효 기간을 확인할 수 있다.openssl x509 -in [인증서 파일 경로] -noout -datesopenssl x509 -in mycert.pem -noout -datesopenssl x509 -in rootCA.crt -noout -datesopenssl x509 -in server.crt -noout -dates# 생성 할 때 기간을 주면 유효 기간을 길게 사용 할 수 있다.# -days 36500 = 100년openssl x509 -re…
OpenSSL로 인증서 생성시 -days 36500 = 100년 옵션을 사용해서 유휴기간을 길게 준다. 우선 만료 되는 기간을 길게준 다음 후에 사용할 계획이 없으면 사용하지 않으면 되기 때문이다.지난것을 경고 무시하고 사용하는것 보다는 이편이 더 좋을것이다. 아래는 간단하게 개인 인증서 생성하는 방법이며두번째 csr 생성할때 입력 해야 하는것이 잇는데 아래처럼 입력하면 되며 비밀번호는 넣지 않아도 된다.(비밀번호 넣으면 다음에 진행할때 같이 넣어 줘야 되어 테스트 할때는 넣지 않도록 한다.)-----Country Name (2 letter code) [XX]:KRState or Province Name (full na…
DKIM, SPF, 및 DMARC는 이메일을 보다 안전하게 하고, 스팸이나 피싱 공격을 방지하기 위해 사용되는 이메일 인증 메커니즘들입니다.공통적으로 네임서버 설정을 해줘야 하는 것들이다.DKIM (DomainKeys Identified Mail)DKIM은 발신자의 도메인이 실제로 해당 이메일을 보냈다는 것을 증명하기 위해 디지털 서명을 사용합니다.이메일 발송자는 이메일의 헤더에 디지털 서명을 추가하고, 이 서명은 발신자의 도메인에 공개적으로 접근 가능한 공개 키로 검증할 수 있습니다.수신 메일 서버는 이 공개 키를 사용하여 디지털 서명을 검증하고, 이를 통해 이메일이 변경되지 않았으며, 해당 도메인에서 실제로 발송되었…
리눅스에서 디스크 사용량이 많은 프로그램을 찾기 위해서는 주로 du (Disk Usage) 명령어를 사용합니다.
du 명령어는 디렉토리나 파일이 사용하는 디스크 공간의 양을 확인할 때 사용됩니다.
du 명령의 기본적인 사용 방법
전체 사용량은 df 명령을 사용하지만 하위 디렉토리의 사용량을 보려면 du 명령을 사용 합니다. 운영하다 보면 어느곳에서 사용을 많이 하는지 알기 위해 은근히 많이 사용 되는 명령 입니다.
특정 디렉토리의 사용량을 확인
du /path/to/directory를 입력합니다.
모든 디렉토리의 사용량
du -h /path/to/directory를 사용하면 됩니다.
여기서 -h 옵션은 'human…
디스크 I/O 부하를 많이 주는 프로그램 확인
디스크 I/O 부하를 많이 주는 프로그램을 찾으려면 iotop이라는 도구를 사용 하면 되며 이 도구는 각 프로세스의 I/O 사용량을 실시간으로 모니터링하며, 높은 I/O 사용량을 가진 프로세스를 쉽게 찾을 수 있도록 도와준다.
io를 보는데는 iostat 도 있고. vmstat 1 명령으로 CPU 부하와 같이 쓰기나 읽기가 어느정도 인지 보는 방법도 있는데 iotop을 사용하면 프로그램 까지 알 수 있어 좋다.
단 기본적으로 설치가 안되어 있기 때문에 설치를 해줘야 한다.
Ubuntu 또는 Debian sudo apt-get install iotop
CentOS…
아래 영상에 있는것을 간단하게 정리 한것입니다.문제는 화폐를 많이 풀어서 생긴 인플레이션에 대한 것입니다. 적당한 화폐를 풀어야 하는데 내 화폐가 아니라는 생각이 있었을까요?MMT 이제는 말이 없겠습니다. (주권 국가는 자국 통화로 부채를 지불할 수 있으므로 기술적으로 파산할 위험이 없다고 봅니다. - 대략 이런뜻)항상 그렇듯이 자신만의 기준으로(규칙으로) 판단을 해야 하는 것입니다.참고할것은 하고 준비해야 할것은 하고 기회도 놓치면 안되는것에…
현재 전쟁을 보면 러시아가 밀리고 있다고 판단이 되는데 그게 맞느냐?러시아도 그렇게 생각하고 있나? 전쟁과 평화에서 나폴레옹이 60만 대군으로 러시아를 침공하는 그림 하나로 그린 유명한 것이라고 합니다.위에서 까만색 선은 돌아오는것이라고 합니다.40만이 러시아 국경을 넘었다고 하는데 돌아올때는 1만명 정도 였다고 합니다.러시아는 이때는 청야전술을 했고 후퇴만 했다고 합니다. 적의 자원을 소모시키는 것을 했다는 것입니다.이 전술은 역사를 보면 상…
우리가 언론에서 익히 들은 러시아의 유가 가격상한제에 대해서 제대로 알고 있는가에 대한 영상 입니다.러시아는 왜? 조용할까?아래 그림을 보면 우리가 생각했던것과 확연하게 다른것을 볼 수 있습니다.생각해 보면 인도와 러시아는 다른곳에서 사져오는것보다 전체적인 비용이 저렴하기만 하면 이익 입니다.러시아는 사가는쪽에서 이익이 되면 당연히 살것을 무리해서 싸게 팔 이유는 또 없는 것입니다. 우리는 흔히 인도가 러시아에서 수집하는 것은 20% 정도는 할…
천리길도 한걸음 이란 오래전 부터 전해오는 말이 있습니다.쉬운일도 못하면서 굉장한 일을 할 수 있을까요?그렇지 않을 것입니다.아래는 동기부여관련 유명한 영상으로서해병대 사령관이 왜? 아침에 일어나 침대부터 정리해야 하는지 알려 줍니다.결론은 쉬운일부터 하나하나씩 해가다 보면 어느새 나도 모르게 다른 사람과 대화를 하다 보면 다름을 느낄 수 있습니다. ● 참고할것실제 심리학적으로도 뭔가 성과를 이루면 나 자신에 대한 자신감이 생기게 됩니다.그리고…
저장매체의 식별, 관리, 폐기 과정을 기록하는 이동식 저장매체 관리대장 양식의 주요 항목으로는 번호, 관리번호, 매체형태, 등록일, 담당자, 폐기 일자, 폐기 처리방법이 있고 데이터 보안과 관리 효율성을 높일 수 있습니다.- 번호: 관리대장의 일련번호로, 각 항목을 고유하게 식별할 수 있게 합니다.- 관리번호: 저장매체에 부여된 고유 식별번호로, 매체의 추적과 관리를 용이하게 합니다.- 매체형태: 저장매체의 종류를 나타내며, USB, 외장하드, CD/DVD, SD카드 등의 형태를 기록합니다.- 등록일: 저장매체가 관리대장에 등록된 날짜로, 매체의 사용 시작일을 기록합니다.- 담당자: 해당 저장매체의 관리와 사용을 책임지…
컴퓨터 화면 캡처 기록부는 디지털 작업의 기록과 관리를 체계적으로 할 수 있도록 돕는 문서 양식으로 각 화면 캡처에 고유 식별 번호를 부여하고 캡처를 실행한 사람의 이름과 명칭 캡처가 이루어진 날짜와 시간을 기록할 수 있습니다. 그리고 파일 경로와 간략한 설명 추가적인 메모를 포함하여 화면 캡처에 대한 종합적인 정보를 제공합니다. 이 문서를 통해 화면 스크린샷의 출처와 내용을 쉽게 확인할 수 있으며 여러 작업을 관리하고 추적하는 데 유용하고 특히 프로젝트 진행 상황을 기록하거나 문제 해결 과정에서 증거를 남길 때 효과적입니다. - 명칭: 화면 스크린샷의 제목 또는 명칭 이름- 날짜: 화면 캡처가 실행된 날짜- 시간: …
회사에서 휴대용 저장장치를 어떻게 사용하고 있는지 관리하는 확인서 입니다.USB나 CD등 휴대하고 다닐수 있는 모든 장치를 말하며 외장형 HDD도 같이 포함 됩니다.또는 SD카드등 모든 휴대용 저장장치를 말하며 재사용 또는 폐기를 어떻게 처리 하는 관리 대장입니다. 폐기의 경우 모아 두었다가 한꺼번에 물리적으로 파손을 시켜 폐기 하거나 또는 전문 업체에 맞겨서 인증서를 받아 두는 것을 권장 합니다.
주로 보안 및 감사 목적으로 사용 하면 좋은 태블릿 PC의 반입과 반출에 대한 기록을 정리하고 추적하는 데 도움이 되는 문서 입니다. - 날짜 및 시간: 태블릿 PC가 반입 또는 반출된 날짜와 시간을 기록합니다. 이는 태블릿 PC의 움직임을 추적하고 보안 이슈를 식별하는 데 도움이 됩니다.- 직원/부서: 태블릿 PC를 반입 또는 반출한 직원의 이름 또는 소속 부서를 기록합니다. 이는 책임을 명확히 하고 특정 직원이나 부서의 동향을 파악하는 데 도움이 됩니다.- 태블릿 PC 식별 번호: 각 태블릿 PC의 고유한 식별 번호를 기록합니다. 이를 통해 특정 장비의 움직임을 추적할 수 있습니다.- 반입 또는 반출 유형: 태블릿 …
노트북을 반입하는 과정을 기록하고 관리하기 위한 문서입니다. 사용자 이름, 부서, 노트북 모델(시리얼 번호), 반입 및 반출 시간 등의 정보를 포함하며 이를 통해 반입된 노트북의 현황을 투명하게 관리하고 추적할 수 있도록 돕습니다. - 사용자 이름: 노트북을 반입한 사람의 이름- 날짜: 노트북을 반입한 날짜- 부서: 해당 사용자가 속한 부서- 노트북 모델: 반입한 노트북의 모델명과 필요하면 시리얼번호- 반입 시간: 노트북을 반입한 시간- 반출 시간: 노트북을 반출한 시간- 비고: 기타 필요한 메모
모든 컴퓨터 및 기기에 최신 보안 소프트웨어를 설치하고 정기적으로 업데이트하고 불확실한 출처에서의 파일 다운로드를 피하고 검사하는 등 정보 보안 원칙을 지키며악성코드 방지에 필수적인 행동을 철저히 수행할 것을 다짐하는 내용을 담고 있습니다. 이 서약은 구성원들이 보안 의식을 강화하고 책임감을 가지도록 함으로써, 정보 보안 관리의 중요성을 인식하고 이를 실천하는 기회를 제공합니다.
이 문서는 간략히 소프트웨어 개발 종사자로서 투명하고 공정한 직무 수행을 다짐한다는 내용 입니다. 사례, 증여, 향응을 받거나 주지 않으며, 모든 직무는 공개된 장소에서 투명하게 처리하고, 고객과 청탁을 받지 않고 합리성과 공정성을 기준으로 행동하고, 접대나 선물을 주지 않고 이를 어기면 어떠한 불이익도 받겠다는 내요인데요. 이렇게 윤리준서 서약을 함으로 거래의 행동에 있어 잘못 된 부분은 없는지 생각해 볼 수 있는 기회를 주기도 합니다.
컴퓨터 포맷 및 초기화 작업을 체계적으로 기록하고 관리하기 위한 관리대장으로 표 형식의 문서입니다. 컴퓨터 초기화(포맷) 관리를 위한 기록부는 각 포맷 작업의 세부 사항을 추적하고포맷 과정에서 발생할 수 있는 문제점 및 백업 여부 등을 기록하여 이후에 참고할 수 있도록 도와PC 포맷 작업의 내용과 수행 과정을 쉽게 파악할 수 있으며 문제 발생 시 추적과 문제 해결에 용이합니다.시스템 관리자는 각 PC 노트북 컴퓨터의 포맷 작업의 이력을 명확히 파악하는 관리대장에 의해 필요한 경우 문제 해결 및 시스템 유지보수에 필요한 정보를 쉽게 찾을 수 있습니다. - 이름: 작업을 수행한 사람의 이름입니다. - 명칭: 포맷 작업이 수…
난 복잡한 부트스트랩이나 테일윈드 같은것 사용하기 싫고 순수 html 로만 페이지를 만들고 싶다.보통 백오피스 페이지가 그렇습니다.(시간이 들어가니 그렇지요. 집에서 양복 입지 않는것과 같은 이치~)하지만 반응형은 필요하고 보여지는 것은 좀 괜찮아야 한다면 pico css를 추천합니다.폰트사이즈만 약간 줄여서 사용하면 그만.아래는 폰트사이즈 때문에 테스트 해본것입니다.결론 부터 말하면1rem은 16pxpico css 기본은 21px 입니다. 부트스트랩5도 이정도 될듯.그렇다면 내가 보기엔 왜? 폰트사이즈가 무지막지 하게 크냐!나 같은 시력이 좋은 사람을 위한것이 아니라 항상 그렇듯이 기준은 나쁜쪽에 둬야 하기 때문에 그…
지금으로 부터는 1년이 된 영상입니다.2008년 금융위기에서 유명한 전 리먼브러더스 한국대표 이셨던분의 영상입니다.이분 다른 영상에서 각각의 위치에 따라서 말하는 주식의 전망이 다르더라는 것입니다.본인과 같은 트레이더는 솔직이 말한다. 모른다. 영상을 보니 실제 그런 형태로 말을 합니다. 확실한것은 이런 형태로 말하면 주변의 아시는 분들은 관계 없지만 모르시는 분들에게는 인기는 없습니다. 하지만 이런것을 본인이 몰라서 그렇게 말하겠습니까. 채…
