웹 개발자의 비상

엑셀의 SUBTOTAL함수는 필터 사용시 목록이나 데이터베이스등 선택한 범위에서 필터링 후의 집계 값을 구해줍니다. 집계 결과로 합계(SUM), 평균(AVERAGE), 최대값(MAX), 최소값(MIN), 개수(COUNT, COUNTA) 등 총 11가지 형태의 집계함수를 사용할 수 있으며 필터링 뿐만 아니라 숨김 처리한 데이터 까지 제외시킬수 있습니다. 2024.02.23 - [기타 강좌 및 설정/엑셀 기초] - 엑셀 필터 사용시 통계(합계, 평균, 개수..) 함수 - SUBTOTAL 첫번째 엑셀 필터 사용시 통계(합계, 평균, 개수..) 함수 - SUBTOTAL 첫번째 아래 예제 파일을 보시면 지금까지 해온 다팔아 쇼핑몰의 주문내역입니다. 이번에는 I4셀에 SUM함수를 이용하여 판매된 금액의 합계를 냈습..

엑셀의 SUBTOTAL함수는 필터 사용시 목록이나 데이터베이스등 선택한 범위에서 필터링 후의 집계 값을 구해줍니다. 집계 결과로 합계(SUM), 평균(AVERAGE), 최대값(MAX), 최소값(MIN), 개수(COUNT, COUNTA) 등 총 11가지 형태의 집계함수를 사용할 수 있으며 필터링 뿐만 아니라 숨김 처리한 데이터 까지 제외시킬수 있습니다. 아래 예제 파일을 보시면 지금까지 해온 다팔아 쇼핑몰의 주문내역입니다. 이번에는 I4셀에 SUM함수를 이용하여 판매된 금액의 합계를 냈습니다. 흔하게 사용하는 형태입니다. 보통은 합계를 표의 마지막에 표시하기도 하지만 지금처럼 표가 긴 경우라면 예제처럼 상단에 표시하는 편이 좋습니다. 바로 확인할 수 있을테니까요. 이제 하고자 하는 것은 서울지역을 필터링하..

이전 강좌와 이어지는 내용입니다. 고급필터 사용법을 모르시는 분이라면 엑셀 고급필터1 강좌를 보신후 돌아와 주세요 이전 강자에서 고급필터 사용시 조건범위를 단순하게 한개의 조건일 경우를 알아 보았습니다. 지금 하려는 것은 다중 조건에서의 고급필터 사용법에 대해 알려드리고자 합니다. 예제는 계속해서 사용하는 파일입니다. 아래 첨부파일을 확인해주세요 이전에는 지역이 경기인 것만 필터링 했습니다. 사실 현실에서는 단순하게 한가지 조건만을 사용하는 경우보다 다양한 조건을 통해 필터링해야 하는 경우가 훨씬 많죠 가령 "서울과 경기에서 판매된 사무용품만이 필요해"라던가 "2021년 이후에 판매된 서울지역의 사무용품과 주방용품이 필요해" 등 다양한 형태의 데이터가 필요할 수 있습니다. 이 경우에도 고급필터를 활용하면..

이전 강좌에서 필터 사용시 원본 파일과 필터링된 파일을 따로 관리하는 법에 대해 알아 보았습니다. 하지만 상황에 따라서는 원본 데이터와 필터링된 데이터를 함께 봐야할 경우가 있습니다. 이번에 알려드리고 싶은 것은 원본 데이터는 그대로 유지한 체로 필터링 하는 방법을 알려드리고자 합니다. 예제 파일은 지금까지 필터 강좌를 하면서 계속사용하고 있는 파일입니다. 간단하게 지역이 경기인 것만 보고 싶습니다. 물론 간단하게 필터링 할 수도 있겠지만 지금하고자 하는것은 원본은 그대로 유지한 체 경기지역에 판매된 현황만 보고자 합니다. 이 경우에 사용할 수 있는 것이 고급 필터입니다. 미리 말씀 드리면 고급필터 사용시에는 3가지의 범위가 필요합니다. 목록범위 => 필터링할 원본 데이터의 범위 조건범위 => 원본 데이..

이전 레이아웃 시멘틱 태그에서 다루어야 했지만 한가지 빠진 시멘틱 태그가 있습니다. 바로 article 태그 입니다. article을 다루지 않고 따로 이렇게 하나의 강좌로 뺀 이유는 중요해서가 아니고, section 태그와 잘 구분이 안돼기 때문입니다. 지금까지의 강좌를 쭉 봐오신 분들이라면 이상하게 겹치는 태그들이 존재한다는 것을 느끼셨을 겁니다. b태그와 strong 태그, em 태그와 i 태그, section과 div등.. 혹시나 왜지? 라고 생각해 보셨을까요? 눈으로 보기엔 차이가 없는데... 사실 지금까지 알려드린 html 태그는 html 5를 기준으로 설명 드렸습니다. 지금은 대부분 html 5를 사용하기 때문입니다. 5라는 숫자에 의문이 생기지 않나요? 네 맞습니다. 4도 3도 있었습니다...

웹사이트에서 레이아웃(layout)이란 단순하게 화면 구성(구조)을 뜻합니다. 어떤 웹사이트는 매우 현란하고 멋있게 구성이 되어 있으며 어떤 웹사이트는 아주 단순하게 구성되어 있어보이지만 사실 대부분의 웹사이트는 구조만 놓고 보자면 전혀 다양하지 않습니다. 대부분은 비슷한 구조로 되었있죠 집을 지을때를 생각 보겠습니다. 먼저 어디를 방으로 할지 어디를 화장실로 할지 어디를 창으로 할지 등 구조를 결정한뒤 뼈대를 만들고 내부를 만들고 그뒤에 최종적으로 도배와 장판을 진행합니다. 웹사이트도 이것과 비슷해서 먼저 구조를 결정하고 만든후 상세 디자인 작업을 진행하게 됩니다. 흔히 볼수 있는 웹사이트 레이아웃은 이러한 구조 입니다. 상단에 웹사이트명이 있으며 그아래로 컨텐츠를 연결할 메뉴들이 구성 되고 좌측 영역..

div는 division의 약자로 분할하다는 뜻이 있습니다. 이전에 단락태그 p처럼 사용할 수 있습니다. 단락 태그는 문장에 단락을 의미하는 반면 div태그는 단락의 의미가 없고 단순하게 영역을 나누는 역할을 합니다. 위와 같이 이문열 삼국지 소개 하는 문장에서 단락 태그 p로 영역을 나누었다면 전혀 다른 책을 소개하는 박경리 토지 부터는 단락 태그 p로 의미를 부여하는 것은 필요치 않습니다. 이렇게 이문열 삼국지와 박경리 토지의 영역을 의미 없이 독립적으로 나누는 역할을 하는 것이 div 태그입니다. 개발자도구로 기본사이즈를 보면 역시 블럭속성 입니다. 이문열 삼국지 1988년 출간된 이래 누적판매 2,000만 부라는 대기록을 세운『이문열 삼국지』가 출간 30여 년 만에 새롭게 출간된다. 나관중 판본을..

html 기본 강좌에서 각각의 태그의 의미와 함께 기본사이즈를 확인하면서 display 속성을 모두 확인했었습니다. html 기본 강좌의 [웹 프로그래밍/HTML 기본강좌] - 블럭과 인라인을 한번 더 참고하시면 좋을듯 싶습니다. 이번 강좌에서는 블럭과 인라인의 확장 강좌라고 보시면 될 것 같습니다. 속성 값 설명 block 부모요소의 가로 크기(width)를 상속 받으며 세로 크기는 내용의 크기를 반환 - 박스의 크기와 여백 조정이 가능 inline 요소 안 내용의 가로, 세로 크기를 자동으로 설정. - 박스의 크기와 여백 조정이 불가능 inline-block 요소 안 내용의 가로, 세로 크기를 자동으로 설정. - 박스의 크기와 여백 조정이 가능 none 안보이게 감춤 확인을 위해 이번에는 css속성중..

그룹 선택자는 하나의 선언블럭으로 여러개의 선택자을 한꺼번에 지정하는 방법입니다. 가령 10명의 친구들이 있다고 하겠습니다. 그 중에서 길동이와 꺽정이에게만 사과를 주고 싶습니다. "얘들아 사과 먹어" 라고 하면 10명이 다 먹겠다고 올 것입니다. "길동아, 꺽정아 사과 먹어"라고 얘기 할 것입니다. 그래야 길동이와 꺽정이만 사과를 먹으로 올 것입니다. css로 대입해 생각해 보면 2개의 요소(길동, 꺽정)을 선택자로 생각할 수 있습니다. 그리고 "사과 먹어"는 선언으로 생각할 수 있습니다. 즉 2가지 이상의 선택자가 같은 속성을 가지기 때문입니다. 이문열 삼국지 책 소개 젊은 세대를 위해 내용을 손보고, 한자어 독음을 달아 읽기 쉬운 『삼국지』 1권 도원(桃園)에 피는 의(義) 서사(序辭) 창천(蒼天)..

이번 강좌에서는 자식, 자손, 형제 요소란 말이 계속 나오게 됩니다. 만약 용어가 어렵게 생각되신다면 html 기본강좌에서 부모요소, 자식요소, 형제요소, 조상요소, 자손요소 그리고 상속 강좌를 꼭 읽어보시뒤에 진행하시길 바랍니다. 지금까지의 선택자만을 가지고도 다소 불편함은 있게지만 html 요소의 선택은 어느정도 가능합니다. 대신 css에서 선언해야 하는 코드가 많이 길어지고 html 문서에서는 id나 class 마크업이 엄청나게 늘어날 것입니다. css 결합자는 그런 코딩의 양을 획기적으로 줄이고 html 문서는 단순화 할 수 있으며 css의 선택자를 시각적으로도 명확하게 만들수 있게 합니다. 결합이라는 말이 두가지 이상을 합치다라는 의미가 있습니다. 즉 결합자란 최소한 두가지의 선택자가 필요하게 ..