JS31 [JavaScript] 제어문_조건문(switch) 1. switch switch문은 if문과 같은 조건문이다. if문보다 조금 더 쉽게 특정 변수를 다양한 상황에서 비교할 수 있다. switch문은 하나 이상의 case으로 구성이 된다. default도 있지만, 필수는 아니다. 변수 x의 값과 첫 번째 case 의 값과 비교 후 일치 하지 않으면, 두 번째 case 의 값과 비교하며, 쭉 내려가게 된다. case 에서 변수 x의 값과 일치하는 값을 찾으면 해당 case의 아래의 실행문이 실행된다 이때, break문을 만나거나 switch 문이 끝나면 코드의 실행은 멈춘다. 값이 일치하는 case가 없으면 default 아래의 코드가 실행된다. default가 없으면 실행없이 종료 된다. switch(x) { // 조건식이 true일 때 아래 실행문들 동.. 2022. 11. 27. [JavaScript] 제어문_조건문(if) ○제어문 코드의 실행 흐름을 원하는 방향으로 바꿀 수 있도록 해주는 것이 제어문이다. 제어문의 종류에는 조건문과 반복문이 있는데, 조건문은 if, switch가 있고, 반복문에는 for, while, do-while이 있다. 1. if if문은 if의 뜻 처럼 만약에 라는 뜻을 담고 있다. 조건식을 지정하여, 해당 조건식의 값이 true 일때 실행문이 있는 {} 괄호 안으로 들어간다. 조건식이 일치하지 않아 false를 반환할 경우 {} 안으로 들어가지 않고, 넘어가게 된다. if(조건문) { // 조건식이 true일 때 아래 실행문들 동작, false면 미실행 실행문; } if문을 사용하는 방법은 위와 같다. const a = true; if(a) { // 조건식이 맞으면 true 반환 console... 2022. 11. 27. [JavaScript] 연산자(3) 6. 논리연산자 논리 연산자는 논리식을 판단하여, 참(true)과 거짓(false)을 반환한다. 6-1. and 연산자 and 연산자는 값이 전부 true인 경우에만 true를 반환한다. 6-2. or 연산자 or 연산자는 값에 하나라도 true 가 포함되면 true를 반환한다. 6-3. 복합 사용 and 연산자와 or 연산자를 같이 사용하게 될 경우 and 연산자보다 or연산자를 우선으로 계산하게 된다. console.log(true && true || true); // true || true -> true 반환 후 && true 와 논리 판단 -> true && true = true // 값은 true 6-4. NOT 연산자 논리식의 결과가 true이면 false를, false이면 true를 반환한다.. 2022. 11. 27. [JavaScript] 연산자(2) 4. 증감연산자 증감 연산자는 1씩 증가 혹은 1씩 감소시킬 때 사용하는 연산자이다. 이 연산자는 피연산자가 단 하나뿐인 단항 연산자이다. 4-1. 전위 증감 연산자 전위 증감연산자는 증감연산자 값을 먼저 증가시키고 100 값을 더하게 된다. (100 + 2) 4-2. 후위 증감 연산자 후위 증감연산자는 산술 연산자 값을 먼저 합하고 뒤에 증가 연산을 진행이 된다. (100 + 1) 전위 증감 연산과 후위 증감 연산의 단항 연산자에서의 값은 똑같다. 5. 비교연산자 비교 연산자는 비교값 사이의 상대적인 크기를 판단하여, 참(true)과 거짓(false)을 반환한다. 5-1. 비교 값이 같은경우 비교 값이 같은 경우 true를 반환한다. 5-2. 비교 값이 다른경우 비교 연산자를 사용할때, 맞는경우가 아닌.. 2022. 11. 27. [JavaScript] 연산자(1) 1. 산술 연산자 사칙연산을 다루는 기본적이면서도 가장 많이 사용되는 연산자이다. 값의 결합 방향은 왼쪽에서 오른쪽입니다. ex) a + b = ab 1-1. 결과 값을 다른 변수에 할당 연산한 값을 다른 변수에 저장하여 출력 하는것도 가능하다. 1-2. 문자열 연산 산술 연산을 할때, 숫자 값만 연산이 되는게 아니고 문자열도 연산이 가능하다. 문자열의 연산은 값을 섞어서 다른 값으로 만드는게 아닌 값을 합치는 역할을 하게 된다. 1-3. 문자열과 다른 타입의 더하기 연산 문자열과 문자열이 아닌 다른 타입의 연산들을 더하게 되면 값은 그대로 문자열의 더하기 연산처럼 출력을 하게 된다. 2. 대입 연산자 대입 연산자는 변수에 값을 대입할 때 사용하는 연산자 이다. 또한, 앞서 살펴본 산술 연산자와 결합한 .. 2022. 11. 27. [JavaScript] 데이터타입 1. 동적 타이핑 자바스크립트는 loosely typed 언어, 혹은 동적 언어이다. 변수의 타입을 미리 선언할 필요가 없는 언어이다. 타입은 프로그램이 처리되는 과정에서 자동으로 정해진다. 또한 그 말은 같은 변수에 여러 타입의 값을 넣을 수 있다는 뜻이다. 출처 : [JavaScript MDN] 1-1 데이터 타입 데이터 타입은 typeof 를 사용하여 알아볼 수 있다. 자바스크립트에서 type으로 구분 되는 데이터 종류로는 number , boolean , string , undefined , object 가 있다. number (숫자형) 값에 숫자만 있다면 자동으로 타입은 number로 인식한다. 자바스크립트에서는 숫자형 같은 경우는 정수든 소수든 전부 number 로 인식한다. boolean (.. 2022. 11. 27. [JavaScript] 상수(const) 1. 상수(const) 프로그래밍에서의 상수는 프로그램이 실행되는 동안 '값이 고정되어 변경할 수 없는 메모리 공간'을 의미합니다. 변수처럼 정의해서 사용할 수 있습니다. 1-1 상수 특징 변수를 사용하려면 변수 선언을 했듯이 상수도 변수처럼 정의하여 선언을 해 사용한다. 변수의 선언은 값을 선언하고 그것을 다른 값으로 변경 해줄 수 있다면, 상수의 특징은 값을 선언하면 그 값을 변경 할 수가 없다. 1-2 결과 할당을 한 변수는 다른 값을 넣어주면 변경이 불가능하다. 출력 순으로 확인했을 경우, 첫번째 console.log는 출력이 되었지만 두번째 출력에서는 에러가 나타나게 된다. 2022. 11. 27. [JavaScript] 변수(let , var) 1. 변수 (let , var) 프로그래밍에서의 변수는 하나의 데이터를 담는 저장 공간이다. 변수의 사전적 의미는 변할수있는 값이라는 뜻이다. 프로그래밍 속에서의 변수도 변할수 있는 데이터 값을 의미한다. 1-1 변수선언 변수를 사용하려면 변수 선언이라는 걸 먼저해야한다. 컴퓨터에게 이건 이런 변수니까 기억해 라고 알려주는 일이라고 생각 하면 된다. 자바스크립트 속의 장점은 변수를 선언 할때, 다른 언어들에서는 변수명 + 타입을 같이 표기 해줘야 하지만 자바스크립트에서는 숫자와 문자 데이터 오브젝트의 값들에 대한 타입 표기를 하지 않아도 된다. 변수의 이름을 만들어준다음에 그 변수라는 저장 창고안에 하나의 데이터값을 입력하는 것을 할당이라고 한다. number 라는 변수명을 만들고, 그 변수에게 너의 데.. 2022. 11. 27. [JavaScript] JS 사용하기 JavaScript 사용해보기 html css의 정적인 부분에 동적인 기능을 더하기 위해 사용 한다고 했던 자바스크립트를 사용하기 위해서는 태그를 사용해야한다. css와 같이 인라인태그로써 사용도 가능하고, 별도의 JS파일을 참조하여 불러와서 사용 할 수도있다. 01. HTML에서 인라인에서 script 사용하기 html 파일 속 인라인태그로 스크립트를 사용하는 방식은 해당 html 파일 안에 script태그를 사용하여 태그 속에 내용을 넣어주는 방식이다. 태그 속 내용을 집어 넣는 방식이다. * console.log()는 개발자도구에 console이라는 페이지에 문자열을 출력하게 하는 방법이다. 02. HTML 밖에서 별도의 JS 파일을 가지고 오기 html 파일 안에서가 아닌 다른 외부 파일로 js .. 2022. 11. 27. 이전 1 2 3 4 다음 728x90
