BeomBeomJoJo

웹 프로그래밍/JavaScript (32)

[JavaScript] JavaScript switch문

웹 프로그래밍/JavaScript 범범조조 2020. 12. 19. 00:00

안녕하세요. 오늘은 JavaScript에서 조건문에 대해서 알아보려고 합니다. 지난번 앞 포스팅에서 IF 구문을 이용하여 조건문 예제 코드를 작성해 보았는데요. 오늘은 switch문을 이용하여 조건문을 작성해 보려고 합니다. Switch 문은 if/else 구문과 마찬가지로 주어진 조건 값에 따라 프로그램이 다른 명령을 수행하도록 하는 조건 문입니다. 그럼 마찬가지로 switch 구문을 사용한 예제 코드를 작성해 보도록 하겠습니다. 예제 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 JavaScript 연습 - 범범조조 h1{ color: white; background..

더 읽기

[JavaScript] JavaScript 조건문

웹 프로그래밍/JavaScript 범범조조 2020. 12. 18. 00:00

안녕하세요. 오늘은 JavaScript에서 조건문에 대해서 알아보려고 합니다. 조건문이란? 프로그램 내에서 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행 문이라고 정의가 되어 있습니다. 그럼 위의 개념을 토대로 JavaScript에서 조건문을 어떻게 표현을 하는지 예제를 통해서 알아보도록 하겠습니다. 예제 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 JavaScript 연습 - 범범조조 h1{ color: white; background-color: red; } 조거문 예제코드 var x = 10; var y = 20; if(x == y){ document.wri..

더 읽기

[JavaScript] JavaScript 날짜를 문자, 숫자로 변환하기

웹 프로그래밍/JavaScript 범범조조 2020. 12. 17. 00:00

안녕하세요. 오늘은 JavaScript에서 타입들을 변환하는 방법에 대해서 공부해 보려고 합니다. 그 중에서도, 날짜형의 타입을 문자 혹은 숫자형의 타입으로 변환하는 방법에 대해서 알아 보도록 하겠습니다. 그럼 예제 코드를 통해서 어떻게 날짜형의 타입을 문자나 숫자로 변환하는지 공부해 보겠습니다. 예제 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 JavaScript 연습 - 범범조조 h1{ color: white; background-color: red; } 날짜를 문자나 숫자형으로 변환하는 방법 var strDate = String(Date())..

더 읽기

[JavaScript] JavaScript 산술 연사자

웹 프로그래밍/JavaScript 범범조조 2020. 12. 16. 00:00

안녕하세요. 오늘은 JavaScript에서 산술 연산자 사용하는 방법에 대해서 알아 보도록 하겠습니다. JavaScript에서 기본적으로 제공해주는 연산자는 +, -, *, /, % 로 총 5가지의 연산자를 제공해 주고 있습니다. 이 중에서 덧세, 뺄셈, 곱셈, 나눗셈은 당연히 기호를 아실거라 생각하고 넘어가고, % 연산자만 어떤 연산자인지 모르시는 분들을 위해서 간단히 설명해 드리도록 하겠습니다. % 연산자는 “왼쪽 피연사자의 값을 오른쪽 피연산자의 값으로 나눈 후, 그 나머지 값을 반환하는 연산자” 라고 생각 하시면 되겠습니다. 그럼 이 연산자들을 코드에서 어떻게 작성하는지 예제 코드를 통해서 알아보도록 하겠습니다. 예제 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17..

더 읽기

[JavaScript] JavaScript 타입 변환

웹 프로그래밍/JavaScript 범범조조 2020. 12. 15. 00:00

안녕하세요. 오늘은 JavaScript에서 타입들을 변환하는 방법에 대해서 공부해 보려고 합니다. 앞서, JavaScript에는 다양한 타입들이 존재하는 걸 확인했는데요. 오늘은 그 타입들을 유연하게 변환할 수 있는 방법에 대해서 알려 드리려고 합니다. 예제 코드를 통해서 바로 알아 보도록 하겠습니다. 예제 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 JavaScript 연습 - 범범조조 h1{ color: white; background-color: red..

더 읽기

[JavaScript] JavaScript 기본 타입 종류

웹 프로그래밍/JavaScript 범범조조 2020. 12. 14. 00:00

안녕하세요. 오늘은 JavaScript에서 기본 타입 종류에 대해서 알아 보려고 합니다. 타입이란, 프로그램에서 다룰 수 잇는 값의 종류를 의미하는데요. JavaScript에서 타입은 크게 아래와 같습니다. 1 숫자. 2. 문자열 3. 불리언 (참, 거짓) 4. 심볼 5. undefined 6 객체 위와 같이 JavaScript 에서 제공하는 기본 타입은 크게 6가지 입니다. 이제 이 타입들을 JavaScript에서 어떻게 선언하는지 예제 코드를 통해서 연습해 보도록 하겠습니다. 예제 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 4..

더 읽기

[JavaScript] JavaScript 를 HTML에 적용하기

웹 프로그래밍/JavaScript 범범조조 2020. 12. 13. 00:00

안녕하세요. 오늘은 JavaScript 언어를 HTML에 적용하는 방법에 대해서 알려 드리려고 합니다. JavaScript를 HTML에 적용하는 방법은 크게 2가지 방법이 있습니다. 첫 번째로는 내부적으로 JavaScript 코드를 작성해서 적용하는 방법이 있고, 두 번째로는 외부적으로 작성된 JavaScript 파일을 HTML에 적용하는 방법 크게 2가지 방법이 있는데요. 오늘은 이 2가지 방법에 대해서 예제 코드를 통해서 어떻게 HTML에 적용하는지 연습해 보도록 하겠습니다. 예제 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 4..

더 읽기

[JavaScript] JavaScript 출력하기

웹 프로그래밍/JavaScript 범범조조 2020. 12. 12. 00:00

안녕하세요. 오늘부터는 지난번 HTML, CSS 공부에 이어서 JavaScript라는 언어도 함께 공부해서 포스팅 하려고 합니다. 웹을 공부하기 위해서는 기본적으로 HTML, CSS, JavaScript 언어의 개념은 익히고 다음 단계로 넘어가는게 수월하다고 해서 지금 매우 열심히 공부를 하고 있는데요. 오늘부터는 JavaScript도 함께 공부해서 그날 공부했던 내용들을 정리해서 블로그에 올리려고 합니다. 오늘은 그 첫 번째 시간으로, JavaScript에서 출력하는 방법에 대해서 알려 드리려고 합니다. 출력하는 방법은 여러가지 방법이 있으니까 예제를 통해서 보여 드리도록 하겠습니다. 예제 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 ..

더 읽기

Copyright © BeomBeomJoJo All Rights Reserved

Designed by JB FACTORY

티스토리툴바