웹 개발자의 비상

엑셀 피벗테이블의 개념 및 기본 사용법에 대해 설명합니다. 피벗테이블은 이미 만들어진 데이터(표)에서 보고서 형태로 통계(합계, 평균, 개수)값을 표로 만드는데 매우 유용한 방법입니다.이미 만들어진 표(데이터)에서 특정 항목의 합계라던지 평균, 개수등을 알아내기 위해서는 함수를 사용하면 됩니다. 하지만 많은 함수의 사용법을 알아야 하며 작성하는 시간 역시 꽤 걸릴 수밖에 없습니다. 피벗테이블은 이렇게 통계를 추출해 내야 할 경우 단순하게 몇 번의 클릭만으로 원하는 결과를 찾을 수 있습니다.  일단 일반적인 표를 한번 보겠습니다.표라고 하면 여러 형태가 있지만 가장 보편적인 것은 행과 열을 기준으로 값이 들어가진 형태입니다.  그림과 같은 형태입니다. 가장 좌측에는 항목이 있고요 상단 열의 의미에 따라서 ..

엑셀의 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년 이후에 판매된 서울지역의 사무용품과 주방용품이 필요해" 등 다양한 형태의 데이터가 필요할 수 있습니다. 이 경우에도 고급필터를 활용하면 원본..

이전 레이아웃 시멘틱 태그에서 다루어야 했지만 한가지 빠진 시멘틱 태그가 있습니다. 바로 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의 선택자를 시각적으로도 명확하게 만들수 있게 합니다. 결합이라는 말이 두가지 이상을 합치다라는 의미가 있습니다. 즉 결합자란 최소한 두가지의 선택자가 필요하게 ..