Programmers

짐 로저스 - '거품' 경고 https://youtu.be/lHCTykFY-eg 삼성, 애플과 같은 이미 많이 올라가있는 주식은 사지 않겠다고 차라리 저평가된 은과 같은 원자재, 농업원자재, 관광업을 사겠다고 한다. 이유인 즉슨, 금리가 인상되면 그에 따라 부동산 거품이 빠지고, 그에 따라 주식 시장도 따라 떨어진다는? 어렵지만 해외주식도 투자를 한번더 생각해보아야 할 때라 생각한다.

아이스크림 자판기(이케아) - 구입만 마끼 메이커 - 기계 필요 샐러드기계 - 국내 이미 있음 구입만

1) Window.matchMedia() https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia Window.matchMedia() - Web APIs | MDN The Window interface's matchMedia() method returns a new MediaQueryList object that can then be used to determine if the document matches the media query string, as well as to monitor the document to detect when it matches (or stops matching) that media developer.mozilla..

1. 마진 중복 예 1) 좌에서 우로 정렬하면 마직 중복 없음 html css .parent { } .child { width: 100px; height: 100px; background: tomato; float: left; margin: 20px } 실행결과 예 2) 위에서 아래로 정렬하면 마진 중복이 발생 html css .parent { } .child { width: 100px; height: 100px; background: tomato; margin: 20px } 실행결과 2. 마진 중복 계산법 html .parent { width: 300px; height: 200px; background: cyan; } .child { width: 100px; height: 100px; backgroun..

1. margin 요소의 '외부(바깥)여백'을 지정 음수 값을 사용할 수 있음 html css .parent { width: 400px; height: 200px; border: 4px solid red; margin: 20px; } .child { width: 100px; height: 100px; border: 4px solid; margin: 50%; } 실행화면 2. margin-top, margin-botton, margin-left, margin-right 개별속성 가능

1. max-width 2. min-width 3. max-height 4. min-height 예제)

1. @supports 브라우저의 css 지원여부를 체크 @supports (display: grid) { div { display: grid; } } 지원을 하지 않으면 아래의 display를 적용 @supports not (display: grid) { div { display: flex; } } 2. css scrollsnap #parents { scroll-snap-type: y mandatory;} .children { scroll-snap-align: center } https://codepen.io/serranoarevalo/pen/xxdYBxZ Scroll Span ... codepen.io 3. is sudoselector :is(header, nav, form) button { back..

1. width 가로 넓이 기본값 블록 요소(div) width: auto = width: 100%; 인라인 요소(span) width: auto = width: 0; 2. height 세로 넓이 기본값 블록 요소(div) height: auto = height: 0; 인라인 요소(span) height: auto = height: 0; - 인라인 요소는 가로 세로 값을 가질 수 없다. 하지만 text가 있으면 출력된다. 즉, 인라인요소는 텍스트에 특화되어 있다!