목록전체 글 (7708)

투케이2K

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
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
12. (javascript/자바스크립트) for 반복문을 사용해서 순차적으로 합계 더하기 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. for (var i=1; i
JavaScript 2021. 6. 4. 08:10
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
6. (javascript/자바스크립트) 산술 연산자, 비교 연산자, 대입 연산자, 논리 연산자, 비트 연산자 종류

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [산술 연산자] ​ [비교 연산자] ​ [대입 연산자] ​ [논리 연산자] ​ [비트 연산자] ​ /* =========================== */
JavaScript 2021. 6. 3. 09:41
5. (javascript/자바스크립트) 자바스크립트 증감 연산자 사용해 더하기, 빼기 수행 실시 - 선행 증감, 후행 증감

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. 선행 증감 : 먼저 피연산자의 값을 더하기 및 빼기 시킨 후에 해당 연산을 진행한다 2. 후행 증감 : 해당 ..
JavaScript 2021. 6. 3. 09:00
4. (javascript/자바스크립트) var 변수 선언 및 늦은 정의 수행 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. var : 동적으로 변경 가능한 변수 선언 방식입니다 */ /* =========================..
JavaScript 2021. 6. 3. 08:43
3. (javascript/자바스크립트) string , number (int) , float , boolean 데이터 형변환 수행 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : javascript /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​ /* =========================== */ [요약 설명] ​ /* [JS 요약 설명] 1. String : 변수를 string 형태로 형변환 시 사용합니다 2. Number : 변수를 int 형태로 형..
JavaScript 2021. 6. 3. 08:23
25. (html/css/javascript/jquery) onclick location href 사용해 특정 태그, url, 파일 이동 실시

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ ​ /* =========================== */ [소스 코드] /* =========================== */ ​ /* =========================== */ [결과 출력] ​ /* =========================== */ ​
FrontEnd 2021. 6. 2. 17:44
Prev 1 ··· 343 344 345 346 347 348 349 ··· 386 Next