문어발식건설회사의머릿돌

※ 예시 Exel 파일 1. Count 와 CountA 함수의 차이 1) CountA 2) Count 2. CountIf 사용 1) 조건식 사용 (1) 문자열 조건 (2) 부등호 조건 1. Count 와 CountA 함수의 차이 Count 함수는 숫자가 들어가 있는 셀의 개수를 세는 함수이고, CountA는 글자가 들어가 있는 셀의 개수를 셀 때 사용하는 함수 입니다. 1) CountA CountA함수를 사용하여 A2:A7까지를 범위로 지정해 준다면 글자가 들어가 있는 셀 5개의 숫자를 보여줍니다 2) Count 반대로 Count함수는 글자가 아닌 숫자가 들어있는 셀의 숫자를 셉니다. 가격이 들어있는 B열을 범위로 지정해준다면 5의 숫자를 표출합니다 하지만 월초 재고 열 (D열)을 범위로 지정해준다면 두..

엑셀에서 고객의 전화번호를 정리하여 한번에 처리하는 등의 작업을 할 때, 전화번호에서 하이픈(-)을 없애야 할 때가 있습니다. 전화번호가 한 두개라면 손으로 직접 처리할 수 있지만 수백 수천개의 전화번호를 처리할 때는 손으로 작업하기에는 그 효율성이 너무 떨어집니다. 또한 CTRL + H (바꾸기)를 이용해서 일시에 바꾸려 하면 '010xxx0000'가 아니라 아래와 같이 '10xxxx0000'으로 변해있는 것을 볼 수 있습니다. 그렇기에 '010'의 형식을 깨지도 않고 함수나 텍스트 마법사 등 어려운 방법을 쓰지 않고 간단한 방법으로 처리하는 방법에 대해서 알려드리겠습니다. 1. 하이픈을 제거하고자 하는 전화번호들이 담긴 셀들을 선택 후 우클릭하여 셀서식을 선택합니다. 그 후 표시형식 > 범주에서 사용..

x축과 눈금을 그리기 위해서 알아야할 D3 메서드는 scaleLinear(), axisBottom() 입니다. scaleLinear()는 숫자로 표현된 선형으로 된 눈금을 생성합니다. .domain() 과 .range()로 출력 범위를 정해줍니다. var xScale = d3.scaleLinear() .domain([0,500]) .range([0,500]) 현재 가로막대그래프가 500이하의 값들로 이뤄져있기에 .domain([0,500])으로 0~500 사이의 값을 데이터의 범위로 설정합니다. range()는 domain을 표시하는 눈금의 범위입니다. 그리고 range([0,500])으로 1:1로 대응하게 출력합니다. axisBottom()은 그래프 아래에 축을 넣을 때 사용하는 메서드입니다. 축을 위..

애니메이션 효과를 사용하기 위해 사용하는 메서드는 transition(), delay(), duration() 입니다. 기존에 사용했던 가로그래프를 애니메이션의 효과를 제대로 보기 위해 버튼을 누르면 랜덤으로 dataSet의 데이터가 변하게 작성하겠습니다. 가로형 막대그래프 업데이트 var dataSet = [400,200,90,190,240]; d3.select("#myGraph") //svg 요소 선택 .selectAll("rect") .data(dataSet) .enter() .append("rect") .attr("x",0) .attr("y",function(d,i){ return i * 25; }) .attr("width",function(d,i){ return d + "px"; }) .attr..

검은 막대만 존재한다면 그 그래프는 별다른 의미를 가지지 못합니다. 색을 변경하는 방법과 버튼을 이용하여 데이터를 변경하는 방법에 대해 알아봅니다. 1. 막대그래프 스타일 지정 SVG의 rect 요소의 스타일을 지정하기 위한 스타일시트 속성 속성 설명 fill 도형의 색을 지정 stroke 도형 선색 지정 stroke-width 도형의 선 넓이 지정 가로형 막대그래프 2. 버튼을 이용한 데이터 변경 html에 id가 update인 버튼을 하나 svg태그 앞에 추가해줍니다. 가로형 막대그래프 업데이트 auto.js에 on(이벤트, 호출할 함수) 메서드를 추가하여 버튼을 누르면 데이터가 바뀌도록 코드를 작성합니다. var dataSet = [400,200,90,190,240]; d3.select("#myGr..

가로막대 그래프를 그리면서 기본적인 프로세스를 익혀본다. 1. 먼저 가로형 그래프가 표시될 HTML 파일(test.html)을 준비한다. 가로형 막대그래프 //svg 영역 지정 1) 준비된 HTML파일에 script 태그를 이용하여 d3.js를 호출한다. d3.js를 서버에서 직접 받아 사용함으로 d3객체를 모두 사용할 수 있다. 2) body에 svg 태그를 사용해 그래프가 나타날 영역을 지정한다. 이후 사용할 d3 객체에서 인식을 위해 아이디를 지정해 준다. 2. 그래프를 그리기 위한 데이터 처리를 위한 자바스크립트 파일(manual.js)을 준비한다. var dataSet = [400,200,90,190,240]; d3.select("#myGraph") //svg 요소 선택 .append("rect..

1. 들어가기에 앞서 1) D3.js는 자바스크립트로 작성된 라이브러리이기에 자바스크립트의 문법에 따라 작성됩니다. 2) D3.js는 d3 객체를 사용하여 구현합니다. D3.js의 모든 기능은 d3객체에 들어 있습니다. 3) D3.js는 데이터를 처리하여 그 데이터를 표출할 좌표와 크기,넓이 등을 지정하고 그에 따라 결과값을 반환하는 기능 뿐입니다. HTML의 DOM, SVG, Canvas 요소를 이용하여 그 요소들의 속성이나 좌표를 지정하여 그래프로 표시하는 라이브러리입니다. 그렇기에 그리는 사람의 창의력을 발휘하기는 좋지만 단순한 그래프를 표시하고 싶다면 굳이 D3.js를 사용하기보다는 Google Chart Api 등을 이용하는 편이 빠르고 편리합니다. 4) d3객체의 기능이 알고 싶다면 아래의 링..

목차 1. SUMIF 1)텍스트 조건 ※ "*"과 "?"를 활용한 문자열 검색 및 조건 2) 날짜 및 숫자 조건 ※ 부등호 활용 2. SUMIFS 여러개의 조건 조합하여 합계 구하기 ※ 부등호를 이용한 사이값 구하기 (ex)100이상 1000이하의 값들의 합 구하기 100 ".점"] 문자열의 길이를 지정했으나, 엑셀에서는 "." 대신 "?"를 사용합니다. [ex)편의점,백화점 ->"??점", 주점 ->"?점"] 2) 날짜 및 숫자 조건 특정한 날짜나 숫자를 조건으로 합계를 구하는 방식은 위의 텍스트를 사용할 때와 동일합니다. 다만, 날짜나 숫자는 텍스트와는 다르게 부등호를 사용할 수 있습니다. 방법은 간단합니다. 날짜 데이터든 숫자 데이터든 원하는데로 부등호를 사용할 수 있습니다. >,=,

1)연월일표기 2)연 제외한 월, 월 제외한 일 표기 3) 합치기 4) 경력계산기 만들기 5) 경력 총합 구하기 *예제파일 날짜 데이터를 계산기로 일일이 계산을 하는 것보다는 엑셀에 DATEDIF 함수를 사용하면 좀 더 편하게 사용할 수 있습니다. 오늘은 DATEDIF 함수에 대해서 알아보고 나아가 한 번 만들어두면 두고두고 쓸 수 있는 근무경력계산기를 만드는 방법에 대해서 알아보도록 하겠습니다. DATEDIF 함수는 함수 마법사에 없어서 직접 타이핑해야 합니다. 함수의 기본 모양은 다음과 같습니다. DATEDIF(시작일셀,종료일셀,"표시할 시간단위(연,월,일)") 표시할 시간단위 년 Y 월 M 일 D 연수 계산 후 남은 월수 YM 월수 계산 후 남은 일수 MD 1) 단순한 연월일수 계산 예를 들어 시작..

목차 # 목표 자료 살펴보기 ##공공데이터 API키 발급 받는 방법 1. 환경설정 1-1 node.js 설치 1-2 리액트 설치 1-3 Axios 설치 2. 공공데이터 API 불러오기 2-1 App.js 2-2 Traffic.js #목표 자료 살펴보기 http://data.ex.co.kr/ 고속도로 공공데이터 포털 data.ex.co.kr 고속도로 공공데이터 포털에서 일자별 전국 교통량을 조회 및 리액트로 불러온다. 들어가보면 요청 변수와 출력 값에 대한 명세가 간략하게나마 나와있다. 더 자세하게 알고 싶다면 Help센터의 OpenAPI 가이드문서를 받아서 사용한다. 구분 코드들을 한 페이지에서 그 상세정보를 알수 있다면 좋겠지만 그 정보를 dataSet>교통데이터다운로드를 통해서 알 수 있다. http..