목록JavaScript (412)

투케이2K

32. (javascript/자바스크립트) Promise 사용해 비동기 작업 처리 수행 실시 - 타입별 로직 분류 처리

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. Promise : 자바스크립트 비동기 처리에 사용되는 객체입니다 2. 비동기 처리 : 특정 코드의 실행이 완료..
JavaScript 2021. 6. 7. 09:53
31. (javascript/자바스크립트) setTimeout 사용해 일정 시간 후 작업 실행 및 setInterval 사용해 일정 시간마다 반복 실행 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. setTimeout : 일정 시간이 지난 후에 함수를 실행합니다 (일반적으로 일회용, 재귀호출로 반복 실행 가..
JavaScript 2021. 6. 7. 09:12
30. (javascript/자바스크립트) JSON Object Array 객체 생성 및 데이터 파싱 수행 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. JSON은 자바스크립트의 객체 표기법을 제한하여 만든 텍스트 기반의 데이터 교환 표준입니다 2. JSON.st..
JavaScript 2021. 6. 7. 08:28
29. (javascript/자바스크립트) try catch finally 구문을 사용해 에러 상황 확인 및 대체 코드 작성 실시 - throw new Error 강제 에러 발생

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. try catch finally 는 자바스크립트에서 에러 구문 발생을 확인할 때 사용합니다 2. try 로직 ..
JavaScript 2021. 6. 7. 07:58
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
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
14. (javascript/자바스크립트) 자바스크립트 배열 생성, 데이터 추가, 데이터 삭제, 특정 값 포함 여부 확인 - Array 배열, 리터럴 배열

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. [], new Array : 자바스크립트에서 배열을 선언할 때 사용합니다 2. push : 배열에 데이터를 추..
JavaScript 2021. 6. 4. 09:10
13. (javascript/자바스크립트) while true 무한루프 반복문을 사용해서 순차적 합계 더하기 및 break 종료 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. while 문은 while(조건) 방법으로 사용합니다 2. while(true) : 무한루프를 의미합니다 (b..
JavaScript 2021. 6. 4. 08:19
Prev 1 ··· 17 18 19 20 21 Next