보호되어 있는 글입니다.

Function 내장 함수, 사용자 정의 함수 매개변수에 어떤 값을 전달하면, 내부적인 처리를 진행하고, 결과를 반환하도록 만들어진 코드. 단일행 함수(행당 결과 한 개)와 복수행 함수(여러개의 행을 투입하면 결과 한 개)로 구분된다. 단일행 함수는 문자함수, 숫자함수, 날짜함수, 변환함수, 일반함수로 구분. SUBSTR()함수 문자열의 일부(시작위치, 글자수)만 추출해서 반환하는 함수. 주의) 시작 위치는 1부터 시작한다. 주의) 시작 위치에 -값을 주면 오른쪽 끝에서부터 출발한다. 유사한 함수로 SUBSTRB() 함수가 있다. 바이트 수 기준으로 추출한다. INSTR() 함수 대상 문자열에서 특정 문자열이 존재하는지 여부를 확인하고, 위치를 반환하는 함수. INSTR(대상문자열, 찾는문자열, 시작위치..

SQL의 SELECT 쿼리문이 어떤 순서로 실행이 되는지를 알면 올바르고 효율적인 쿼리를 짜는데에 많은 도움이 된다. 따라서 SQL 문법 순서와 실제 실행 순서를 다음과 같이 정리해 본다. 💎 SQL 문법 순서 SELECT FROM WHERE GROUP BY HAVING ORDER BY 💎 SQL 실제 실행 순서 FROM : 각 테이블 확인 ON : 조인 조건 확인 JOIN : 테이블 조인 (병합) WHERE : 데이터 추출 조건 확인 GROUP BY : 특정 칼럼으로 데이터 그룹화 HAVING : 그룹화 이후 데이터 추출 조건 확인 SELECT : 데이터 추출 DISTINCT : 중복 제거 ORDER BY : 데이터 정렬 1. FROM SELECT문이라 맨 처음 SELECT문을 실행할거 같지만 첫번째는..

BufferedReader / BufferedWriter BufferedReader와 BufferdWriter는 버퍼를 사용하여 읽기와 쓰기를 하는 함수이다. 버퍼를 사용하지 않는 입력은, 키보드의 입력이 키를 누르는 즉시 바로 프로그램에 전달된다. 반면 버퍼를 사용하는 입력은, 키보드의 입력이 있을 때마다 한 문자씩 버퍼로 전송한다. 버퍼가 가득 차거나 혹은 개행 문자가 나타나면 버퍼의 내용을 한 번에 프로그램에 전달한다. 한번 버퍼를 거쳐 출력되는 것보다, 키보드의 입력을 받는 즉시 출력하는 것이 더 빠른 것이 아닌가 생각할 수 있다. 하드디스크는 속도가 느리다. 그리고 외부 장치(키보드, 모니터 등)와 데이터 입출력도 생각보다 시간이 오래 걸린다. 그렇기 때문에 키보드의 입력이 있을 때마다 바로 이..

1. transition CSS의 transition 속성은 엘리먼트의 CSS 속성을 변경할 때 두 가지 상태 사이에 일어나는 변화(애니메이션)를 커스터마이징 할 때 사용한다. 속성 변경이 즉시 영향을 미치게 하는 대신, 그 속성의 변화가 일정 기간에 걸쳐 일어나도록 하는 것이다. 예를 들어, 어떤 요소의 색상을 흰색에서 검은색으로 변경한다면, 원래라면 변화가 즉시 일어나지만 CSS transition 속성을 이용하면 그 변화의 양상을 어느 정도 원하는 대로 커스터마이징 가능하다. transition 속성은 transition-property, transition-duration, transition-timing-function, 그리고 transition-delay를 위한 단축 속성이며, 아래 예시를 ..

main.js "use strict"; // Make navbar transparent when it is on the top const navbar = document.querySelector("#navbar"); const navbarHeight = navbar.getBoundingClientRect().height;//현재 nav 엘레먼트의 높이 가져오기 document.addEventListener("scroll", () => {//사용자가 페이지를 위아래로 스크롤 할 때 if (window.scrollY > navbarHeight) {//현재 스크롤 픽셀을 반환 현재 스크롤 위치가 엘리먼트의 높이를 넘어가면 navbar.classList.add("navbar--dark");//클래스를 추가 } ..