목록분류 전체보기 (130)
바닥코딩
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/b6tF3K/btqEp01fSRk/tOwh7shhnTSkU5ofeJOfX0/img.jpg)
컴파일 언어 개발을 하거나 공부를 하답면 다들 컴파일이라는 말을 많이 들어 봤을 것입니다 컴파일은 사전적인 의미로는 프로그밍 언어로 작성된 문서를 다른 프로그래밍 언어로 바꾸는 과정이라는 뜻을 가지고 있습니다. 어렵게 생각하지 말고 쉽게 생각해 프로그래밍 언어로 작성된 코드를 기계가 이해할 수 있는 코드로 전환해주는 과정을 말합니다 . 우리가 많이 얘기하는 컴파일러 ( ex) visual studio , eclipse ) 는 이 컴파일을 진행해주는 프로그램 입니다. 컴파일은 위와 같은 과정을 거쳐 이루어 집니다. 코드를 작성한 다음 이것을 컴파일 시키면 컴퓨터가 이해할 수 있는 언어의 형식으로 번역을 해줍니다 쉽게 생각해 구글 번역기와 같이 문서를 번역해준다고 생각하면 됩니다. 대표적으로 c/c++, c..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/p1FK2/btqEpIsT0dc/h5FWChgZhMaNUQiNLhJaF0/img.png)
자바 스크립트? 자바스크립트를 한마디로 정의하자면 브라우저 내에서 동작하는 언어라고 할 수 있습니다. 웹 개발자들에게는 브라우저에서 동작하는 언어기 때문에 완벽하게는 아니여도 필수로 익혀야 하는 언어라고 볼 수 있습니다. 자바스크립트라는 언어는 브라우저 내에서 동작하는 언어이기 때문에 브라우저에서 가장 가볍게 사용할 수 있는 언어입니다 또한 인터프리터 방식의 언어이기 때문에 컴파일과 링크 과정이 생략되어 배우기 쉽고(이 내용에 대해서는 따로 포스팅 하겠습니다) 최근에는 노드JS가 등장하면서 서버 사이드 또한 자바스크립트를 통해 개발이 가능해졌습니다 또한 브라우저에 종속되어 있는 언어이기 때문에 web 프론트 사이드에서 많이 쓰이는 언어 이기도 합니다. 대표적으로 요즘 프로트사이드에서 많이 사용하는 프레임..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/cgERFb/btqCM81g16x/h1c07mA0Q1bzKjGmLar8FK/img.png)
2. 집계함수에서 WINDOW 함수 사용 이전에 일반적으로 SELECT 절에서 집계를 할 때나 GROUP 의 조건을 정의하던 집계함수를 통해 파티션별로 윈도우의 값을 구할 수 있습니다 이전 포스팅에서도 진행했던 EMPLOYEES 테이블에서 직업별로 만약 WINDOW FUNCTION을 사용한다고 하면 2-1. SUM 함수 SUM과 같은 집계함수를 통해 직업별로 파티션을 나누고 직업별 합계 컬럼을 구할 수 있습니다 2-2 AVG 함수 문법은 동일합니다 이런식으로 작성을 해주면 이러한 결과를 반환해 줍니다 2-3 COUNT 한가지 예제만 더 해보겠습니다 만약 특정직원의 성과에 -50 ~+150 인 사람의 수를 구하는 통계값을 구하고자 한다면 아래와 같이 작성해 주면 됩니다 3. 그룹 내 행 순서 함수 WIND..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bT8elz/btqCLLEZUXc/MAO1imaKvtSLJdgkbPQMQ1/img.jpg)
WINDOW 함수? WINDOW 함수는 흔히 분석 함수 또는 순위 함수로도 알려져 있습니다. 윈도우 함수는 데이터 웨어하우스에서 발전한 기술로서 인라인 뷰와 같이 SQL의 주요 기능이라고 할 수 있으며 많은 튜닝팁을 대체할 수 있는 수단이 됩니다 윈도우 함수에는 기존에 사용하던 집계 함수도 있고 새로이 전용함수로 추가된기능도 존재합니다. 그리고 다른 함수와는 달리 중첩해서 사용하지는 못하지만, 서브쿼리에서는 사용이 가능합니다. 또한 윈도우 함수에는 OVER라는 키워드가 필수로 포함되어 있습니다. WINDOW 함수의 기본적인 형식과 종류는 아래와 같습니다 SELECT WINDOW_FUNCTION (ARGUMENTS) OVER ([PARTITION BY 컬럼][ORDER BY절] [WINDOWING 절]) ..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/setBo/btqCIDmfdXQ/ttIdIvw62xDgqD7WB9rHoK/img.jpg)
계층형 질의? 계층형 데이터란 말 그대로 계층적인 구조를 가지고 있는 데이터 입니다 상위와 하위데이터가 포함된 데이터를 의미하는데 동일 테이블 내에서 이러한 계층적인 데이터가 있는 경우 조직적으로 상위 하위 관계가 설정이 되기 떄문에 이런 테이블을 조회하기 위해선 계층형 쿼리(Hierarchical Query)를 사용합니다 위와 같은 계층구조는 트리의 형태로 관계를 표현하는 것은 가능하지만 SQL 문으로 관계를 표현하는 것이 불가능하다고 보는게 맞습니다 그러나 PL/SQL 루틴과 CONNECT BY를 사용하면 위와 같은 계층형 구조를 SQL 을 통해 표현할 수 있습니다. 계층형 질의 문법 START WITH 절 : 계층구조의 시작 위치를 지정 CONNECT BY절 : 다음에 전개될 테이블을 지정하는 구문..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/ll1Aq/btqCB81Amh6/nYFB8k8kfyBf8cUh2HnfJk/img.png)
서브쿼리? 서브 쿼리란 하나의 SQL문 안에 포함되어 있는 또 다른 SQL을 의미합니다 서브쿼리는 알려지지 않은 기준을 이용한 검색을 위해 사용됩니다 또한 하나의 SQL문 안에 포함되어 있는 SQL 이기 때문에 메인쿼리 가 서브쿼를 포함하는 종속적인 관계라 볼 수 있습니다 서브쿼리를 사용하는 이유 서브쿼리도 메인쿼리와 다를 것이 없이 같은 SQL있습니다. 그렇다면 왜 굳이 쿼리를 메인 쿼리와 서브쿼리로 나누어 종속적으로 문장을 작성하는지 알아가야할 필요가 있을 것입니다 첫번째는 알려지지 않은 기준으로 검색을 할 때 용이하다 예를 들어 테이블내에서 조건을 설정하기가 어려워 다른 데이테이블에서 조건을 가져와야할 경우가 있을 수 있어서 서크쿼리를 사용합니다 예를들어 특정 사원이 속해 있는 부서에 같은 소속을 ..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/xrE7s/btqCvyOs5C6/5HwR6CDUsOFXtLo1DGil60/img.png)
Ajax? 이전에 node.js 웹 실시간 데이터 데시보드 만들기에 포스팅 했던 내용과 유사합니다 https://dkkim2318.tistory.com/25?category=784731 node.js 웹서버 프로젝트 실시간 데이터 dashboard 만들기 3(ejs & Ajax) ejs? ejs란 Embedded JavaScript의 약자로 쉽게 말하자면 자바스크립트가 내장 되어 있는 html 파일을 의미한다 html 에서 코딩을 해본 사람들은 알겠지만 html 문서 자체에서도 javascript 문장은 ajax는 Asynchronous Javascript and XML 의 약자로 자바스크립트를 활용해 서버와 비동기적으로 통신하는 방식인데 이때 XML로 데이터를 던져 준다 하지만 최근에는 XML 보다는 ..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/cVJ9vb/btr0xPdQqjC/M5VfQ2KyEPbVN5isotaAM0/img.png)
엘리먼트 제어 jQuery는 엘리먼트를 제어하는 풍부한 기능을을 제공합니다. 여기서 엘리먼트를 제어한다는 말의 의미는 html로 구성이 되어 있는 정적인 테그에 꼭 html 테그를 통해서만 새로운 테그를 만든다거나 삭제를 하거나 치환할 필요없이 jQuery 를 통해 테그를 script코드로 제어하는 것을 의미하게 됩니다 . http://api.jquery.com/category/manipulation/ 엘리먼트 제어 예제 예를 들어 after를 사용해 특정 엘리먼트 뒤에 내용 삽입을 가능하게 할 수 있습니다. 첫번째 줄입니다 위와 같이 after라는 엘리먼트 제어를 통해 새로운 테그를 삽입 했습니다. 하나만 더 예시를 들어 버튼을 클릭했을 때 버튼이 사라지는 로직을 구현해보겠습니다. 첫번째 줄입니다 re..