funfunweb

조건문은 특정 조건 만족시 어떤 작업을 수행하고 싶을때 사용. //if문 if(조건식) {조건이 참일 경우 실행문;} //if ~ else 문 if(조건식) { 조건이 참일 경우 실행문 }else{ 조건이 거짓일 경우 실행문} //if ~ else if ~ else문 else if 는 여러개 넣을 수 있음. if(1조건식) { 1조건식 참일 경우 실행문 }else if(2조건식) { 2조건식 참일 경우 실행무 }else if(3조건식) { 3조건식 참일 경우 실행무 }else{ 3조건식도 거짓일 경우 실행문} https://codepen.io/luchiaChoi/pen/poQEgqr?editors=0010 조건식 if ... codepen.io if ~ else https://codepen.io/luch..

condition ? value1 : value2;삼항 연산자는 JavaScript에서 세 개의 피연산자를 받는 유일한 연산자이다.조건 연산자는 주어진 조건에 따라 두 값 중 하나를 반환한다. condition 의 조건이 참이면 value1 수행, 거짓이면 value2수행   https://codepen.io/luchiaChoi/pen/mdQrVLN?editors=0010  javascript : 삼항(조건)연산자...codepen.io 다중 삼항 연산자 하나 이상의 조건이 있을 경우, 물음표를 여러개 사용하여 표현할 수 있다.예)prompt 를 이용하여 사용자에게 좋아하는 숫자를 입력받는다. 변수 num 에 저장하고입력된 숫자가 10 이하면 문서에 10이하입니다. 20이하면 20이하입니다. 아니면 20..

논리 연산자 논리 연산자는 보통 불리언(논리) 값과 함께 사용해서 불리언 값을 반환합니다. 그러나 &&와 || 연산자는 사실 두 피연산자 중 하나를 반환하는 것으로, 만약 둘 중 하나가 불리언 값이 아니라면 논리 연산자의 반환 값도 불리언 값이 아닐 수 있습니다. false 로 변환할 수 있는 표현식은 결과가 null, 0, nan, 빈문자열(""), undefined 연산자 사용법 설명 and && let a = true && true 둘다 참(true)일때 참(true) 반환 or || let b = true || false 둘중 하나라도 참(true)이면 참(true) 반환 not ! let c = !true ; true 이면 false 반환, false 면 true 반환 https://codepe..

할당 연산자 할당 연산자는 오른쪽 피연산자의 값을 왼쪽 피연산자에 할당한다. 기본적인 할당 연산자는 오른쪽의 피연산자 값을 왼쪽 피연산자 값에 할당하는 등호(=)로, x = y 는 y의 값을 x에 할당한다. 기본 할당 연산자는 등호(=) 다른 할당 연산자는 다른 연산과 할당의 축약형이다 연산과 할당을 동시에 수행하는 복합 할당 연산자도 존재한다. https://codepen.io/luchiaChoi/pen/XWyjXja?editors=0011 javascript -Assignment operators(할당 연산자) ... codepen.io let x = 4; let y = 3;​ 이름 단축 연산자 뜻 할당 = x = y x 에 y 를 넣어라..ex) x = 3 더하기 할당 += x += y x = x ..

비교 연산자는 피연산자를 서로 비교하고, 비교 결과가 참인지에 따라 논리 값을 반환한다. 피연산자로는 숫자, 문자열, 논리형, 객체 값을 사용할 수 있다. 만약 두 피연산자가 서로 다른 타입이면 피연산자들을 서로 비교하기에 적합한 타입으로 변환한다. 이 동작은 대개 두 값을 모두 숫자로 변환한 후 비교한 결과가 나온다. 비교 연산에서 발생하는 타입 변환의 유일한 예외는 === 과 !== 연산자를 사용해 엄격 일치와 불일치 비교를 수행하는 경우인데 두 연산자를 비교 전에 피 연산자를 변환하지 않는다. const num1 = 5; const num2 = 6; 연산자 설명 true 반환하는 예제 == 피연산자가 서로 같으면 true 반환 5='5' , num1 == 5 , num1 == '5' != 피연산자가..

앞서 살펴 본 바와 같이 data type에는 number(숫자)데이터 string(문자)데이터 boolean(논리)데이터 undefined데이터 null 데이터가 있다. 자동 형변환(묵시적 타입 변환) See the Pen javascript:data type by 정은 (@luchiaChoi) on CodePen. 위 예제처럼 문자데이터와 숫자데이터를 + 연산자를 이용하여 연산하게 되면 문자로 바뀌게 된다. 문자데이터("5")와 문자데이터("7") 를 + 를 제외한 나머지 연산자(-,*,/,%) 로 연산하게 되면 자동으로 숫자로 바뀌게 된다. 이를 자동 형 변환(묵시적 타입 변환) 이라 한다. "5" - "3" = 2 string - string = number * 원인을 찾기 힘든 error 를 발..

ECMAScript 2015(ES6)에 추가된 템플릿 문자열을 이용하면 ' + ' 연산자를 사용하지 않고 문자나 변수를 연결할 수 있다. 문자열에 큰 따옴표나 작은따옴표 대신 백틱/백쿼드(`)를 사용하고 ${변수}로 표현한다. console.log(`${변수이름} 내용 ${변수이름}`); document.write(`${변수이름} 내용 ${변수이름}`); 연산자 프로그램에 필요한 수식을 만들때 사용한다. 연산자의 종류로는 산술연산자, 대입연산자, 비교연산자, 논리 연산자, 비트 연산자, 삼항 연산자 등이 있습니다. 산술연산자 산술연산자 종류 속성 설명 + 더하기 연산, 문자와 문자 연결할때 사용 - 빼기 연산 * 곱하기 연산 / 나누기 연산 % 나머지 ++ 1씩 증가 -- 1씩 감소 See the Pen..

Data type 이란 프로그램에서 다룰 수 있는 값의 종류이다. 자바스크립트에서 다루는 data type 에는 원시타입(primitive data type)과 객체타입(object/reference type)이 있다. 원시타입 1. 숫자(number) 정수, 소수점, 지수를 표현할 수 있다. let num1 = 100; let num2 - 100.00; 숫자형은 사칙연산이 가능하다. + 더하기 - 좌변과 우변에 숫자가 아닌 문자나 변수등이 오면 더하기 연산이 아닌 연결 연산을 한다. - 빼기 * 곱하기 / 나누기 % 나머지 let zero = 0; let one = 1; let two = 2; 2. 문자열(string) 문자열은 따옴표 안에 저장한다. 큰따옴표(" "), 작은따옴표(' ') , 백틱(`..

변수란? 말 그대로 변하는 값으로 데이터가 변하는데 데이터를 처리하기 위해서는 데이터를 저장하는 공간이 있어야 하는데 그 공간을 우리는 변수라고 부릅니다. var a = "data"; a라는 변수를 만들고 그 안에 data 라는 값을 대입시켜라. 위에서 var - 변수를 만들겠다고 선언 a - 변수의 이름(data 가 들어갈 공간의 이름) = - 대입시켜라 "data" - data 문자 하지만 ECMA6버전부터는var 대신 let, const 를 사용한다.(자세한 내용은 추후 포스팅 예정) 변수이름 정하는 규칙 1. 이해하기 쉽게 2. 숫자로 시작하지 않는다. 3. 특수문자 사용 안되지만 예외적으로 $, _ 는 가능하다. 4. 예약어는 불가능 5. camelCase 방법으로 정한다. 예약어 -www.w3..

HTML과 CSS로 만들어진 웹페이지를 동적으로 변경해주는 언어입니다. 웹을 위한 인터프리터 언어이자 객체기반의 스크립트 프로그래밍 언어로 웹페이지를 조작하고, 클라이언트-서버 간에 상호작용에 관한 모든 일을 관여합니다