Home
HTML
- HTML / video / 동영상 삽입하는 태그
- HTML / textarea / 여러 줄의 문자열을 입력할 수 있는 양식
- HTML / placeholder / 양식에 안내 문구 추가하기
- HTML / input / date, time / 날짜, 시간 입력하는 양식
- HTML / form / 데이터를 전달하는 양식 만들기
- HTML / input / checkbox / 체크박스 만들기
- HTML / input / radio / 라디오 버튼 만들기
- HTML / em, strong / 강조하는 텍스트, 중요한 텍스트
- HTML / progress - 진행 정도 나타내는 바 만드는 태그
- HTML / label / 폼의 양식에 이름 붙이는 태그
CSS
- CSS / tab-size / 탭 크기 설정하는 속성
- CSS / 동영상을 배경으로 사용하는 방법
- CSS / CSS / 선택자(Selector) / 가상 요소와 가상 클래스 순서
- CSS / IE에서 표의 셀 안의 이미지 크기 설정하는 방법
- CSS / 애니메이션 / animation / animation-duration - 진행 시간 정하는 속성
- CSS / 애니메이션 / animation / animation-direction - 진행 방향 정하는 속성
- CSS / 애니메이션 / animation / @keyframes - 모양의 변화를 정하는 속성
- CSS / 애니메이션 / animation
- CSS / 변수 사용하기
- CSS / 이미지 가운데 정렬하는 방법
JavaScript
- JavaScript / Library / Lozad.js / 이미지 Lazy Loading 구현해주는 라이브러리
- JavaScript / Object / Math.max(), Math.min()
- JavaScript / Object / Math.log(), Math.log10(), Math.Log2()
- JavaScript / Object / Math.floor(), Math.ceil(), Math.round()
- JavaScript / Object / Math.random() – 난수(랜덤 숫자) 만드는 속성
- JavaScript / 함수 / parseFloat(), parseInt() - 문자열을 수로 바꾸는 함수
- JavaScript / 함수 / eval() - 문자열을 코드로 인식하게 하는 함수
- JavaScript / Object / document.URL - 문서의 URL을 반환하는 속성
- JavaScript / Object / document.characterSet - 문자 인코딩 반환하는 속성
- JavaScript / Object / Screen – 화면 정보 가져오는 객체
jQuery
- jQuery / Method / .slideToggle() - 보이는 요소는 보이지 않게, 보이지 않는 요소는 보이게 하는 메서드
- jQuery / Method / .slideDown() - 요소를 아래쪽으로 나타나게 하는 메서드
- jQuery / Method / .animate() - 애니메이션 효과 만드는 메서드
- jQuery / Method / .slideUp() - 요소를 위쪽으로 사라지게 하는 메서드
- jQuery / Plugin / jquery.mb.YTPlayer / 유튜브 영상을 배경으로 사용하게 해주는 플러그인
- jQuery / 요소가 순서대로 나타나게 하는 방법
- jQuery / HTML 문서와 연결하는 방법, 사용하는 방법
- jQuery / jQuery.noConflict() - 다른 라이브러리, 다른 버전의 jQuery와 충돌 방지하기
- jQuery / 특정 요소를 자식 요소로 갖지 않는 요소 선택하는 방법
- jQuery / Method / .val() - 양식(form)의 값을 가져오거나 값을 설정하는 메소드
Bootstrap
- Bootstrap 4 / Layout / .container, .row, .col
- Bootstrap 4 / Breadcrumb / 사이트 이동 경로 꾸미기
- Bootstrap 4 / Popovers / 클릭했을 때 메시지 나오게 하기
- Bootstrap 4 / Button Group / 버튼 묶음 만들기
- Bootstrap 4 / List Group / 목록 꾸미기
- Bootstrap 4 / Badge / New, 숫자 등 작은 라벨 만들기
- Bootstrap 4 / Cards / 카드 만들기
- Bootstrap 4 / Tabs / 탭 만들기
- Bootstrap 4 / Navs / 목록으로 메뉴 만들기
- Bootstrap 4 / Pagination / 이전 또는 다음 페이지로 연결하는 링크 꾸미기
PHP
- PHP / Ubuntu / Apache / HTML 확장자에도 PHP 코드 인식되도록 설정하는 방법
- PHP / Session / 로그인, 로그아웃, 로그인 상태에서만 보이는 콘텐츠 만들기
- PHP / 메모
- PHP / 다른 페이지로 리디렉션(Redirection)하는 방법
- PHP / Session / 세션 값 출력하는 방법
- PHP / 함수 / password_hash() / 비밀번호 암호화하는 함수
- PHP / 함수 / password_verify() / password_hash()로 만든 암호화된 문자열이 입력한 비밀번호와 같은지 확인하는 함수
- PHP / 함수 / 날짜, 시간 / date(), localtime(), mktime(), time()
- PHP / $_GET, $_POST - 양식(form)으로 전송된 데이터 받기
- PHP / SQL Server / Ubuntu 18.04에서 연결하는 방법
Python
- Python / print() / 출력하는 함수
- Python / 조건문 / if
- Python / 반복문 / while
- Python / type() / 데이터 타입(자료형) 확인하는 함수
- Python / 반복문 / for
- Python / range() / 연속된 수 또는 일정 간격의 연속된 수를 만드는 함수
- Python / 윈도우에서 pip로 설치할 때 '액세스가 거부되었습니다.' 해결하는 방법
- Python / Package / flake8 - PEP(Python Enhance Proposal) 검증 패키지 사용법
- Python / PIP(Python Package Index) 사용법
- Python / Visual Studio Code 개발 환경 만들기
Uncategorized
- Lighthouse로 사이트 속도 측정과 개선 사항 확인하는 방법
- MySQL Workbench / Windows 10에 설치하는 방법
- 윈도우(Windows) 버전과 인터넷 익스플로러(IE : Internet Explorer) 버전
- 웹사이트가 IE8, IE9, IE10에서 잘 나오는지 테스트하는 방법
- 코딩용 글꼴 D2coding 설치하는 방법
- 크롬 / 요소 검사 패널 레이아웃 변경하는 방법
- clipboard.js / 클립보드에 복사하게 해주는 스크립트
- MathJax / 홈페이지에 수식 출력하게 해주는 스크립트
- 에디트플러스 / 탭을 스페이스로, 스페이스를 탭으로 바꾸는 방법
- 아파치(Apache) 웹서버에서 403 페이지, 404 페이지 만드는 방법