cha123hein 님의 블로그

ES6문법 : javascript의 버전 중 하나로, 2015년에 발표되었다.1. let(변수), const(상수) : 이전에는 var만 사용되었다.const는 재할당이 안되나, let은 재할당이 안된다는 점이 다르다.var는 선언도 다시 할 수 있으나 let, const는 재선언이 불가하다. 2. 화살표함수 (arrow function)var add = (x) => {return 1;};var add = x => 1; 3. 삼항연산자condition ? true인 경우 : false인 경우console.log(true ? "참" : "거짓"); -> 참console.log(false ? "참" : "거짓"); -> 거짓console.log(1 === 1 ? "참" : "거짓"); -> 참console...

1. while문while(조건){메인로직증감} ex) i를 1씩 증가시켜 0에서 10까지 출력하시오.       let i=0;      while (i      console.log(i);      i++      }ex) i가 3초과 100미만일때 5의 배수만 출력하시오.      let i=3;      while (i>100){      if(i%5===0 && i>=5) {      console.log(i)       }     i++;     }  2. do~while : do를 먼저 코드 실행 후 while 코드를 실행한다.let i=0;do{console.log(i):i++;}while (i > 10);-> 원래는 i가 0이므로 i > 10이 성립되지않아 출력되지 않아야하지만, do 코..

1. for문for (초기값; 조건식; 증강식) {}ex) for (let i = 0; i console.log(+ i);}1) i 라는 변수는  0부터 시작한다.2) i 라는 변수는 10에 도달하기 전까지 계속된다.3) i 라는 변수는 한 사이클이 돌고 나면 1씩 증가한다. 배열에 적용도 가능한다.ex) const arr = ["one", "two", "three", "four", "five"];for (let i = 0; i console. log(i); -> 0~4console. log(arr[i]); -> one~five}-> 결과값으로 0, one, 1, two, 2, three, 3, four, 4, five 가 나온다.  2 for ~ in문 : 객체의 속성을 출력하는 문법let person..

1. 생성1-1. 기본 생성let fruits = ["사과", "바나나", "오렌지"];-> 순서가 0부터 시작된다. 1-2. 크기 지정let number = new Array(5);-> 크기가 5인 배열을 만들어 달라는 명령어 2. 요소 접근console.log(fruits [0]);-> fruits 객체의 0번째 즉 "사과"가 출력된다. 3. 배열 메소드3-1. push : 제일 마지막에 값을 추가fruits. push("값")-> fruits. 제일 뒤에 "값"을 추가시킨다. 3-2. pop : 제일 마지막 객체 삭제fruits. pop();-> fruits. 안에 있는 객체 중 제일 마지막 객체를 삭제시킨다. 3-3. shift : 제일  첫번째 객체 삭제fruits. shift():-> frui..

객체 : key-value pair의 형태이며, 하나의 변수에 여려 개의 값을 넣을 수 있다. 1. 객체 생성 방법1-1. 기본적인 객체 생성 방법let person = {name : "홍길동",age : 30}; 1-2. 생성자 함수를 이용한 객체 생성 방법(this)fuction person(name, age, gender) {this. name = name;this. age = age;this. gender = gender;} 2. 접근하는 방법console. log(객체이름. 객체의 key);console. log(person. name);-> 이름이 결과값으로 출력된다. 3. 객체 메소드(객체가 가진 여러가지 기능 : Object.~~~)3-1. Object. key() : key를 가져오는 메..

조건문 - if, else if, else, switch1. if문if(true or false가 나올 수 있는 조건) {true 일 경우 실행이 된다.} 2. if~else문if(true or false가 나올 수 있는 조건){true 일 경우 실행되는 함수} else {false 일 경우 실행되는 함수} * if ~ else if ~else 문if (조건1) {main logic #1} else if (조건2)main logic #2} else {main logic #3} -> 조건 1에 해당되면 main logic #1이 실행되고, 조건 2에 해당되면 main logic #2이 실행된다.      조건 1,2 둘다 해당되지 않을 경우 main logic #3 함수가 실행된다. 3. switch : ..

함수 : input과 output을 가지고 있는 function(기능)의 단위이다.*input : 매개변수(매개체가 되는 변수)*output : return문 뒤에 오는 값 (반환값)기본형태 : fuction () {} 1. 함수선언문fuction 함수명 (매개변수) {함수 내부에서 실행할 로직}ex) 두 개의 숫자를 입력 받아서 덧셈을 한 후 내보내는 함수fuction add (x, y) {let result x+y; -> 선언하기return result; -> 결과값 나타내기} 2. 함수표현식let add = fuction (매개변수) {함수 내부에 실행할 로직}-> 위와 결과값은 같다. 함수를 호출한다(= 사용한다.)함수명() -> add(입력값)1) console. log(add(숫자, 숫자));..

1. 더하기 연산자console. log(1+1); -> 2console. log(1+"1"): -> 11-> 더하기 연산자는 문자열이 우선이기 때문에 숫자 + 문자열의 경우 문자열로 변환된다. 2. 빼기 연산자console. log(1-1); -> 0console. log(1-"1"): -> 0 3. 곱하기 연산자console. log(2*3); -> 6console. log(2*"3"): -> 6 4. 나누기 연산자console. log(4/2); -> 2console. log(4/"2"): -> 2 5. 나누기연산자(/) vs 나머지 연산자(%)console. log(5/2); -> 2.5console. log(5%2): -> 1 6. 할당연산자(assignment)6-1. 등호 연산자(=) : 오..

형 변환 : 형태를 바꾸는 것으로 명시적 형변환, 암시적 형변환이 있다.1) 암시적 형 변환 : 의도하진 않았지만 자동으로 바뀌는 것.2) 명시적 형 변환 : 의도적으로 변경하는 것. 1. 암시적 형 변환1-1. 문자열let result = 1+"2";console. log(result);console. log(typeof result);-> 결과값으로 12, string이 나온다. 숫자와 문자를 더했는데 암시적으로 숫자 1도 문자열로 바뀌어 결과값이 나온걸 볼 수 있다.(숫자+문자열 -> 문자열로 변환) let result = "1"+true;console. log(result);console. log(typeof result);-> 결과값으롤 1true, string이 나온다. 문자열 + boolea..

테이터타입 : runtime(코드를 작성할 때가 아니라, 실제 코드가 실행될때)에 데이터 타입이 결정된다. 1. 숫자1-1. 정수let num = 숫자;console.log (num);console.log (typerof num);-> num의 데이터타입을 number(숫자)로 나타낸다. 단, "숫자"로 넣게 되면 string(문자열)으로 나온다. 1-2. 실수(float) : 소수점포함된 숫자.-> 정수와 똑같이 typerof를 사용하면 된다. 단 위와 동일하게 ""(큰 따옴표)를 넣게되면 string(문자열)으로 나오니 주의해야한다. 1-3. 지수형(Exp)let num = 2.5e5; -> 2.5*10^5의 의미이다.console. log(num);console. log(typerof num);->..