본문 바로가기
함수(Function) (1) - 선언, 호출, 매개변수, 인자, return 2020. 2. 16. 자바스크립트의 핵심은 함수에 있다해도 과언이 아니다. 함수는 중복되는 코드를 하나로 만들고, 필요할 때마다 재사용(reusable)이 가능한 코드이다. 함수 선언 및 호출 함수 식별자는 해당 함수가 어떤 것인지 보기 좋게 이름 짓는 것이 좋다. 함수 매개변수(Parameter) 및 인자(Argument) 함수에는 매개변수(Parameter), 인자(Argument)가 있다. 매개변수는 함수를 선언할 때 주는 값이고, 인자는 함수를 호출할때 입력하는 실제 값이다. function addFunc(a, b){ console.log(a + b); } addFunc(3, 7); // output: 10 인자에 입력하는 값은 또 다른 변 수 일 수도 있다. 위의 함수를 아래와 같이 사용할 수도 있다. var x =..
조건문(2) - switch문 2020. 2. 15. switch문은 else if문과 비슷한 구조를 갖고 있다. 이 전에 쓴 if문의 예시를 통해(2020/02/07 - 조건문(1) - if문) switch문을 만들어 보겠다. var signal = '초록'; switch(signal) { case '초록': console.log('직진하세요'); break; case '빨강': console.log('정지하세요'); break; case '노랑': console.log('서행하세요'); break; default: console.log('없는 신호입니다'); break; } // output: 직진하세요 switch(변수) { case '값': console.log('출력 내용 입력'); break; (멈춤) } - case '값'에는 else if의 ..
연산자(Operators) (3) - 비교, 논리 관련 2020. 2. 15. 우리가 흔히 아는 연산자에는 +, -을 제외하고도 , = 등이 있다. 그 중 자바스크립트의 반복문, 조건문에서 빈번하게 사용되는 것이 이번 글에서 소개할 연산자들이다. 비교 연산자(Comparison Operators) 1. 보다 작은(Less than): 3. 작거나 같은(Less than or equal to): = 4. 같은(Is equal to): === 5. 같지 않은(Is Not equal to): !== 10 < 12 // output: true 'apple' === 'orange' // output: false ===은 비교하는 객체의 데이터타입과 내용이 같은지 비교하는 것이다 논리 연산자(Logical Operators) 논리 연산자는 boolean(true, false)값들과 쓰이며, ..
조건문(1) - if문 2020. 2. 7. 가장 대표적인 조건문(Conditional Statements)은 if문이다. 쉽게 말해 '초록불이면 직진, 빨간불이면 정지'라는 조건을 만들 수 있는 것이다. 조건문은 보통 논리연산자와 비교 연산자를 사용한다. (다른 글을 통해 설명할 예정이다) if문은 크게 if문, else문, else if문으로 나뉜다. if문 if (true) { console.log('해당 메세지가 출력됩니다.'); } // output: 해당 메세지가 출력됩니다. if ( 조건 ) { 조건이 참일 경우 실행할 내용 } - 조건이 참일 때 if문이 실행된다. - 조건에 바로 Boolean을 넣을 수도 있고, 혹은 아래처럼 비교연산자를 사용할 수도 있다. var a = 5; if ( a === 5 ) { console.log('..
원시타입, 참조타입 차이점 2020. 2. 7. 자바스크립트의 원시타입과 참조타입이 있다. 원시타입은 숫자(Number), 문자열(String), 논리형(Boolean), Null, Undefined이고, 참조타입은 함수(Fucntion), 배열(Array), 객체(Object)이다. 가장 큰 차이점은 참조타입의 경우 원본이 바뀌면 복사본도 똑같이 따라 바뀌는 반면, 원시타입은 그렇지 않다는 것이다. 원시타입(Primitive type) var str1 = 'today'; var str2 = str1; str1 = 'yesterday'; console.log(str1); // output: yesterday console.log(str2); // output: today str1을 'yesterday'로 재할당 하자, str1은 바뀐 값으로 출력되지만..
데이터 타입 (2) - 참조타입(Function, Array, Object) 2020. 1. 26. 자바스크립트 데이터 타입(Data Types)은 크게 원시타입(Primitive type)과 참조타입(Reference type), 2가지로 나뉜다. 참조타입(Reference type) 1. Function(함수) - 한 번 만들어두면 재사용 가능하다. // 함수 선언 function fun1() { console.log('Hi!'); } // 함수 호출 func1(); - 함수에는 a. 전달된 값을 받아들이는 변수: 매개변수(Parameter)와 b. 어떤 함수를 호출시 전달되는 값: 인자(Argument)가 존재하며, 1개 이상의 매개변수와 인자 삽입이 가능하다. function todayDate(date) { // date = 매개변수(parameter) console.log('오늘은 ' + da..
연산자(Operators) (2) - 문자열 관련 2020. 1. 26. 자바스크립트 연산자로 다양한 작업을 할 수 있다. 문자와 관련된 연산자 활용법에는 문자열 연결(String Concatenation), 템플릿 리터럴(Template literal), 그리고 typeof 연산자가 있다. 문자열 연결(String Concatenation) 더하기(+) 연산자는 문자열을 잇는데도 사용된다. console.log('h' + 'i'); // output: hi console.log('wow' + '!'); // output: wow! // 띄어쓰기를 원한다면 공백을 추가해줘야 함 console.log('Hello' + ' World!'); // output: Hello World! console.log('no' + 'space'); // output: nospace consol..
연산자(Operators) (1) - 숫자 관련 2020. 1. 26. 자바스크립트 연산자로 다양한 작업을 할 수 있다. 연산자는 크게 산술연산자(Arithmetic Operators), 대입연산자(Mathmatical Assignment Operators) 그리고 증감연산자(Increment and Decrement Operator)가 있다. 산술연산자(Arithmetic Operators) 1. 더하기(Add): + 2. 빼기(Subtract): - 3. 곱하기(Multiply): * 4. 나누기(Divide): / 5. 나머지(Remainder): % console.log(3 + 4); // output: 7 console.log(5 - 1); // output: 4 console.log(4 * 2); // output: 8 console.log(9 / 3); // o..

티스토리툴바