169
명 공부중
11월 18일 (월)
공부방법
열람권한
배추빌더
백신
샘플
회원가입
로그인
글쓰기
질문하기
1:1 문의
제작의뢰
등업신청
웹디자인언어
∨
코딩동강
HTML
CSS
JavaScript
jQuery
Bootstrap 3
Bootstrap 4
Bootstrap 5
서버관리언어
∨
PHP
SQL
서버 관리
Python
고급코딩언어
∨
LESS
SCSS
NodeJS
React
Java
C++
C#
Go
R
그누보드
∨
그누5 코드사전
그누5
영카트5
아미나
나리야5
나리야4
배추5
배추4
배추라이트
배추5 함수
제작의뢰
∨
제작의뢰
포트폴리오
Q&A
∨
Q&A
FAQ
커뮤니티
∨
자유게시판
Music
빗소리
게임센터
설문투표
고백듣기
유튜브입문
제안하기
후기쓰기
웹유틸
∨
비율계산기
색상코드변환기
도메인IP추적기
아이피변환기
URL암호기
m3u8 재생기
Tistory 코드
구글맞춤검색
마우스클릭테스트
유튜브확대재생기
전광판
평수계산기
MBTI 검사기
회원센터
∨
공지사항
1:1 문의
등업신청
후원하기
웹디자인언어
코딩동강
Lv 1 : 손님
0
코딩동강
[JS-바위] JS 38강 - 숫자 바뀌는 애니메이션 (Number Animation) (순수JS버전)
654
https://homzzang.com/b/mv-796
https://youtu.be/pwV40r8IGWQ
(267)
이전글
다음글
목록
글쓰기
준비 중
주소 복사
랜덤 이동
코딩동강 관련글
JS 72강 - AOS 라이브러리 - 슝슝 나타나는 스크롤 애니메이션
JS 69~71강 - 숫자 그래프 애니메이션 (Number Animation)
JS 51강 - 스크롤트리거 (scrollTrigger) - 스크롤 애니메이션 구현
JS 45강 - 하이라이트 무빙 탭 애니메이션 (Highlight Moving Tab animation)
JS 39강 - 마우스허버 시 따라 움직이는 메뉴바 애니메이션 (MenuBar Animation) ※ 언더바, 메뉴언더바
JS 38강 - 숫자 바뀌는 애니메이션 (Number Animation) (순수JS버전)
JS 27강 - 스크롤 메뉴 축소 애니메이션 (Shrink Nav) - JavaScript / jQuery 소스 비교
JS 21강 - 풀스크린 호버 이펙트 애니메이션 (Hover Animation)
JS 18강 - 스크롤트리거 (Scrolltrigger) - 스크롤 애니메이션 구현
GO 22강 - 숫자야구 만들기 2
HTML 관련글
HTML - <input type="number"> 태그 - 숫자 입력 (= 인풋넘버타이/넘버타입인풋/넘버인풋 요소)
HTML - step 속성 - 입력 가능 숫자 간격 설정 (= step속성 = 스텝속성) ※ 입력 가능 배수 지정
HTML - min 속성 - (숫자|날짜)의 최소값 지정 (= min속성 = 민속성) ※ 최솟값
HTML - max 속성 - (숫자|날짜)의 최대값 지정 (= max속성 = 맥스속성) ※ 최댓값
CSS 관련글
CSS - animation-name 속성 - 키프레임명 (= 키프레임이름 = 애니이름 = 애니명 = 애니메이션이름 = 움직임 정의된 @keyframes 이름, IE10)
CSS - animation-fill-mode 속성 - 애니미작동스타일 (= 움직임 작동안할때 스타일 = 애니메이션필모드속성, IE10)
CSS - animation-duration 속성 - 애니지속시간 (= 애니완료소요시간 = 움직임완료소요시간 = 움직임속도 = 애니속도 = 애니메이션듀레이션속성, IE10)
CSS - animation-direction 속성 - 애니방향 (= 움직임방향 = 애니메이션디렉션속성, IE10)
CSS - animation-delay 속성 - 애니지연시간 (= 작동지연시간 = 작동대기시간 = 작동준비시간 = 애니메이션딜레이속성, IE10)
CSS - animation 속성 ★ - 애니메이션 단축속성 (= animation속성 = 애니메이션속성, IE10) ※ 움직임효과/이동효과/애니일괄/애니효과
CSS - @keyframes 구문 - 애니메이션 코드 사용 선언 (= 애니사용 = @keyframes속성 = 골뱅이키프레임즈속성, IE10) ※ (이미지/텍스트/문자열/여러줄/여러라인) 슬라이드
JavaScript 관련글
JS - Math.sign() 메서드 - 숫자부호판별 (= Math.sign메서드 = 매스사인메서드) ※ 숫자가 (음수/제로(=영)/양수)인지 여부 체크 ※ 증감판별
JS - 숫자 천자리 표시 기호 쉼표(콤마) 제거 함수 (= getInt함수 = 겟인트함수)
JS - 숫자를 한글로 읽기/변환
JS - 각 숫자번호 클릭 시, 해당 번호 얼럿창(팝업)으로 띄우기
JS - 최대 입력 가능한 (문자열/숫자) 길이/개수 설정 ※ 음수 부호는 카운트에서 제외
JS - 숫자 (카운팅/변동) 애니 효과
JS - 숫자제거 공백제거 정규표현식
JS - 숫자만 입력 가능
JS - Math.trunc() 메서드 - 숫자의 정수부분 추출 (= trunc메서드 = 트런크메서드) (IE12 이상)
JS - <input type="number"> 객체 - number타입 input태그 (= 인풋넘버태그) ※ 숫자 입력
JQuery 관련글
JQ - (1초/0.5초)이상 마우스버튼 누르고 있으면 숫자 증가 (= 마우스 클릭하고 있으면 숫자 증가 = 클릭중 카운트업)
JQ - (영문 년월일 → 숫자 년월일) 날짜시간 표기 변환.
JQ - (입력・선택) 숫자 만큼 인풋 체크박스 체크.
JQ - number_fommat() 구현. (= 넘버포맷 = 숫자 입력 시, 바로 천자리마다 쉼표 찍기)
JQ - jQuery.fx.off 속성 - 애니메이션 비활성화/활성화
JQ - jQuery.fx.interval 속성 - 애니메이션 점화빈도를 밀리초단위로 변경
JQ - stop() 메서드 - 선택요소에 대해 현재 실행중인 애니메이션 중지 (= stop메서드 = 스톱메서드/스탑메서드)
PHP 관련글
PHP - 천자리마다 쉼표 있는 문자열타입 숫자 합산
PHP - 숫자를 한글로 읽기/변환
PHP - echo 키워드 - 텍스트나 숫자를 출력 (= echo키워드/echo구문 = 에코키워드/에코구문)
PHP - 일정범위 숫자를 중복 안 되게 지정 개수만큼 랜덤 추출
PHP - (숫자/영문) 조합한 랜덤 4글자 문자열 출력 (= 랜덤문자열 생성)
PHP - Numbers (숫자) - 숫자종류/타입변환
PHP - is_numeric() 함수 - 숫자인지 여부 체크. (= is_numeric함수)
PHP - 문자열에서 숫자만 추출 (= 숫자추출) ★★★★★
PHP - 숫자 천자리 자릿수 표시 쉼표 제거 함수 (= 천자리 꼼마 없는 숫자 만들기)
PHP - sprintf() 함수 ★★★ - 인수로 전달된 변수로 %기호대체치환 (= sprintf함수 = 스프린트에프함수) ※ 숫자 앞에 0(= 영 = zero = 제로) 추가/제거 (= 붙이기/떼기)
SQL 관련글
SQL - INET_NTOA() 함수 - 숫자 값에서 IP 주소 반환 (= INET_NTOA함수 = 아이넷엔투에이 함수 / 아이넷엔토아 함수)
SQL - INET_ATON() 함수 - IP 주소의 숫자 값 반환 (= INET_ATON함수 = 아이넷에이투엔 함수 / 아이넷아톤 함수)
SQL - REGEXP_REPLACE() 함수 - 정규식 패턴 이용해 문자열 '대체/변환/바꾸기/치환' (= REGEXP_REPLACE함수 = 레그익스프리플레이스함수) ※ MySQL 정규식 (한글/영문/특문/숫자) 제거
SQL - SIGN() 함수 - 숫자부호판별
SQL - RAND() 함수 ★ - 난수 (= 무작위수 = 랜덤숫자 = 임의의수 = 랜덤호출 = rand함수 = 랜드 함수)
SQL - CONV() 함수 - 숫자진법변경 (= 숫자진수변경)
SQL - STR_TO_DATE() 함수 ★ - 문자열날짜를 숫자날짜로 변환해 반환
SQL - 1819 에러해결 : MySQL 5.7 비밀번호강도 (= 비밀번호엄격성 = 암호강도 = 비번강도 = 비전복잡성 = 패스워드복잡성 = 숫자 4자리)★★
SQL - FORMAT() 함수 - 숫자반올림 (문자열로반환)
SQL - ROUND() 함수 ★ - 숫자반올림 (※ 숫자로반환)
Bootstrap 3 관련글
BS3 - Grid - Large (BS그리드 대형기기 이상) - col-lg-숫자
BS3 - Grid - Medium (BS그리드 중형기기 이상) - col-md-숫자
BS3 - Grid - Small (BS그리드 소형기기 이상) - col-sm-숫자
Bootstrap 4 관련글
BS4 - Grid Extra Large (BS그리드 초대형기기) - .col-xl-숫자, .col-xl 클래스
BS4 - Grid Large (BS그리드 대형기기) - .col-lg-숫자, .col-lg 클래스
BS4 - Grid Medium (BS그리드 중형기기) - .col-md-숫자, .col-md 클래스
BS4 - Grid Small (BS그리드 소형기기) - .col-sm-숫자, .col-sm 클래스
BS4 - Grid Extra Small (BS그리드 초소형기기) - .col-숫자, .col 클래스
코멘트입력
비밀글
//phpphp if (!is_g5() && (!$is_comment_editor || $mw_basic['cf_editor'] != "cheditor")) { ?>
입력
특수문자
이전글
다음글
목록
글쓰기
전체
BS-나동빈
C-나동빈
C-두들낙서
GO-터커
HTML-바위
JAVA-생코
JQ-샵투
JS-바위
JS-생코
JS-서기
JS-엘리
Node.js-생코
PHP-생코
PHP-서기
PHP-쩡원
PHP2020-서기
PHP7-바위
PHP7-서기
Py_Ru-생코
React
SQL-생코
WEB1-생코
WEB2-생코
am-행복한이웃
regex
서버
코딩 야학
코딩 입문
분류
제목
PHP-서기
PHP 51 - 웹사이트크롤링 (= 사이트파싱) ★★★ (= 타사이트 특정부위 가져오기)
JS-서기
JS 8강 - for문 안쪽에 if문 사용 (= 행렬 표만들기 = 줄바꿈 = 줄바꾸기 = 줄변경 = 라인변…
regex
PHP 정규표현식 패턴 26강 - (?!패턴) (소괄호 안 물음표 느낌표) : 뒤에 패턴 존재하면 무시, 존…
PHP7-서기
PHP7 32강 - 외부 SMTP 이용해 이메일 보내기 (= 네이버/구글 SMTP 설정법)
JS-바위
JS 18강 - 스크롤트리거 (Scrolltrigger) - 스크롤 애니메이션 구현
PHP-쩡원
PHP 기초 10강 - 게시판 만들기 - 코멘트 (=댓글) , 답댓글 (= 대댓글) 입력, 출력, 입출력
regex
PHP 정규표현식 패턴 15강 - 수량자 ─ { } (중괄호) - 문자 반복 횟수 특정
PHP-생코
PHP 25강 - 조건문 논리연산자 (and (&&) , or (||)) ★★★
PHP2020-서기
PHP2020 4강 - 카카오맵 (MySQL 이용해 마커 표시 / 클러스터링 사용)
JS-서기
JS 12강 - 이벤트핸들러2 (event handler) - onload, onunload, / confi…
regex
PHP 정규표현식 패턴 17강 - 수량자 ─ *? (별표 물음표), +? (덧셈 물음표), ?? (물음…
JS-엘리
JS 6강 - 클래스・오브젝트 차이점(class vs object), 객체지향 언어 클래스 정리 | (Jav…
서버
서버 - URL RewriteRule (= 라라이트룰 = URL주소치환 = URL주소변경)
regex
PHP 정규표현식 패턴 9강 - [^ ] (대괄호안 꺽쇠) ─ 후보문자 제외한 모든 1글자로 된 문자
PHP-쩡원
PHP 기초 8강 - 게시판 만들기 (조회수증가, 날짜형식변경, 파일업로드, 파일명중복방지)
regex
PHP 정규표현식 패턴 21강 - \d (역슬래시 소문자d) : 숫자 , \D (역슬래시 대문자D) : …
regex
PHP 정규표현식 패턴 6강 - \ . (역슬래시 마침표) ─ 단순 문자열로서의 마침표 기호
PHP-서기
php 10. 그외의 form관련 태그들 (input, textarea, select, option) ★★★…
PHP-쩡원
PHP 기초 3강 - 회원가입 만들기 (테이블생성, 필드생성, 입력폼생성 / 쿠키, 암호화) (member,…
regex
PHP 정규표현식 패턴 22강 - \b (역슬래시 소문자b) : 워드(단어)의 경계
1/35
제목
내용
제목+내용
and
or
검색
검색
목록
제목
내용
제목+내용
and
or
검색
열린
1
페이지
2
페이지
3
페이지
4
페이지
5
페이지
6
페이지
7
페이지
8
페이지
9
페이지
10
페이지
다음
맨끝
오늘: 14,100 | 어제: 22,354 | 최대: 31,885 | 전체: 8,484,091
채팅방 닫기
채팅방
필독
1. 채팅창 헤드에서
접속자
확인
2. 닉네임 클릭해
1:1 채팅
가능
3. 닉네임 클릭해
귓속말
가능
4. 닉네임 클릭해
호출하기
가능
5. 우하단 클릭해
환경 설정
가능
6. 의뢰글 작성 후
의뢰 상담
가능
7. 질문글 작성 후
질문 상담
가능
8. 채팅방에
개인정보 입력
금지
9. 채팅방에
광고 욕설 비방
금지
(견적/의뢰/질문/등업) 상담은 게시판 이용해 주세요.
인터넷 임시파일 제거 시 속도 ↑ (Ctrl + Shift + Del)
공지사항
Homzzang.com 서버 기간 연장 완료 (2년: ~ 2026-09-…
아이피 당 계정 2개까지 허용
서버관리언어 매뉴얼 오픈 공개
그누보드5 무료 (설치 + 에러 해결) 이벤트 (08.01~08.31)
하반기 때 바뀌는 포인트 정책
최신글
G5 - 글쓰기여분필드 값을 회원여분필드에도 …
익명
견적 잘못 낸 개발자 최후
익명
심수봉 - 미워요 (최가연 COVER)
익명
G5 - 첫번째 첨부파일 이미지를 배경이미지로…
익명
G5 - 두 게시판 연동해 글쓰기
익명
실수로 지운 포스팅 하나 살리려다 지옥을 맛봤…
익명
최신댓글
[@mijuexpert] 없어요. 의뢰가이드에…
홈짱
[@홈짱] 신비님한테도 저런 불법적인 일들…
mijuexpert
불법적인 일엔 몸 담그는 거 아닙니다.
홈짱
그 사람의 성품을 알 수 없어 제가 이렇다 말…
홈짱
비밀글입니다.
mijuexpert
비밀글입니다.
홈짱
운영비 후원해주신 분 리스트
된장남
AlexSeo
초보킹
꽁치주물럭
된장남
새벽의기습
서버확장비 목표달성률
9
찾아주셔서 감사합니다. Since 2012
최신댓글