목록2020/12 (43)
디케이
CSS는 상대적으로 배우기 쉽고 재미있습니다. 웹 개발 초심자에게는 이만큼 접근하기 좋은 게 없죠.CSS는 분명 쉽고 재밌지만, 작업이 고도화될수록 불편함도 같이 커집니다. 불필요한 선택자(Selector)의 과용과 연산 기능의 한계, 구문(Statement)의 부재 등 프로젝트의 규모가 커질수록 아쉬움도 같이 커지죠. 하지만 웹에서는 표준 CSS만 동작할 수 있기 때문에 다른 선택권이 없습니다.그렇다면 우리는 앞으로 계속 CSS만 사용해야 할까요?CSS Preprocessor 란?HTML, CSS를 다루는 분이라면 한 번은 들어봤을 Sass, Less 등이 있습니다. 이 친구들은 CSS 전(예비)처리기 입니다. 보통 CSS Preprocessor 라고 부릅니다.CSS가 동작하기 전에 사용하는 기능으로,..
youtu.be/j0iM8lbAUKE
1. 반올림 ( 자르기 포함 ) 함수 : ROUND ( numeric_expression, length [, function]) 1) 반올림 ---------------------------------------------- -- 반올림 ---------------------------------------------- SELECT ROUND(12.35393,2) --> 결과값 : 12.35000 SELECT ROUND(12.35593,2) --> 결과값 : 12.36000 SELECT ROUND(12.35393,-1) --> 결과값 : 10.00000 SELECT ROUND(15.35393,-1) --> 결과값 : 20.00000 SELECT ROUND(12.35393,0) --> 결과값 : 12.00..
SQL Server에서 숫자의 소수점 또는 정수를 버림 해야하는 경우가 있습니다.SQL Server에는 숫자를 버림 해주는 함수가 준비되어 있습니다. 버림 함수 FLOOR 소수점을 버릴때 사용하는 함수로 FLOOR를 사용합니다. FLOOR(숫자) --숫자 10.1 소수점 버림 SELECT FLOOR(10.1); 결과 10 FLOOR 함수를 사용하여 10.1 숫자에 있는 소수점을 버리고 10을 반환하였습니다.
절대경로는 아시는 바와 같이 이미 지정되어 있어 변경할 수 없는 경로를 말합니다. 페이지 안에 다른 서버에 있는 이미지나 페이지 등의 파일을 연결시킬 때 사용하는 경우입니다. 사이트바로가기 일반적으로 하나의 웹페이지 또는 사이트를 제작할 때, 제작의 효율성을 위해 파일의 형식이 같은 파일들을 하나의 폴더안에 저장합니다. (1) 현재 파일을 기준으로 동일 위치로 연결되는 경우 아래의 그림과 같은 폴더 구조를 가진 웹사이트에서 index.html 파일에 favicon.png 를 연결시키는 코딩을 하려고 합니다. index.html 파일이 저장된 위치를 기준으로 favicon.png 파일은 동일한 위치에 저장되어 있기 때문에 파일명과 확장자를 함께 기재해주면 됩니다. -- index.html 파일 소스 중..
See the Pen 그래프 by d8040 (@d8040) on CodePen.
대부분 사이트는 전체 레이아웃이 수직 구성이며 ‘위-아래’로 스크롤 하여 사용합니다. 레이아웃을 구성할 때 가장 많이 사용하는 요소(Elements)들이 기본적으로 블록(Block) 개념으로 표시(Display)되며 이는 뷰(View)에 수직(위에서 아래로)으로 쌓이기 때문에 수직 구성은 상대적으로 쉽게 만들 수 있습니다. 하지만 수평(왼쪽에서 오른쪽으로) 구성의 경우는 상황이 조금 다릅니다. 문제는 수평 구조를 만드는 속성이 명확하지 않았기 때문인데, 그래서 많은 경우 나 float 혹은 inline-block 등의 도움을 받았습니다. 하지만 이러한 방법들은 다양한 문제(Clear, White space 등, 해결은 가능하지만..)를 가지고 있기 때문에 결국 수평 레이아웃 구성의 차선책일 뿐이며, 이제..
Select * from 테이블명 orders LIMIT 숫자(★); 숫자만큼의 행 출력 Ex) 10행 출력 select * from member ORDERS LIMIT 10; Select * from 테이블명 orders LIMIT 숫자(★) OFFSET 숫자(♥); LIMIT 숫자 : 출력할 행의 수 OFFSET 숫자 : 몇번째 row부터 출력할 지. (1번째 row면 0) Ex) 10행씩 출력 1페이지 : select * from member ORDERS LIMIT 10 OFFSET 0; 2페이지 : select * from member ORDERS LIMIT 10 OFFSET 10; Select * from 테이블명 orders LIMIT 숫자1(♥), 숫자2(★); 숫자1 : ♥번째 row부터 ..
재귀 (Recursion) 함수란 특정 함수 내에서 자기 자신을 다시 호출하여 문제를 해결해나가는 함수입니다. 문제를 해결하기 위해 원래 범위의 문제에서 더 작은 범위의 하위 문제를 먼저 해결함으로써 원래 문제를 해결해 나가는 방식입니다. 일반 반복문을 통해 구현 가능한 기능은 재귀 함수를 통해 구현이 가능하며 반대로 재귀 함수로 구현 한 기능을 반복문으로 구현이 가능합니다. 재귀 함수는 함수 내에서 자기 자신을 계속 호출하는 방식이기 때문에 함수 안에 반드시 종료 구간이 되는 Base Case를 생각하며 코드를 구현해야 합니다. 아래 샘플 예제를 한 번 보겠습니다. public class Recursion_Test { public static void main(String[] args) { Functi..
오버로딩(Overloading) 오버라이딩(Overriding) 자바에서 다형성을 지원하는 방법으로 메소드 오버로딩(Overloading) 오버라이딩(Overriding)이 있다. 오버로딩(Overloading)과 오버라이딩(Overriding) 비슷한 이름이 참 헷갈리게 한다. 오버로딩(Overloading) : 같은 이름의 메소드를 여러 개 가지면서 매개변수의 유형과 개수가 다르도록 하는 기술 오버라이딩(Overriding) : 상위 클래스가 가지고 있는 메소드를 하위 클래스가 재정의 해서 상요한다. 둘이 개념이 다른데도 어떤게 오버로딩(Overloading)이고 오버라이딩(Overriding)이고 뒤돌아서면 헷갈린다. 어쩔 수 있나 머리가 나쁘니.. 헷갈릴 때마다 확인할 수 밖에... 1. 오버로딩..