[CSS] CSS 배경색 지우는 방법 / 배경 투명하게 하는 방법

2021-05-10 - 코드 기존에 적용한 배경색을 지우는 코드는 아래와 같다. background-color: transparent; 지운다는 의미보다는 투명하게 바꾼다는 의미가 좀 더 맞으며, transparent 자체가 사전적인 뜻으로 투명이라는 의미를 가지고 있다. 메인 이미지 출처: Photo by Emma Harrisova on Unsplash

• format_list_bulleted WEB/CSS
• · 2021. 5. 10.
• textsms

[CSS] CSS display:flex 통한 화면 구성 알아보기 (기초).

2021-05-09 - 예제 예제는 하나의 컨테이너 div 안에 3개의 div가 들어 있는 구조로 만들었다. 이 예제를 통해 display:flex의 적용 효과를 알아보도록 하자. 코드를 웹상에 나타내면 아래와 같이 나타난다. - display:flex 적용 다른 코드를 건드리지 않고 컨테이너 div에만 display:flex 속성을 부여해보겠다. 그러면 아래와 같이 내부에 있는 div 속성이 컨테이너를 기준으로 가로로 정렬된 것을 확인할 수 있다. 이와 같은 결과는 웹 관리자 도구로 보면 좀 더 쉽게 이해가 되는데, 아래의 이미지를 보자. flex 옵션을 준 결과 내부의 div 요소들은 컨테이너 div를 기준으로 inline 요소와 같이 변경되었다. 내부의 div 요소중 가장 높이가 긴 div기준(여기..

• format_list_bulleted WEB/CSS
• · 2021. 5. 9.
• textsms

[Oracle SQL] 오라클 올림/내림/절대값 구하는 방법 CEIL/FLOOR/ABS

2021-05-08 - 올림 CEIL -- 올림 10.54 구하기 답: 11 SELECT CEIL(10.54) FROM DUAL; -- 올림 10.33 구하기 답: 11 SELECT CEIL(10.33) FROM DUAL; CEIL이라는 숫자 함수를 사용 시 소솰호 안에 올림을 하고 싶은 실수를 넣어주면 된다. 소수점이 어떠한 경우에도 올림 처리가 되며 위의 예제는 결괏값이 모두 11이 나오게 된다. - 내림 FLOOR -- 내림 10.54 구하기 답: 10 SELECT FLOOR(10.54) FROM DUAL; -- 내림 10.33 구하기 답: 10 SELECT FLOOR(10.33) FROM DUAL; 내림의 기능을 하는 함수는 FLOOR로 CEIL 가 마찬가지로 소괄호 안에 내림을 하고 싶은 실수를..

• format_list_bulleted DataBase/Oracle SQL
• · 2021. 5. 8.
• textsms

[Oracle SQL] 오라클 제곱과 제곱근 구하기 POWER/SQRT

2021-05-07 - 제곱 오라클에서 제곱을 구하는 방법은 POWER라는 함수를 사용하며, 두 가지 매개 값을 받는다. -- 2 의 4 제곱 구하기 답: 16 SELECT POWER(2, 4) 제곱 FROM DUAL; -- 3 의 3 제곱 구하기 답: 27 SELECT POWER(3, 3) 제곱 FROM DUAL; 위의 예제처럼 2와 4를 받으면 2의 4제곱을 구할 수 있다. - 제곱근 제곱근을 구하기 위해서는 SQRT 함수를 사용하며 매개 값은 제곱근을 구하기 위한 정수 하나를 받는다. 예제는 아래와 같다. -- 16 의 제곱근 구하기 답: 4 SELECT SQRT(16) 제곱근 FROM DUAL; -- 81 의 제곱근 구하기 답: 9 SELECT SQRT(81) 제곱근 FROM DUAL; 만약에 제..

• format_list_bulleted DataBase/Oracle SQL
• · 2021. 5. 7.
• textsms

[JavaScript] js 타이머 함수 setTimeout() 알아보기

2021-05-06 자바스크립트 내에서는 타이머를 지정할 수 있는 setTimeout() 함수가 존재하는데, 해당 함수의 사용법을 알아보자. - 매개값 setTimeout 은 매개 값을 두 가지를 받는다. 첫 번째 매개 값은 주어진 시간이 지났을때 수행될 코드이며, 두번째 매개값은 주어질 시간이다. 여기서의 주어질 시간은 밀리 초로 계산되기 때문에 1000 당 1초로 계산된다. - 예제 코드 아래의 예제 코드는 5000(5초) 밀리 초가 지나면 브라우저 콘솔 창에 Hello World를 출력하게 하는 코드이다. var timeSet = setTimeout(function() { console.log("Hello World")} , 5000) - 타이머 초기화 함수 불가피한 경우에 타이머를 초기화해야 하는..

• format_list_bulleted WEB/JavaScript
• · 2021. 5. 6.
• textsms

[JavaScript] 자바스크립트 년/ 월/ 일/ 시간/ 분/ 초/ 구하는 법

2021-05-05 자바스크립트 내부에서 년/ 월/ 일/ 시간/ 분/ . . . 등을 알아보는 방법을 알아보자. - 예제 코드 예제코드는 현재의 시간을 기준으로 년/ 월/ 일/ 시간/ 분/ . . . 을 출력하는 코드 이다. Hello ​ 결과를 확인해보면 아래와 같이 나타나게 된다. 다소 특이한 점은 년도를 추출할 때 getYear()이 아니라 getFullYear()을 사용한다는 점이다. 메인 이미지 출처: Photo by Adrian RA on Unsplash

• format_list_bulleted WEB/JavaScript
• · 2021. 5. 5.
• textsms