본문 바로가기

전체 글115

자바스크립트 화살표 함수 단순하고 간결한 문법으로 함수를 만들수 있는 방법이 있다. let func = (arg1, arg2, ...argN) => expression 인자arg1,arg2,argN를 받는 함수func이 만들어진다.func는 화살표(=>)우측의 표현식(expression)을 평가하고 평가 결과를 반환한다. let sum = (a, b) => a + b; /* 위 화살표 함수는 아래 함수의 축약 버전입니다. let sum = function(a, b) { return a + b; }; */ alert( sum(1, 2) ); // 3 (a,b) => a+ b 는 인수 a와b를 받는 함수이다. 실행되는 분간 a + b를 평가하고 그겨로가를 반환한다. # 인수가 하나밖에 없다면 인수를 감싸는 괄호를 생략할 수 있다. .. 2020. 12. 4.
자바 스크립트 함수 함수 스크립트를 작성하다 보면 유사한 동작을 하는 코드가 여러곳에서 필요할 때가 많다. 함수선언 함수 선언 방식을 이용하면 함수를 만들 수 있다. function showMessage(){ alert("안녕하세요!"); } 키워드,함수 이름, 괄호로 둘러싼 매개변수를 차례로 써주면 함수를 선언할 수 있다. 매개변수가 여러개 있다면 각매개변수를 콤마로 구분해준다. 새롭게 정의한 함수 이름 옆에 괄호를 붙여 호출할 수 있다. function showMessage() { alert( '안녕하세요!' ); } showMessage(); showMessage(); shoMessage()로 함수를 호출하면 함수 본문이 실행된다. 지역 변수 함수 내에서 선언한 변수인 지역변수는 함수 안에서만 접근이 가능하다 외부 변.. 2020. 12. 4.
자바 스크립트 while 과 for 반복문 for (let i = 0; i < 3; i++) { // 0, 1, 2가 출력됩니다. alert(i); }​ while(condition){ //코드 // 반복문 본문(body) } contdition 이 true 이면 반복문 본문의 코드가 실행 반복문 본문이 한 번 실행 되는 것을 반복 (iteration, 이터테이션)이라고 부른다. 조건은 while에 의해 평가되고 평가 후엔 불린값으로 변경 #본문이 한줄이면 대괄호를 쓰지 않아도 된다. do..while 반복문 do { // 반복문 본문 } while (condition); 본문이 먼저 실행되고 조건을 확인 true이면 본문이 실행 do...while 문법은 조건이 true 인지 아닌지에 상관없이 본문을 최소한 한번 이라고 실행하고 싶을때만 사용하.. 2020. 12. 4.
자바 스크립트 null 병합 연산자 '??' null 병합 연산자 ?? 를 사용하면 짧은 문법으로 여러 피연산자 중 그 값이 확정되어 있는 병수를 찾을 수 있다. a ?? b 의 평가 결과 - a가 null도 아니고 undefined도 아니면 a - 그 외의 경우는 b ?? 와 || 의 차이 null 병합 연산자는 OR 연산자 || 와 상당히 유사해 보인다 실제로 ?? 를 || 로 바ㅜ꺼도 그 겨로가는 동일하기 까지 하다 차이점 - || 는 첫번째 true 값을 반환 - ?? 는 첫번째 정의된 값을 반환 null 과 undefined 숫자 0 을 구분지어 다뤄야 할 때 이 차이점은 매우 중요한 역할을 한다. let height = 0; alert(height || 100); // 100 alert(height ?? 100); // 0 height .. 2020. 12. 2.
자바스크립트 논리 연산자 자바스크립트에는 세종류의 논리 연산자 ||(OR) &&(AND) !(NOT)가 있다. || (OR) 'OR'연산자는 두 개의 수직선 기호로 만들 수 있다. OR연산자는 불린값을 조작하는데 쓰인다 인수중 하나라도 true이면 true를 반환하고 그렇지 않으면 false 를 반환한다. 자바스크립트 에서만 제공하는 논리연산자OR의 '추가' 기능 result = value1 || value2 || value3; 동작 순서 - 가장 왼쪽 피연산자부터 시작해 오른쪽으로 나아가면 피연산자를 평가 - 각 피연산자를 불린형으로 변환 변환후 그값이 true이면 연산을 멈추고 해당 피연산자의 변환 전 원래 값을 반환 - 피연산자 모두를 평가한 경우(모든피연산자가 false로 평가되는 경우)엔 마지막 피연산자(value3)를.. 2020. 12. 2.
자바스크립트 if와 ?를 사용한 조건처리 if문 if(...)문은 괄호 안에 들어가는 조건을 평가하여 그 결과가 true이면 코드 블록이 실행 #if 문을 쓸때는 조건이 참일 경우 실해오디는 구문이 단 한줄이더라도 중괄호 {}를 사용해 코드를 블록으로 감싸는 것이 권장 가독성 증가 불린형으로의 변환 if(...) 문은 괄호 안의 표현식을 평가하고 그 결과를 불린값으로 변환 숫자0, 빈문자열"",null,undefined,NaN은 불린형으로 변환시 모두 false else 절 if 문에는 else 절을 붙일 수 있다. else 뒤에 이어지는 코드 블록은 조건이 거짓일때 실행된다. else if 로 복수조건 처리하기 유사하지만 약간씩 차이가 있는 조건 여러 개를 처리해야 할때가 있다. 이때 else if 를 사용 조건부 연산자 ? 조건에 따라 다른.. 2020. 12. 2.
자바스크립트 비교 연산자 큼 작음 >,= , 2020. 12. 2.
자바스크립트 형 변환 함수와 연산자에 전달되는 값은 대부분 적절한 자료형으로 자동 변환된다. 이런 과정을 형 변환 이라고 한다. 문자형으로 변환( String(value) ) 문자형으로의 변환은 문자형의 값이 필요한 때 일어난다. 숫자형으로 변환( Number(value)) 숫자형으로의 변환은 수학과 관련된 함수와 표현식에서 자동으로 일어난다. alert( "6" / "2" ); // 3, 문자열이 숫자형으로 자동변환된 후 연산이 수행됩니다. # 숫자이외의 글자가 들어가 있는 문자열을 숫자형으로 변환하려고 하면 그 결과는 NaN이 된다. 불린형으로 변환(Boolean(value)) 숫자 0, 빈 문자열, null, undefined, NaN과 같이 직관적으로도 '비어있다고' 느껴지는 값들은 falsse가 된다. 그 외의 값은.. 2020. 12. 2.
자바스크립트 상호작용(alert,prompt,confirm) alert alert - 함수가 실행되면 사용자가 확인(OK)버튼을 누를 때가지 메시지를 보여주는 창이 계속 떠있게 된다. prompt 브라우저에서 제공하는 prompt 함수는 두 개의 인수를 받는다. result = prompt(title, [default]); 함수가 실행되면 텍스트 메시지와 입력필드, 확인 및 취소 버튼이 있는 모달 창을 띄워 준다. title : 사용자에게 보여줄 문자열 default: 입력필드의 초깃값(선택값) 인수를 감싸는 대괄호[...]의 의미 default를 감싸는 대괄호는 이매개변수가 필수가 아닌 선택값이라는 것을 의미 confirm confirm 함수는 매개변수로 받은 question과 확인 및 취소 버튼이 있는 모달 창을 보여준다. 2020. 12. 2.

티스토리툴바