코딩하는 감자

usb나 ssd 등의 저장 장치의 용량을 표시할 때 10진수로 계산된 용량 표현과 2진수로 계산된 용량 표현으로 인해서 용량의 차이가 난다. 예전같이 적은 용량의 저장장치만 있었을 때에는 10진수계산 2진수계산 상관없이 오차가 별로 없었지만 테라바이트 단위의 용량까지 사용하는 현재는 오차 범위가 20기가 이상이 날 정도로 커졌다. 이러한 표현의 방식 때문에 저장장치를 구매하는 사람들은 표시된 용량보다 크기가 작다는 이유로 이상하게 생각을 하는데 이러한 오해를 막기위해 1998년 IEC 라는 단체에서 다른 표기법을 제안하였다. 10진수를 사용하여 표현한 것과 차이를 주기 위해 2진수를 사용하여 표현한 것은 킬로바이트(kilobyte)가 아닌 킬로 2진수 바이트(kilo binary byte)로 부르기로 정..

스마트폰을 충전할 때 보조배터리를 통해 유선 충전을 하면 스마트폰 사용 중에도 배터리 잔량이 조금씩 올라가는 것을 볼 수 있다. 하지만 보조배터리를 스마트폰에 갖다 대어서 무선 충전을 하면 충전하기 전보단 배터리 잔량이 덜 떨어지지만 계속 떨어졌다. 무선 충전을 할 때는 스마트폰과 보조 배터리가 핫팻 처럼 열이 엄청 나는데도 불구하고 충전이 매우 더딘 이유가 궁금해서 무선 충전의 원리에 대해서 조사해 보았다. 무선 충전의 원리는 여러 방법이 있지만 전자기 유도 방식과 공진 유도 방식을 사용하는 무선 충전 원리를 찾아 보았다. 1. 전자기 유도 방식 먼저 전자기 유도 법칙의 현상을 발견한 패러데이의 전자기 유도 법칙의 정의는 다음과 같다. - 패러데이 전자기 유도 법칙 [Faraday's law of el..

- overflow : 요소의 크기 이상으로 내용이 넘쳤을 때, 보여짐을 제어하는 단축 속성 visible(기본값) - 넘친 내용을 그대로 보여줌 hidden - 넘친 내용을 잘라냄 scroll - 넘친 내용을 잘라냄, 스크롤 바 생성 auto - 넘친 내용이 있는 경우에만 잘라내고 스크롤바 생성 오버 플로 - 단축 속성 요소의 크기 이상으로 내용이 넘쳤을 때, 보여짐을 제어하는 개별 속성들 overflow-x 와 overflow-y

같은 요소가 여러 선언의 대상이 된 경우, 어떤 선언의 CSS 속성을 우선 적용할지 결정하는 방법 - 점수가 높은 선언이 우선 - 점수가 같으면 가장 마지막에 해석된 선언이 우선 인라인 선언 (style="coloe: orange";) - 1000점 css 속성 값 뒤(color: red !important;)!important(중요도) - 999999999점 ID선택자(#color_yellow) - 100점 class 선택자(.color_yellow) - 10점 태그 선택자(div) - 1점 전체 선택자(*) - 0점 body 같은 상속 되는 건 계산하지 않음 점수를 통해서 우선순위를 계산할 수 있어야함

box-sizing : 요소의 크기 계산 기준을 지정 content-box : 요소의 내용(content)으로 크기 계산 border-box : 요소의 내용 + padding + border로 크기 계산

border: 선-두께 선-종류 선-색상; -> 요소의 테두리 선을 지정하는 단축 속성 border : 요소의 크기가 커짐 선-두께 : border-width 선-종류 : border-style 선 색상 : border-color ex. border의 기본값 -> border: medium none black; border-width : 요소 테두리 선의 두께 -> 개별 속성 이면서 단축 속성 (padding,margin과 같음) 기본값 : medium(중간 두께) border-style : 요소 테두리 선의 종류 -> 개별 속성 이면서 단축 속성 (padding,margin과 같음) - 기본값 : none (선 없음) solid(실선) dashed(파선) border-color : 요소 테두리 선의 색..