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

애플제품들은 서로 유기적으로 생태계를 이룬다고 합니다.맥북 역시 모니터와 연결을 하지 않고 아이패드와 블루투스 혹은 USB연결을 통해 화면을 공유하거나 화면을 확장할 수가 있습니다.이는 애플에서 Sidacar라고해서 공식적으로 지원하는 기능입니다. 1. 기기사양확인  공식 홈페이지에서 사이드카 기능을 지원하는 맥북과 아이패드 버전을 제시해놓았습니다.https://support.apple.com/ko-kr/108046 Apple 기기의 연속성 기능에 대한 시스템 요구 사항 - Apple 지원 (KR)연속성 기능을 사용하여 Mac, iPhone, iPad, Apple Watch, Apple TV 및 Apple Vision Pro 간에 원활하게 오가며 작업할 수 있습니다.support.apple.com 아이패..

맥이나 맥북을 사용하는 분들께서는 사파리 브라우저를 사용하시는 경우가 많습니다. 사파리 브라우저의 경우에는 팝업을 차단할 때 별다른 메세지를 띄워주지 않는 경우가 많습니다. 그렇기에 팝업형식으로 처리된 결제형식이나 또는 공지사항이 뜨지 않을 때 이것을 시스템의 오류로 생각하기 쉽습니다. 또한 팝업 차단을 해제하는 방법 역시 크롬이나 엣지와 달리 몇번의 손을 거쳐야 하기에 모르시는 경우가 많습니다. 그래서 사파리 브라우저에서 팝업 차단을 해제하는 방법을 알아보겠습니다. 예제로는 결제를 팝업으로 진행하는 청주시 시설공단 예약시스템의 청주수영장으로 잡았습니다. 사파리로 청주시 수영장 강습회원 결제 시 팝업이 차단되어 결제창이 열리지 않습니다. 사파리에서 팝업 차단 해제를 하는방법은 두가지가 있습니다. 1.간편..

※ 예시 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객체의 기능이 알고 싶다면 아래의 링..