Home
HTML
- HTML / textarea - 여러 줄의 문자열을 입력할 수 있는 양식
- HTML / placeholder - 양식에 안내문구 추가하기
- HTML / input / date, time - 날짜, 시간 입력하는 양식
- HTML / form - 데이터를 전달하는 양식 만들기
- HTML / input / checkbox - 체크박스 만들기
- HTML / input / radio - 라디오 버튼 만들기
- HTML / em - 강조하는 텍스트, strong - 중요한 텍스트
- HTML / progress - 진행 정도 나타내는 바 만드는 태그
- HTML / label - 폼의 양식에 이름 붙이는 태그
- HTML / img - 이미지 삽입하는 태그
CSS
- CSS / 애니메이션 / animation / animation-duration - 진행 시간 정하는 속성
- CSS / 애니메이션 / animation / animation-direction - 진행 방향 정하는 속성
- CSS / 애니메이션 / animation / @keyframes - 모양의 변화를 정하는 속성
- CSS / 애니메이션 / animation
- CSS / 변수 사용하기
- CSS / 이미지 가운데 정렬하는 방법
- CSS / columns 속성으로 다단으로 만들기
- CSS / backface-visibility - 요소의 뒷쪽에서 앞면이 보이게 할지 정하는 속성
- CSS / border-radius - 테두리 둥글게 만드는 속성
- CSS / 애니메이션 / transition - 속성을 서서히 변화시키는 속성
JavaScript
- JavaScript / 함수 / parseFloat(), parseInt() - 문자열을 수로 바꾸는 함수
- JavaScript / 함수 / eval() - 문자열을 코드로 인식하게 하는 함수
- JavaScript / Object / document.URL - 문서의 URL을 반환하는 속성
- JavaScript / Object / document.characterSet - 문자 인코딩 반환하는 속성
- JavaScript / Object / Screen – 화면 정보 가져오는 객체
- JavaScript / Object / Element.childElementCount - 자식 요소의 개수를 반환하는 속성
- JavaScript / Object / Element.removeAttribute() - 요소의 속성을 제거하는 메서드
- JavaScript / Object / document.write()
- JavaScript / Object / document.writeln()
- JavaScript / Object / document.title - 문서의 제목을 가져오거나 변경하는 속성
jQuery
- jQuery / HTML 문서와 연결하는 방법, 사용하는 방법
- jQuery / jQuery.noConflict() - 다른 라이브러리, 다른 버전의 jQuery와 충돌 방지하기
- jQuery / 특정 요소를 자식 요소로 갖지 않는 요소 선택하는 방법
- jQuery / Method / .val() - 양식(form)의 값을 가져오거나 값을 설정하는 메소드
- jQuery / 자식 요소의 개수를 기준으로 부모 요소 선택하기
- jQuery / 스크롤해도 상단에 고정되는 메뉴 만들기
- jQuery / meta 태그의 값 가져오기
- jQuery / 선택한 요소의 가로 크기 가져오기 - width, innerWidth, outerWidth
- jQuery / 체크박스 모두 선택, 모두 선택 해제 만들기
- jQuery / HTML 태그 바꾸기
Bootstrap
- Bootstrap 4 / List Group - 목록 꾸미기
- Bootstrap 4 / Badge - New, 숫자 등 작은 라벨 만들기
- Bootstrap 4 / Cards - 카드 만들기
- Bootstrap 4 / Tabs - 탭 만들기
- Bootstrap 4 / Navs – 목록으로 메뉴 만들기
- Bootstrap 4 / Pagination – 이전 또는 다음 페이지로 연결하는 링크 꾸미기
- Bootstrap 4 / 체크박스, 라디오 버튼 꾸미기
- Bootstrap 4 / Buttons – 버튼 꾸미기
- Bootstrap 4 / Tooltips – 마우스 올렸을 때 툴팁 모양 꾸미기
- Bootstrap 4 / Alerts - 닫을 수 있는 메시지 만들기
PHP
- PHP / 함수 / 날짜, 시간 / date(), localtime(), mktime(), time()
- PHP / $_GET, $_POST - 양식(form)으로 전송된 데이터 받기
- PHP / SQL Server / Ubuntu 18.04에서 연결하는 방법
- PHP / MariaDB / 데이터베이스의 데이터 수정하기
- PHP / MariaDB / 데이터베이스에서 데이터 삭제하기
- PHP / MariaDB / 데이터베이스에 데이터 입력하기
- PHP / MariaDB / 데이터베이스 값 가져와서 출력하기
- PHP / 함수 / mysqli_connect() / MySQL server 또는 MariaDB Server에 연결하는 함수
- PHP / 함수 / substr() / 문자열의 일부분을 추출하는 함수
- PHP / 함수 / implode() / 배열을 하나의 문자열로 만드는 함수
Python
- Python / Package / flake8 - PEP(Python Enhance Proposal) 검증 패키지 사용법
- Python / PIP(Python Package Index) 사용법
- Python / Visual Studio Code 개발 환경 만들기
- Python / input() - 사용자가 입력한 값을 변수에 저장하는 함수
- Python / 자료형 / 사전(dict)
- Python / 자료형 / 집합(set)
- Python / 자료형 / 튜플(tuple)
- Python / 모듈(module) 사용하기
- Python / 사용자 정의 함수 만들고 호출하기
- Python / 설치 / 윈도우에 설치하기
Uncategorized
- 윈도우(Windows) 버전과 인터넷 익스플로러(IE : Internet Explorer) 버전
- 웹사이트가 IE8, IE9, IE10에서 잘 나오는지 테스트하는 방법
- 코딩용 글꼴 D2coding 설치하는 방법
- 크롬 / 요소 검사 패널 레이아웃 변경하는 방법
- clipboard.js / 클립보드에 복사하게 해주는 스크립트
- MathJax / 홈페이지에 수식 출력하게 해주는 스크립트
- 에디트플러스 / 탭을 스페이스로, 스페이스를 탭으로 바꾸는 방법
- 아파치(Apache) 웹서버에서 403 페이지, 404 페이지 만드는 방법
- 안드로이드 스튜디오 / 버전코드 변경하는 방법
- 안드로이드 스튜디오 / 구글 플레이(Google Play)에 등록하는 APK 파일 만드는 방법