모바일 기기에서 웹 페이지를 개발할 때는 사용자가 세로와 가로 모드에서 최적의 환경을 경험할 수 있도록 해야 합니다. 여기에는 세 가지 주요 접근 방식이 있습니다: link 태그의 media 속성, CSS 미디어 쿼리, 그리고 JavaScript를 활용한 방법입니다. 각 방법을 자세히 설명하고, 사용 사례와 예시를 추가하여 더 깊이 있게 다루어 보겠습니다.1. link 태그의 media 속성을 이용한 방법link 태그의 media 속성을 사용하면 브라우저가 화면 방향에 따라 자동으로 다른 CSS 파일을 적용할 수 있습니다. 이 방법은 간단하게 구현할 수 있어 초기 설정이 중요한 시점에서 매우 유용합니다.이렇게 하면 세로 모드와 가로 모드 각각에 맞춘 디자인을 쉽게 적용할 수 있습니다. 예를 들어, 세로 ..

오래전부터 phpschool.com 에 자주 등장하시는 터줏마님(?)이신 공대여자님이 작성하신 글입니다. 행고정 열고정에 대한 글은 많으나, 행과 열을 동시에 고정하는 CSS 자료는 흔지 않습니다. 업무상 필요해서 행과 열을 동시에 고정할 필요가 있어 찾아가 반가워 블로그에 퍼왔습니다. http://www.mins01.com/mh/tech/read/1407 공대여자 홈 : 기술 : sticky on table, 행 열 고정, 틀 고정 읽기 : sticky on table, 행 열 고정, 틀 고정 #sticky #table #fix #행열고정 www.mins01.com 공대여자 홈 : 기술 : sticky on table, 행 열 고정, 틀 고정 읽기 : sticky on table, 행 열 고정, 틀 고..

직장생활을 하다보면 보통 일이 힘든 경우보다 사람이 힘든 경우가 많습니다.  그리고 힘든 이유를 보면 같이 일하는 사람 또는 상사의 성격이 매우 급해 힘든 경우가 상당히 많은데요.  성격급한 사람들에게 휘둘리고 나면 진이 다 빠지고 날정도로 주변을 힘들게 하는 사람들이 많습니다.   나를 힘들게 하기때문에 개인적으로는 좋아하지 않는 부류의 사람들 입니다. 하지만 이런 부류의 사람들을 보면 사회적으로나 경제적으로 성공한 사람들이 많다는 것을 볼 수 있습니다.  단순히 성격이 급한것이 장점만 있는 것은 아닐텐데 무엇이 그들을 성공으로 이끌고, 부자로 만들게 되었을지 한번 진지하게 생각해 볼 수 있는 계기가 된 책입니다. 부나 성공이 그들의 급하게 하는 것일까?? 아니면 그들의 성격이 급하기 때문에 그들이 부..

투자를 통한 수익을 얻는 방법은 크게 부동산과 주식투자가 있겠습니다. 그 중 어느정도 목돈이 없다면 당연히 주식투자를 우선 떠올리게 됩니다. 하지만 어떤 주식을 사야 하고 언제 팔아야 하는지... 피 같은 원금이 반토막 나는 일이 비일비재하기 때문에 누구도 쉽다고 할 수 없습니다. 그 주식투자를 누구나 쉽고 확실하게 할 수 있는 방법 중 하나가 퀀트 투자가 아닐까 합니다. 그 중 한국 수백 편의 논문을 뒤지고, 수천번의 백테스트를 통해 알아낸 금쪽같은 지식을 나눠 주는 유튜브 스타이자, 스타 작가인 강환국 님을 빼놓을 수가 없겠지요. 그런 강환국님이 존경해 마지않는 systrader79 님의 백옥 같은 자료를 공유해 주신다고 하여 이벤트 차원에서 포스팅을 남기게 되었습니다. 강환국 형님, FIRE 달성 ..

아들과 도서관에 갔다가 이 책을 발견했다 아들 영어공부에 도움이 될까 싶은 마음도 있었지만, 내가 유투브 프리미엄을 사용하고 있어서 더 효율적으로 유투브를 활용해 자기개발에 도움이 될까 싶어서였다. 많은 링크가 현재 연결이 되지않아 조금 아쉬웠지만, 어떤 방식으로 공부를 해야할지 조금 방향이 잡히는 듯하다. 주로 자연스러운 원어민과의 회화를 목표로 공부하는 방법에 대해 설명하고있다. 매일매일을 강조, 주변의 눈치평가 생각에 얽메이지 않도록 강조 영어 자막을 활용하라! 0.75 / 1.25 배속을 활용하라 그래머인 유즈 베이직을통해 문법은 잡고 해라 어휘는 영한이 아닌 한영으로 외워라 라이브러리 / 나중에 볼 영상을 활용하라 억양 쉐도잉 - 딕테이션 - 문장 확인 순으로 듣기공부하라 영어로 매일 음성일기를..

https://www.youtube.com/watch?v=lkTpOHv1Ros - Demo Scroll: https://codepen.io/serranoarevalo/pen... - Demo Sticky: https://codepen.io/serranoarevalo/pen... 영상에서는 기존에 Javascript 를 통해서만 가능했던 기능들을 CSS 만으로 구현이 가능해진 6가지 CSS 기능에 대해 설명해주고 있습니다. 영상만 보고 넘어가면 금방기억이 안나기에 아래와 같이 정리했습니다. 1. @supports // 브라우저 호환성을 검사해서 선별적으로 적용할 수 있도록 해줌 2. CSS Scroll Snap Scroll down 1 2 3 4 5 6 7 8 3. :is Pseudo Selector - ..

2021.05.15 (토)도서관에서 우연히 돈워리 스쿨을 만났다.매주 일요일 8시반부터 시작하는 유튜브 생방송 슈카월드를 보고 졸린 눈을 부여잡고 봤던 돈워리 스쿨 책으로 나온 것을 처음 알았다.프로그램의 내용을 재편집한  지식과 정보를 전달하는 내용이겠거니.. 생각했지만... 온전한 재태크 기초 정보를 포한하는 책이었다. 내용도 알차고 주변 사회 초년생이 있다면 꼭 추천해 주고 싶은 책이다.꼭 읽었으면 하는 에피소드는 BOLD 로 표시했다.돈 워리 스쿨1교시 아는 것이 돈이다.EP.1 세금편 - 급여명세서가 알려주는 것EP.2 연봉편 - 상여급과 성과급은 무엇이 다를까?EP.3 계약서편 - 우리가 몰랐던 근로 계약서2교시 절약과 전략사이EP.1 저축: 기본편  - 저금리 시대를 건너기 위한 저축 플랜E..

피터케이https://blog.naver.com/luy1978 이기는 투자자 : 네이버 블로그노력은 배신할 수 있지만, 포기는 절대 배신하지 않는다.blog.naver.com 소소하게크게(유튜브 주식하는 회계사. 회계기반의 철두철미한 투자자. 팟캐스트 시즌1 주인공)https://blog.naver.com/realmanreal 소소하게크게 : 네이버 블로그@경제경영공부방blog.naver.com 선진짱저의 멘토이자 파트너. 엄청난 주식 정보 흡혈귀. 수십개 단톡방에 신출귀몰.. 분신술을 한다는 소문이..https://blog.naver.com/k764676 盡人事待天命 : 네이버 블로그집중투자후 8번blog.naver.com 승도리거제의 현인. 턴어라운드. 스프레드 투자. 조선업 재직https://blo..

Chart.js 를 소개하고자 합니다. 다음 프로젝트에서 사용할 시각화 오픈소스를 찾아가 코로나 현황을 알려주는 사이트에 나온 여러 개의 그래프들이 생각나서 확인해 보니 Chart.js 라는 open source 로 사용된 것을 확인하게되어 찾아보게 되었다. * Chart JS www.chartjs.org/ Chart.js | Open source HTML5 Charts for your website New in 2.0 New chart axis types Plot complex, sparse datasets on date time, logarithmic or even entirely custom scales with ease. www.chartjs.org * 코로나 바이얼스 감염증 현재 상황을 알려주는..

변경된 DNS 를 바로 적용해서 확인해야할때 바로 flush 할 수 있습니다. 윈도우 명령어창에서 ipconfig /flushdns