목록js (146)

투케이2K

28. (javascript/자바스크립트) String fromCharCode 사용해 유니코드 데이터를 문자로 표현실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. fromCharCode : 일련의 유니코드에 해당하는 데이터를 문자로 표현합니다 */ /* ==========..
JavaScript 2021. 6. 6. 11:07
27. (javascript/자바스크립트) length 데이터 길이 확인, trim 공백 제거, toUpperCase 대문자 변경, toLowerCase 소문자 변경

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. length : 데이터 길이를 확인할 때 사용합니다 (문자열, 배열 길이) 2. trim : 문자열 양쪽 끝 ..
JavaScript 2021. 6. 6. 10:52
26. (javascript/자바스크립트) indexOf 문자 포함 및 인덱스 위치, startsWith 및 endsWith 특정 문자 시작 종료, includes 문자 포함 확인

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. indexOf : 특정 문자가 포함되는 인덱스 위치값을 반환해줍니다 (없으면 -1값) 2. startsWith..
JavaScript 2021. 6. 6. 10:40
25. (javascript/자바스크립트) slice 사용해 문자열 및 배열 데이터 복사 (copy) 수행 실시 - length 길이 확인

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. slice : begin부터 end 전까지의 복사본합니다 2. slice(시작, 종료전) 까지 의미로 사용합니..
JavaScript 2021. 6. 6. 10:07
24. (javascript/자바스크립트) new Date 사용해 현재 날짜 연, 월, 일, 시, 분, 초, 요일 확인 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. new Date() : 로컬 PC에 설정된 현재 날짜 및 시간 데이터를 얻어옵니다 2. 자바스크립트에서 월(m..
JavaScript 2021. 6. 6. 09:54
23. (javascript/자바스크립트) Math floor , Math Random 을 사용해 1부터 10까지 랜덤 정수값 출력 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. Math.floor : x와 같거나 작은 수 중에서 가장 큰 정수를 반환합니다 2. Math.Random : ..
JavaScript 2021. 6. 6. 08:45
22. (javascript/자바스크립트) Math 객체 사용해 min , max , abs , round , ceil , floor , trunc 값 출력 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. Math 객체는 수학에서 자주 사용하는 상수와 함수들을 미리 구현해 놓은 자바스크립트 표준 내장 객체입니다 2..
JavaScript 2021. 6. 6. 08:30
21. (javascript/자바스크립트) new Array 사용해 배열 데이터 복사 (copy) 수행 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. new Array : 자바스크립트에서 배열을 생성할 때 사용합니다 2. new Array(배열) : 배열을 생..
JavaScript 2021. 6. 6. 03:51
20. (javascript/자바스크립트) join 사용해 배열 값들을 서로 연결해 문자열로 만들기 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. join : 배열에 포함된 모든 값을 연결해 문자열로 만들어줍니다 2. str_arr.join("-") : 각..
JavaScript 2021. 6. 6. 03:43
19. (javascript/자바스크립트) charAt 특정 문자 출력, split 특정 문자열 기준 분리, substring 특정 문자열 부분 출력 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. charAt(인덱스) : 특정 문자를 출력할 때 사용합니다 2. split(분리 문자) : 특정 문자를 기준으..
JavaScript 2021. 6. 5. 21:19
18. (javascript/자바스크립트) replace 사용해 특정 문자 변경, 공백 제거, 특수 문자 변경 실시 - replaceAll 기능 추가 구현

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. replace : 자바스크립트에서 특정 문자를 변경할 때 사용합니다 2. /문자/gim : 자바스크립트에서 r..
JavaScript 2021. 6. 5. 20:55
17. (javascript/자바스크립트) indexOf , 동등 연산자를 사용해서 contains , equals 비교 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. indexOf : 특정 값이 포함된 번지수를 나타냅니다 2. 자바스크립트에서 contains 기능을 대체로 수..
JavaScript 2021. 6. 5. 20:29
26. (html/css/javascript/jquery) 드래그 앤 드롭 (drag and drop) 기능을 사용해 div 속성값 교체 실시 - 브라우저, 모바일

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /*=================== [브라우저 단 처리] ===================*/ /* 드랍할 위치 태그에 다른 이벤트가 발생하는 것을 방지 */ function allowDrop(evt) { evt.preventDefault(); }; /* 드래그 시 이벤트 함수 */ function drag(evt) { /* 선택한 div id 값 확인 */ dragId = evt.target.id..
FrontEnd 2021. 6. 4. 10:56
16. (javascript/자바스크립트) 프로토 타입(prototype) 사용해 클래스 구조체 객체 정의 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. 프로토타입(prototype) : 상속되는 정보를 제공하는 객체입니다 (클래스 구조체 개념) 2. 프로토타입은..
JavaScript 2021. 6. 4. 09:58
15. (javascript/자바스크립트) eval 사용해 문자열 연산식 수행 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. eval : 문자열로 표현된 자바스크립트 코드를 실행하는 함수 2. int_one + int_two 연산을 실..
JavaScript 2021. 6. 4. 09:34
11. (javascript/자바스크립트) switch case default 구문을 사용해 사용자 점수 확인 및 학점 출력 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. switch case : 조건문으로 switch 부분에 조건을 입력하고 case 부분에 만족되는 결과를 실행합..
JavaScript 2021. 6. 4. 07:53
10. (javascript/자바스크립트) if else 구문을 사용해 사용자 점수 확인 및 학점 출력 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. if else : 조건문으로 특정 조건을 만족할 시 프로그램 연산을 실행합니다 2. 점수가 90 보다 크거나 ..
JavaScript 2021. 6. 3. 10:28
9. (javascript/자바스크립트) isNaN (Not a Number) 사용해 문자 포함 여부 확인 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. NaN : Not a Number 를 의미합니다 (즉, 숫자가 아니다) 2. NaN 은 숫자를 계산 시 중간에..
JavaScript 2021. 6. 3. 10:17
8. (javascript/자바스크립트) typeof 사용해 변수 데이터 타입 확인 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. typeof : 피연산자의 타입을 반환합니다 2. [typeof 값] 방식으로 사용합니다 */ /* =====..
JavaScript 2021. 6. 3. 10:01
7. (javascript/자바스크립트) 삼항식 연산자를 사용해서 두 정수 값 중 더 큰 (max) 정수값 출력 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. 삼항 연산자는 유일하게 피연산자를 세 개나 가지는 조건 연산자입니다 2. (one >= two) ? one :..
JavaScript 2021. 6. 3. 09:51
Prev 1 ··· 4 5 6 7 8 Next