생각하며 글을 쓰는 사람

오늘 생각을 해봤습니다. 일론 머스크는 행복할까? 재산이 많아지면... 국가에서 세금을 많이 내야 하겠죠! 테슬라와 일론 머스크의 행보에 대해서 저는 관심이 많이 있습니다. 수많은 어려움을 이기고 그는 계속 전진하고 있습니다. 고통을 이기면서 가는 것이죠 한번 돌이켜 본다면... 이전코로나의 영향으로 반도체 수급에 문제가 있었습니다. 테슬라는 그런것도 상관이 없나봅니다. 테슬라의 지난 4분기에 30만대 이상을 팔았다고 하니, 전문가의 예상치를 뛰어넘었습니다. 지난 코로나 사태 이후에 전 세계 기업들을 강타한 반도체 공급난이 있었습니다. 그러나 테슬라의 4분기 실적은 엄청난 양의 판매량을 달성했습니다. 21년도에는 거의 93만대 정도를 고객에게 납품을 했다고 합니다. 테슬라 최고경영자 일론 머스크의 재산이..

css 에서 예쁜 그림자를 넣기를 원하시면 코드를 잘 작성을 해야합니다. box-shadow: 좌우위치, 상하위치, blur(흐려짐 정도 범위), spread(그림자 크기), 색상 ; 이 코드를 잘 사용을 하면 됩니다. 이렇게 저렇게.... 막 수정하다가. 제가 딱 좋아하는 그림자를 찾아내게 되었습니다. 그림을 확인 해보시기 바랍니다. 예쁘지 않습니까????? 너무 과하지도 않고, 부담스럽지도 않고 ㅋㅋㅋㅋ 딱~~ 좋네요 ㅎㅎㅎ 코드는 이렇게 작성을 하였습니다. 일단 전체적인 코드는 다 적기는 너무 많고.. 부트스트랩을 이용했다고 보시면 됩니다. 그리고 핵심적인 코드 입니다. 참고하시기를 바랍니다. .practiceShadow { box-shadow: 0px 0px 20px 1px rgb(200, 200..

부트스트랩에서 margin(마진), padding(패딩), font-size(폰트사이즈) 를 설정하려면 어떻게 해야 할까요? 사이트의 튜틸리티에 spacing, text 를 보시면 됩니다. https://getbootstrap.com/docs/5.1/utilities/spacing/ Spacing Bootstrap includes a wide range of shorthand responsive margin, padding, and gap utility classes to modify an element’s appearance. getbootstrap.com https://getbootstrap.com/docs/5.1/utilities/text/ Text Documentation and examples ..

html과 css를 다루기 어렵다면 부트스트랩을 이용하시면 됩니다. html에 부트스르랩을 설치하는 방법을 설명하겠습니다. 일단 부트스트랩 홈페이지에 방문을 해보겠습니다. https://getbootstrap.com/ Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstrap.com 시작하는 방법은 아주 간단합니다. 사이트의 Docs에 들어가서 퀵스타트를 보시면 됩니다. 부트스트랩의 css와 javascript 파일을 자신의 html에 붙여넣기는 하면 끝납니다. css cdn은 자신의 head 태그 안에 넣으면 됩니다. javascript cdn은 자신의 body 태그 끝나기 전에 넣으면 됩니다. 그럼 다 설치된 모습을 ..

9시 40분 쯤의 기회를 날려버리고... 10시에 다시 기회를 주기 시작했습니다. 청색봉에 검은봉이 나왔습니다. 분홍색 중기 매수 에스코트가 실선이지만 내가 잃었을 당시의 기울기는 매우 가파른 경우이고... 중심선 위치도 간신히 돌파한 상태이었습니다. 그러나 10시에 온 기회는 시가가 중심선 부근에서 시작을 했습니다. 분홍 매수 에스코트의 기술기가 그렇게 위협적이지 않습니다. 약화세를 보이며 검은봉이 이 분홍의 지지를 이겨버리면 터널까지 흐르는 모습을 볼 수 있습니다. 10시 20분까지 흐름을 보지 못하고 왜 나는 시스템을 껐는가? 손절은 10틱 이상에서 하고 익절은 거의 3~4틱에서 하는 내 자신이 문제입니다. 노란색 청색 검은색의 흐름이 나왔을 때 1. 단기 매도 에스코트가 직전 고점보다 아래에 있는..

오늘의 매매일지를 작성을 해보겠습니다. 저는 보통 9시에 매매를 시작해서 10시 20분 정도에 마칩니다. 일단 일봉을 보겠습니다. 스텔스 수치가 31정도 되는것을 볼 수 있습니다. 시가가 단기 매도 에스코트 부근에서 출발을 했습니다. 이것을 돌파하면 올라갈 수 있고, 단기적으로 보면 내려갈 수 있습니다. 그러나... 스텔스 수치는 일단 해소하려고 할것입니다. 30분 분봉을 확인 해보겠습니다. 스텔스 수치가 31입니다. 역시 시가가 단기 매도 에스코트 위에서 시작을 한 것을 볼 수 있습니다. 일단 9시에서 9시 10분까지 스텔스 수치를 해소하려고 할 것입니다. 그림은 보면 일단 해소했습니다. 단기 매수 에스코트 : 397.95 중기 매수 에스코트 : 397.30 이 에스코트 선으로 가려고 할것입니다. 그리..

나스닥 - 5주기 기준 노란봉에 청색봉 매수 지지에 의해 더 내려가지 못했습니다. 분홍색 실선이 나타다면 조심해야 겠습니다. 매도 에스코트가 직전 고점보다 낮는것은 > 좋은 신호 단기 매도가 중기 매도를 침범한 상태 > 좋은 신호 매도 에스코트가 직전 고점보다 낮으며 중기 매도를 침범 했으므로 좋은 상태입니다. 매수 에스코트가 점선이 되어서 매수 에너지가 약화 된 상태입니다. 위 사진과는 다르며 더 밑으로 내려갈 가능성이 높습니다. 터널까지 가려고 합니다. 위와 같은 상태입니다. 단기 매도도 침범을 했고 직전 고가보다 낮게 되어 있습니다. 다만 중기 매수 에스코트의 신호가 좋지 못합니다. 그 선이 지지로 작용을 했습니다. 역시 돌파하지 못하고 다음 봉으로 가버립니다. 국내선물 - 10분 기준 노란봉 > ..

내가 원하는 사이트에 애니메이션이 무엇이 있는지 알고 싶다면 크롬 갭발자 도구를 이용하면 됩니다. 빨간색을 따라가서 애니매이션을 누르면 됩니다. 애니매이션을 만들려면 Transition 을 이용해야 합니다. 1. 시작 스타일을 정해야 하고 2. 끝나는 스타일을 작성해야 합니다. 대부분 :hover 마우스를 올릴 때 최종 스타일을 지정합니다. 3. Transition 을 지정해주면 됩니다. html을 작성해 줍니다. price 클래스가 위로 올라가는 것입니다. 마우스를 올릴 때 작동하게 하려면 div를 하나 더 만들어서 그안에 넣어주고, 이 놈을 position을 이용해서 공중부양을 시킵니다. 그리고 기존 img 를 다 감싸도록 폭과 너비를 100%로 해줍니다. css를 작성을 해줍니다. div를 하나 더..

아오..... 애증의 인터넷 익스플로러 ㅜㅠ 조건부로 익스플로러 버전용 CSS파일 첨부를 할 수 있습니다. 익스플로러 X 버전 이하에서만 적용할 수 있는 CSS파일을 첨부할 수 있습니다. 첨부해주시면 css폴더내의 ie8.css 라는 파일은 인터넷 익스플로러 9 미만에서만 적용됩니다. 저걸 [if lt IE 10] 이렇게 바꾸면 익스플로러 10 미만에서만 적용됨 이렇게 첨부하신 후 ie8.css에 여러분이 수정하고 싶은 코드를 담고 head태그 내에 다른 CSS 파일들과 함께 첨부해주시면 됩니다. 참고로 ie8.css 파일은 다른 브라우저에선 전혀 읽혀지지 않습니다. link 태그 첨부 순서는 가장 마지막이 좋음 그리고 클래스 명을 ie--explain-container 라고 해주면 좋음

float 를 이용한 코드를 작성하면.... 피자 풍부한 토마토 소스 햄버거 풍부한 불향 치킨 깊은 간장맛 콜라 느끼함을 제거하는 맛 .explain-container>div { float : left; width : 25%; } @media screen and (max-width : 992px) { .explain-container>div { float : left; width : 50%; } } @media screen and (max-width : 768px) { .explain-container>div { float : none; width : 100%; } }

부모 요소에 적용하고 display: flex justify-content: center; align-items: center; flex-wrap: wrap; 자식에게 폭만 잘 지정해주면 이러한 것을 폭을 줄여주면 잘 넘어간다. 그러나 테블릿 일 때 2단으로 보여주고 모바일 화면일 때 80%찬 화면으로 보여주려면 미디어 쿼리도 잘 써줘야 한다. 코딩을 시작하면.... html 부분은 단순함 피자 풍부한 토마토 소스 햄버거 풍부한 불향 치킨 깊은 간장맛 콜라 느끼함을 제거하는 맛 css 부분에는 특별하게 미디어쿼리를 사용한다. .explain-container { font-size: 25px; text-align: center; display: flex; justify-content: center; ali..

1200px 768px 이렇게 두개만 골라서 1200px 이하는 태블릿, 768px 이하는 모바일

반응형 웹을 만드려면 먼저 설정을 해주어야 합니다. meta 태그를 추가해야 합니다. 1. rem 이라는 단위를 사용할 수 있습니다. 기본 폰트 사이즈가 있다면 = a 1.5rem 을 사용하면 >> a x 1.5 가 됩니다. 기본 폰트를 적용하지 않으면 16px이 적용되어 사용됩니다. 2. vh 를 사용하면 빈 화면에서 스크롤이 가능하게 됩니다. vw 는 그 반대의 개념입니다. 폭 개념 .class { width : 16px; /* 기본 px 단위 */ width : 1.5rem; /* html태그 혹은 기본 폰트사이즈의 1.5배 */ width : 2em; /* 내 폰트사이즈 혹은 상위요소 폰트사이즈의 2배 */ width : 50vw; /* 브라우저(viewport) 화면 폭의 50% */ width..

head 태그 안에 들어가는 요소를 공부하겠습니다. 1. 사이트의 인코딩 형식을 지정할 때 charset="UTF-8" 이라고 속성을 적을 수 있습니다. 2. 사이트의 구글 및 다른 검색엔진의 검색 결과 화면에 뜨는 글을 수정하고 싶으면 속성들을 추가할 수 있습니다. description은 구글 검색시 파란 제목으로 뜨는 글 keywords는 검색에 도움을 주는 키워드 (검색엔진 최적화에 필요한 요소입니다.) 3. 사이트 초기 zoom 레벨이나 폭을 지정해주려면 name="viewport" 라는 속성을 부여하시면 됩니다. width=device-width는 모바일 기기의 실제 폭으로 렌더링 하라는 뜻입니다. 요즘 스마트폰 가로 해상도가 높은 기기들이 많이 있습니다. 그래서 실제 접속시 스마트폰 기기의 실..

이전에 가로 정렬을 하려면 float : left; 를 사용했었습니다. 그러나 더 좋은 방법이 있습니다. 부모 div안에 자녀 엘리먼트가 많다면? 부모 div 안에 display : flex; 를 넣어주시면 쉽게 가로 정렬이 됩니다. .flex-container { display : flex; justify-content : center; /* 좌우정렬 */ align-items : center; /* 상하정렬 */ flex-direction : column; /* 세로정렬 */ flex-wrap : wrap; /* 폭이 넘치는 요소 wrap 처리 */ } 요소의 폭이 커도 넘어가지는 않습니다. 그러나 flex-wrap : wrap 사용하면, 요소의 폭이 넘어가면... 다음 줄로 넘어가게 됩니다. fle..