Untitled_Blue

안녕하세요. 이번 글은 이벤트에 대한 설명입니다. - 이벤트란? 웹 문서 내 태그 요소에 반응하기 위한 일종의 도구 이벤트의 종류는 크게 마우스, 키보드, 문서 로딩, 폼 이벤트로 구성되어 있다. - 마우스 이벤트 (Mouse Event) - on + Event 종류 설명 click 특정 요소를 클릭할 때 이벤트 발생 dblclick 특정 요소를 더블 클릭할 때 이벤트 발생 mousedown 특정 요소를 클릭하자마자 이벤트 발생 mousemove 특정 요소 내에 마우스의 움직임이 감지될 때 이벤트 발생 mouseover 특정 요소 내에 마우스 커서가 올라갔을 때 이벤트 발생 mouseout 특정 요소 내에 마우스 커서가 벗어났을 때 이벤트 발생 mouseup 특정 요소를 클릭하고 버튼을 떼자마자 이벤트 ..

안녕하세요. 이번 글은 함수에 대한 설명입니다. - 함수와 이벤트는 무엇인가? 함수 : 구현하고자 하는 로직을 하나의 모듈로 구성해둔 일종의 집합체 - 함수에 대한 기본적인 이해 익명 함수 : function에 함수명을 직접적으로 사용하지 않고 변수에 직접적으로 대입하는 방식의 함수 선언적 함수 : 가장 일반적이며 함수명이 직접적으로 명시되는 방식의 함수 콜백 함수 : 어떠한 특정 매개체에 의해 호출되는 함수 다음과 같이 익명함수는 직접적으로 변수에 함수에 대한 로직을 대입하는 방식을 가지고 있음을 확인할 수 있다. function mFn01() { document.write('선언적 함수는 가장 일반적인 방식이며 일반 프로그래밍에서의 메서드와 같습니다.'); document.write(' '); } f..

안녕하세요. 이번 글은 CSS에 대한 소개와 기초 개념에 대한 설명입니다. - CSS란? Cascade Style Sheet의 약자이며 HTML 태그에 스타일을 입히는 역할을 담당하는 스타일 시트 CSS는 단순히 웹 문서의 디자인을 담당하는 것을 넘어서 시각적으로 편안함을 제공함으로써 사용자가 웹사이트를 사용하기 좋은 환경을 조성해주는 역할을 담당하고 있다. - 스타일 선언 방식 3가지 1) 스타일 작성법 선택자 { 속성: 속성값; /* 주석 처리 방법 */ } CSS 스타일을 작성하는 상단과 같으며 먼저 선택자라는 공간에 스타일을 적용할 대상을 선정한다. 이후 괄호 안에 스타일에 대한 속성과 상세한 설정을 나타내는 속성값을 입력한 후 세미콜론(;)으로 마무리 해준다. 그리고 주석은 /**/만으로 표현할..

안녕하세요. 이번 글은 자바스크립트 기본 문법에 대한 설명입니다. - 변수와 자료형 var a = 10; var b = 20; document.write(a + b + " "); const k = 20; const j = 30; document.write(k + j + " "); document.write(typeof k + " "); let c = "Hello"; let d = true; document.write(typeof c + " "); document.write(typeof d); 먼저 자바스크립트에서의 변수와 자료형은 별도로 데이터 타입을 구분하지 않는다는 점을 확인할 수 있다. 이를 다르게 말하면 하나의 변수에 여러 타입의 데이터를 대입할 수 있다는 뜻이다. 이는 typeof [변수명]을 ..

안녕하세요. 이번 글은 자바스크립트의 기초에 대한 설명입니다. - 자바스크립트(Javascript) 란? 웹 문서의 동적인 요소를 시작으로 시각적으로 반응하는 효과를 부여하기 위한 하나의 언어 자바스크립트를 통해 웹의 요소를 제어할 뿐만 아니라 다양한 API를 제작할 수 있으며 서버도 개발할 수 있다. - 자바스크립트를 사용하는 방법 HTML 문서 안에 태그를 통한 구현 방법을 인라인 기법이라 하며 이외에도 외부 파일을 불러오는 방법으로도 자바스크립트 코드를 실행할 수 있다. - 표현식과 문장 표현식 : 연산, 실제 값, 함수(메서드)를 의미한다. 문장 : 조건문과 제어문 같은 명령문을 의미한다. - 웹사이트에 알림창을 띄우다. alert(), comfirm(), prompt() alert("메시지") ..

안녕하세요. 이번 글은 DCL에 대한 설명입니다. - DCL이란? Data Control Language의 약자로 데이터를 조작하는 언어를 의미한다. - COMMIT, ROLLBACK COMMIT : 데이터의 조작 결과를 최종적으로 반영할 때 사용하는 언어 ROLLBACK : 데이터의 조작 내역을 이전으로 돌릴 때 사용하는 언어 select * from PRACTICE01; delete from PRACTICE01 where STU_NAME = '현미주'; commit; rollback; 다음 쿼리문은 PRACTICE01 테이블에서 현미주 학생의 데이터를 삭제하고 삭제 작업에 대한 내용을 최종 반영하고 나서 다시 이전 시점으로 (삭제 전 시점) 되돌리려고 하고 있는 점을 보여주고 있다. 하지만 commi..

안녕하세요. 이번 글은 Group by에 대한 설명입니다. - Group By Having 이란? 사용자가 원하는 컬럼별로 데이터에 대한 결과값을 출력하기 위한 조건절 - 그룹화를 위한 다중행 함수 함수 설명 SUM() 칼럼값에 대한 총합을 구하는 함수 COUNT() 칼럼값에 대한 총 갯수를 구하는 함수 MIN() 칼럼값에 대한 최소값을 구하는 함수 MAX() 칼럼값에 대한 최대값을 구하는 함수 AVG() 칼럼값에 대한 평균값을 구하는 함수 COUNT(DISTINCT [칼럼명]) 칼럼값에 대한 총 갯수를 구하는데 NULL값을 제외하는 함수 select MIN(SAL), MAX(SAL), ROUND(AVG(SAL), 2), SUM(SAL), COUNT(SAL), COUNT(DISTINCT SAL) from..

안녕하세요. 이번 글은 서브쿼리에 대한 설명입니다. - 서브쿼리(Sub Query)란? SQL문을 실행할 때 필요한 데이터를 추가로 조회하고자 할때 select문을 통한 이중 쿼리문 보다 더 자세한 조건을 기반으로 데이터를 검색할 때 많이 사용된다. SELECT [칼럼명1], [칼럼명2] … FROM [테이블명] WHERE [조건컬럼명] (연산자) ( SELECT [조건칼럼명] FROM [테이블명] WHERE [조건식] ); 상단 코드는 서브쿼리를 사용하는 전반적인 구조이다. 자세한 조건을 기반으로 데이터를 검색하는 만큼 주로 where 문 안에서 제일 많이 사용된다. 이번 글은 예제를 실습하는 방식을 위주로 진행할 예정이다. 필요한 문법에 대한 설명도 추가할 것이다. + 서브쿼리는 단일 행과 다중 행으..