ALL

GitHub SSH Keys 만드는 방법 및 설정하기

git를 웹 페이지 화면에 로그인 해서 사용하다 보면 SSH Keys가 등록되어 있지 않다고 경고문이 나오는 경우가 있습니다.SSH Keys를 등록하지 않으면 git 명령어가 실행되지 않는 경우도 있습니다.저는 push를 하려고 하니 안되더군요.찾아보니 SSH Keys가 설정되어 있지 않아서 안될 가능성이 높다고 하네요.git의 SSH Keys 확인 방법과 설정하는 방법에 대해 알아봤습니다.SSH Keys 확인먼저 SSH Keys 생성되어있는지 확인할 필요가 있습니다.ls -al ~/.sshSSH Keys 기본 이름은 아래중에 하나...
2023.09.20
ALL정보
ALL

애드센스 수익 증가를 위한 개인 맞춤 광고 차단 실험

블로그에 애드센스 광고를 사용하시는 분들이 많습니다.애드센스 수익이 많으면 좋겠지만 사실 생각보다는 많지 않은 경우가 많습니다.소소한 용돈 정도입니다.광고 수익을 높이기 위해 애드센스에서는 실험을 할 수 있습니다.이번에 실험을 해본 것은개인 맞춤 광고를 차단해보는 실험을 했습니다.애드센스는 인터넷을 사용하는 사용자가 관심을 가지고 있는 분야에 대한 광고를 표시하거나, 또는 블로그에 작성된 내용을 기반으로 관련된 광고를 표시합니다.기본적으로는 사용자 기반 광고를 표시하도록 되어있습니다.개인 맞춤 광고가허용됨으로 되어있습니다.실험을 하...
2023.09.20
ALL정보
ALL

윈도우 10 WSL 자동 실행 방법

윈도우 10에서부터 사용할 수 있는 우분투 환경인 WSL을 자동으로 실행하는 방법을 알아보겠습니다.WSL에 크론이나 스크립트를 실행해놓은 경우 윈도우를 재부팅하면 WSL도 자동으로 종료가 됩니다.시작 프로그램에 WSL을 설정해놓으면 윈도우를 재부팅해도 WSL가 자동으로 실행이 됩니다.WSL 자동 실행WSL 자동 실행 설정 방법을 알아보겠습니다.1. 윈도우 시작 프로그램 폴더 이동먼저 윈도우 시작 프로그램 폴더를 열어줍니다.시작 프로그램 폴더를 여는 방법은윈도우키 + R눌러 실행창을 열어줍니다.실행 창이 열리면shell:startup...
2023.09.20
ALLOS정보
ALL

윈도우 10 wls 우분투 설치 방법

윈도우 10을 사용하면서 우분투 환경도 같이 사용할 수 있습니다.우분투는 리눅스 기반이라 윈도우 환경에서 사용하고 싶은 경우에는 가상 머신을 설치해야 하거나 하는번거로움이 있지만 윈도우 10에서는 간단하게 설치할 수 있습니다.이것을WindowsSubsytem forLinux(WSL)라고합니다.윈도우 10에 우분투 설치 방법을 알아보겠습니다.우분투 WSL 설치 방법1. Microsoft Store실행윈도우 바탕화면이나 메뉴바에서Microsoft Store를 실행합니다.2.ubuntu 검색검색을 클릭하고ubuntu를검색합니다.최신 버전...
2023.09.20
ALLOS정보
ALL

Datatables 옵션 항목 위치 변경 하기

데이터테이블즈는 간편하게 표를 만들 수 있어 많이 이용합니다.다양한 옵션 기능도 지원하기 때문에 편리하기도 하지만, 위치를 변경하고 싶은 경우 원하는대로 되지 않는 경우가 있습니다.스크립트에dom과css를 설정해서 옵션 항목 위치를 변경하는 방법을 보겠습니다.샘플 데이터를 먼저 준비하겠습니다.<!DOCTYPE html><html lang="kr"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="  <script src=" <script> jQuery(function($){ ...
2023.09.14
ALLHTML/CSSIT
ALL

Datatables 금액 단위 표시 설정 방법

데이터테이블즈를 사용해 표를 작성하는 경우 숫자 데이터를 표시하는 경우가 있습니다.단순한 숫자가 아닌 금액일 경우 3자리 콤마나 금액 단위를 표시하고 싶은 경우도 있습니다.currency 플러그인을 사용해서도 가능하지만 Datatables에 있는 number를 사용해서 기능을 추가하는 방법을 보겠습니다.먼저 샘플 데이터를 준비하겠습니다.<!DOCTYPE html><html lang="kr"><head>    <meta charset="UTF-8">    <link rel="stylesheet" href="     <script sr...
2023.09.14
ALLHTML/CSSIT
ALL

DataTables 사용법 및 예제 jQuery JSON

DataTables는 HTML의 <table>을 데이터 그리드 형식으로 사용하기 위한 라이브러리입니다.장점은 다음과 같습니다.○표 <table>에 다음과 같은 기능을 빠르게 구현·추가할 수 있다. 표시 건수 제어 기능 페이징 기능 정렬 기능 필터 기능 스크롤 기능○서버에서 테이터(JSON)를 받아 표시할 수 있다.○표 디자인이 깔끔하다.(Bootstrap 디자인에도 맞출 수 있음)라이센스는 MIT이고, 사용하기 위해서는 jQuery가 필요합니다.DataTables의 기본적인 사용방법을 설명하겠습니다.설명 환경DataTables 사용...
2023.09.14
ALLHTML/CSSIT
ALL

CSS3 animation 속성과 @keyframes 애니메이션 효과

animation 속성과 @keyframes를 사용하여 CSS 만으로 애니메이션 효과를 만들 수 있습니다.애니메이션 효과란 움직이는 이미지라고 생각하면 됩니다.먼저@keyframes를 살펴보겠습니다.@keyframes@keyframes는 애니메이션의 시작부터 종료 부분까지 어떠한 동작을 할 것인지 지정할 수 있는CSS문법입니다.@keyframes는 작성방법은 아래와 같습니다.@keyframes 이름 { 0% { CSS 속성: 값; } 100% { CSS 속성: 값; }}@keyframes뒤에 사용할 애니메이션 이름을 적당히 적어주면...
2023.09.14
ALLHTML/CSSIT
ALL

HTML CSS 여백 설정 margin, padding, border 사용 방법

HTML에서 여백을 설정하는 방법을 알아보겠습니다.여백을 설정하기 위해서는 margin, padding 또는 border를 사용해 여백을 지정할 수 있습니다.margin, padding, border 살펴보기CSS에 입문해 막히는 부분 중 하나가 margin과 pdding의 차이입니다.magring은 요소의 외부 여백이고, padding은 요소의 내부 여백입니다.border는 이름대로 요소를 감싸는 틀입니다.<p> 요소에 class를 부여하고 배경색을 변경해서 확인해 보도록 하겠습니다.<!DOCTYPE html><html lang=...
2023.09.14
ALLHTML/CSSIT
다음 페이지로