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 / 애니메이션 / transform / 회전, 확대, 축소, 비틀기 등 형태 변형하는 속성
- CSS / Flex / IE에서 flex-basis 오류 해결하는 방법
- CSS / 이미지에 마우스 올렸을 때 확대하는 방법
- CSS / Grid / order
- CSS / Grid / grid-template-columns, grid-template-rows
- CSS / Grid / display
- CSS / Grid / grid-column-gap, grid-row-gap, grid-gap
- CSS / Grid / grid-auto-rows
- CSS / Grid / IE에 적용시키는 방법 / Autoprefixer CSS online
- CSS / Grid / 실전 예제
JavaScript
- JavaScript / Event / onsubmit / 폼 전송하기 전에 작업 수행하게 하는 이벤트
- 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 / 문자 인코딩 반환하는 속성
jQuery
- jQuery / Plugin / AOS / 스크롤하면 애니메이션 효과와 함께 나타나는 요소 만드는 라이브러리
- jQuery / Plugin / jquery.toc / H 태그로 목차 만드는 플러그인 - 클릭 시 부드럽게 이동
- jQuery / Plugin / jQuery Smooth Scroll
- jQuery / Plugin / jquery.toc / H 태그로 목차 만드는 플러그인
- jQuery / Method / .slideToggle() - 보이는 요소는 보이지 않게, 보이지 않는 요소는 보이게 하는 메서드
- jQuery / Method / .slideDown() - 요소를 아래쪽으로 나타나게 하는 메서드
- jQuery / Method / .animate() - 애니메이션 효과 만드는 메서드
- jQuery / Method / .slideUp() - 요소를 위쪽으로 사라지게 하는 메서드
- jQuery / Plugin / jquery.mb.YTPlayer / 유튜브 영상을 배경으로 사용하게 해주는 플러그인
- jQuery / 요소가 순서대로 나타나게 하는 방법
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 / 에러 출력하는 방법, 에러 출력하지 않는 방법
- PHP / 회원 관리 / 비밀번호 변경 페이지
- PHP / 회원 관리 / 세션(SESSION) 추가하기, 로그아웃 페이지
- PHP / 회원 관리 / 로그인 페이지, 로그인 완료 페이지
- PHP / 회원 관리 / 회원 가입 페이지, 회원 가입 완료 페이지
- PHP / 함수 / md5() / 문자열에서 md5 해시값 생성하는 함수
- PHP / Ubuntu / Apache / HTML 확장자에도 PHP 코드 인식되도록 설정하는 방법
- PHP / Session / 로그인, 로그아웃, 로그인 상태에서만 보이는 콘텐츠 만들기
- PHP / 메모
- PHP / 다른 페이지로 리디렉션(Redirection)하는 방법
Python
- Python / PyCharm 설치하는 방법
- 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) 사용법
Uncategorized
- 다음 웹마스터 도구 베타에 사이트 등록하는 방법
- SVG 이미지 파일 만드는 방법
- Lighthouse로 사이트 속도 측정과 개선 사항 확인하는 방법
- MySQL Workbench / Windows 10에 설치하는 방법
- 윈도우(Windows) 버전과 인터넷 익스플로러(IE : Internet Explorer) 버전
- 웹사이트가 IE8, IE9, IE10에서 잘 나오는지 테스트하는 방법
- 코딩용 글꼴 D2coding 설치하는 방법
- 크롬 / 요소 검사 패널 레이아웃 변경하는 방법
- clipboard.js / 클립보드에 복사하게 해주는 스크립트
- MathJax / 홈페이지에 수식 출력하게 해주는 스크립트